/* ألوان الهوية الجديدة - جيدانة العقارية */

:root {
    /* الألوان الأساسية الجديدة */
    --primary-color: #602848;        /* لون ال header */
    --secondary-color: #b6b492;       /* 2nd color */
    --tertiary-color: #b3b18d;        /* 3rd color */
    --background-color: #fbfaf8;      /* background */
    --content-background: #ffffff;   /* content background */
    
    /* ألوان الجداول والحدود */
    --table-border: #5f5737;         /* tables border */
    --table-border-alt: #aaa388;      /* alternative table border */
    
    /* ألوان الخلفيات المتدرجة */
    --gradient-bg-1: #f5f4f0;
    --gradient-bg-2: #c0bea0;
    --gradient-bg-3: #b6b492;
    --gradient-bg-4: #98867b;
    --gradient-bg-5: #b3b18d;
    
    /* ألوان الأيقونات */
    --icon-bg: #f7f5f7;              /* icon background */
    --icon-text: #602848;            /* icon text color */
    
    /* ألوان التذييل */
    --footer-bg: rgb(20, 20, 42);    /* footer background */
    --footer-text: #ffffff;          /* footer text color */
    
    /* ألوان النص */
    --text-primary: #602848;         /* primary text color */
    --text-secondary: #5f5737;       /* secondary text color */
    --text-light: #ffffff;           /* light text color */
    --text-dark: #000000;            /* dark text color */
    
    /* ألوان الحالة */
    --success-color: #28A745;        /* نجاح */
    --warning-color: #FFC107;         /* تحذير */
    --danger-color: #DC3545;          /* خطأ */
    --info-color: #17A2B8;           /* معلومات */
}

/* تطبيق الألوان على العناصر */

/* الشريط العلوي */
.navbar {
    background-color: var(--primary-color) !important;
}

.navbar a:hover {
    color: var(--secondary-color) !important;
}

.navbar a.active {
    color: var(--secondary-color) !important;
}

/* الأزرار */
.btn-primary {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: var(--text-light);
}

.btn-primary:hover {
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
    color: var(--text-dark);
}

.btn-secondary {
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
    color: var(--text-dark);
}

.btn-secondary:hover {
    background-color: var(--tertiary-color);
    border-color: var(--tertiary-color);
    color: var(--text-dark);
}

.btn-tertiary {
    background-color: var(--tertiary-color);
    border-color: var(--tertiary-color);
    color: var(--text-dark);
}

.btn-tertiary:hover {
    background-color: var(--gradient-bg-3);
    border-color: var(--gradient-bg-3);
    color: var(--text-dark);
}

/* أزرار Hover مع لون التذييل الداكن */
button:hover, 
.btn:hover, 
a[class*="btn"]:hover,
.bg-\[var\(--secondary-color\)\]:hover,
.bg-\[var\(--tertiary-color\)\]:hover,
.bg-\[#b6b492\]:hover,
.bg-\[#b3b18d\]:hover,
.hover\:bg-\[var\(--secondary-color\)\]:hover,
.hover\:bg-\[var\(--tertiary-color\)\]:hover,
.hover\:bg-\[#b6b492\]:hover,
.hover\:bg-\[#b3b18d\]:hover {
    color: var(--footer-bg) !important;
}

/* أزرار خاصة */
.bg-\[#602848\]:hover,
.bg-\[var\(--primary-color\)\]:hover {
    color: var(--text-light) !important;
}

/* قواعد إضافية للأزرار */
a[class*="bg-"]:hover,
button[class*="bg-"]:hover,
[class*="bg-"][class*="hover"]:hover {
    color: var(--footer-bg) !important;
}

/* أزرار Tailwind المحددة */
.hover\:text-\[var\(--footer-bg\)\]:hover,
.hover\:text-\[rgb\(20,20,42\)\]:hover {
    color: var(--footer-bg) !important;
}

/* أزرار مع خلفيات متدرجة */
.bg-gradient-to-r:hover,
.bg-gradient-to-l:hover,
.bg-gradient-to-b:hover,
.bg-gradient-to-t:hover {
    color: var(--footer-bg) !important;
}

/* أزرار محددة في الصفحات */
.hover\:bg-\[#b6b492\]:hover,
.hover\:bg-\[#b3b18d\]:hover,
.hover\:bg-\[var\(--secondary-color\)\]:hover,
.hover\:bg-\[var\(--tertiary-color\)\]:hover {
    color: var(--footer-bg) !important;
}

/* أزرار CTA */
.cta-button:hover,
.call-to-action:hover,
.hero-button:hover {
    color: var(--footer-bg) !important;
}

/* أزرار النماذج */
.form-button:hover,
.submit-button:hover,
.contact-button:hover {
    color: var(--footer-bg) !important;
}

/* أزرار المشاريع */
.project-button:hover,
.details-button:hover,
.interest-button:hover {
    color: var(--footer-bg) !important;
}

/* قواعد شاملة لجميع الأزرار */
*[class*="bg-"][class*="hover"]:hover,
*[class*="button"]:hover,
*[class*="btn"]:hover,
button[class*="bg-"]:hover,
a[class*="bg-"]:hover {
    color: var(--footer-bg) !important;
}

/* أزرار Tailwind المحددة */
.hover\:bg-\[#b6b492\]:hover,
.hover\:bg-\[#b3b18d\]:hover,
.hover\:bg-\[var\(--secondary-color\)\]:hover,
.hover\:bg-\[var\(--tertiary-color\)\]:hover {
    color: var(--footer-bg) !important;
}

/* أزرار مع ألوان محددة */
.bg-\[#b6b492\]:hover,
.bg-\[#b3b18d\]:hover,
.bg-\[var\(--secondary-color\)\]:hover,
.bg-\[var\(--tertiary-color\)\]:hover {
    color: var(--footer-bg) !important;
}

/* أزرار محددة في الصفحات */
.hover\:bg-\[#b6b492\]:hover,
.hover\:bg-\[#b3b18d\]:hover,
.hover\:bg-\[var\(--secondary-color\)\]:hover,
.hover\:bg-\[var\(--tertiary-color\)\]:hover {
    color: var(--footer-bg) !important;
}

/* أزرار CTA */
.cta-button:hover,
.call-to-action:hover,
.hero-button:hover {
    color: var(--footer-bg) !important;
}

/* أزرار النماذج */
.form-button:hover,
.submit-button:hover,
.contact-button:hover {
    color: var(--footer-bg) !important;
}

/* أزرار المشاريع */
.project-button:hover,
.details-button:hover,
.interest-button:hover {
    color: var(--footer-bg) !important;
}

/* قواعد شاملة لجميع الأزرار */
*[class*="bg-"][class*="hover"]:hover,
*[class*="button"]:hover,
*[class*="btn"]:hover,
button[class*="bg-"]:hover,
a[class*="bg-"]:hover {
    color: var(--footer-bg) !important;
}

/* أزرار Tailwind المحددة */
.hover\:bg-\[#b6b492\]:hover,
.hover\:bg-\[#b3b18d\]:hover,
.hover\:bg-\[var\(--secondary-color\)\]:hover,
.hover\:bg-\[var\(--tertiary-color\)\]:hover {
    color: var(--footer-bg) !important;
}

/* أزرار مع ألوان محددة */
.bg-\[#b6b492\]:hover,
.bg-\[#b3b18d\]:hover,
.bg-\[var\(--secondary-color\)\]:hover,
.bg-\[var\(--tertiary-color\)\]:hover {
    color: var(--footer-bg) !important;
}

/* قواعد إضافية للأزرار */
*[class*="bg-"][class*="hover"]:hover,
*[class*="button"]:hover,
*[class*="btn"]:hover,
button[class*="bg-"]:hover,
a[class*="bg-"]:hover {
    color: var(--footer-bg) !important;
}

/* أزرار Tailwind المحددة */
.hover\:bg-\[#b6b492\]:hover,
.hover\:bg-\[#b3b18d\]:hover,
.hover\:bg-\[var\(--secondary-color\)\]:hover,
.hover\:bg-\[var\(--tertiary-color\)\]:hover {
    color: var(--footer-bg) !important;
}

/* أزرار مع ألوان محددة */
.bg-\[#b6b492\]:hover,
.bg-\[#b3b18d\]:hover,
.bg-\[var\(--secondary-color\)\]:hover,
.bg-\[var\(--tertiary-color\)\]:hover {
    color: var(--footer-bg) !important;
}

/* أزرار محددة في الصفحات */
.hover\:bg-\[#b6b492\]:hover,
.hover\:bg-\[#b3b18d\]:hover,
.hover\:bg-\[var\(--secondary-color\)\]:hover,
.hover\:bg-\[var\(--tertiary-color\)\]:hover {
    color: var(--footer-bg) !important;
}

/* أزرار CTA */
.cta-button:hover,
.call-to-action:hover,
.hero-button:hover {
    color: var(--footer-bg) !important;
}

/* أزرار النماذج */
.form-button:hover,
.submit-button:hover,
.contact-button:hover {
    color: var(--footer-bg) !important;
}

/* أزرار المشاريع */
.project-button:hover,
.details-button:hover,
.interest-button:hover {
    color: var(--footer-bg) !important;
}

/* قواعد شاملة لجميع الأزرار */
*[class*="bg-"][class*="hover"]:hover,
*[class*="button"]:hover,
*[class*="btn"]:hover,
button[class*="bg-"]:hover,
a[class*="bg-"]:hover {
    color: var(--footer-bg) !important;
}

/* أزرار Tailwind المحددة */
.hover\:bg-\[#b6b492\]:hover,
.hover\:bg-\[#b3b18d\]:hover,
.hover\:bg-\[var\(--secondary-color\)\]:hover,
.hover\:bg-\[var\(--tertiary-color\)\]:hover {
    color: var(--footer-bg) !important;
}

/* أزرار مع ألوان محددة */
.bg-\[#b6b492\]:hover,
.bg-\[#b3b18d\]:hover,
.bg-\[var\(--secondary-color\)\]:hover,
.bg-\[var\(--tertiary-color\)\]:hover {
    color: var(--footer-bg) !important;
}

/* أزرار محددة في الصفحات */
.hover\:bg-\[#b6b492\]:hover,
.hover\:bg-\[#b3b18d\]:hover,
.hover\:bg-\[var\(--secondary-color\)\]:hover,
.hover\:bg-\[var\(--tertiary-color\)\]:hover {
    color: var(--footer-bg) !important;
}

/* أزرار CTA */
.cta-button:hover,
.call-to-action:hover,
.hero-button:hover {
    color: var(--footer-bg) !important;
}

/* أزرار النماذج */
.form-button:hover,
.submit-button:hover,
.contact-button:hover {
    color: var(--footer-bg) !important;
}

/* أزرار المشاريع */
.project-button:hover,
.details-button:hover,
.interest-button:hover {
    color: var(--footer-bg) !important;
}

/* قواعد شاملة لجميع الأزرار */
*[class*="bg-"][class*="hover"]:hover,
*[class*="button"]:hover,
*[class*="btn"]:hover,
button[class*="bg-"]:hover,
a[class*="bg-"]:hover {
    color: var(--footer-bg) !important;
}

/* أزرار Tailwind المحددة */
.hover\:bg-\[#b6b492\]:hover,
.hover\:bg-\[#b3b18d\]:hover,
.hover\:bg-\[var\(--secondary-color\)\]:hover,
.hover\:bg-\[var\(--tertiary-color\)\]:hover {
    color: var(--footer-bg) !important;
}

/* أزرار مع ألوان محددة */
.bg-\[#b6b492\]:hover,
.bg-\[#b3b18d\]:hover,
.bg-\[var\(--secondary-color\)\]:hover,
.bg-\[var\(--tertiary-color\)\]:hover {
    color: var(--footer-bg) !important;
}

/* أزرار محددة في الصفحات */
.hover\:bg-\[#b6b492\]:hover,
.hover\:bg-\[#b3b18d\]:hover,
.hover\:bg-\[var\(--secondary-color\)\]:hover,
.hover\:bg-\[var\(--tertiary-color\)\]:hover {
    color: var(--footer-bg) !important;
}

/* أزرار CTA */
.cta-button:hover,
.call-to-action:hover,
.hero-button:hover {
    color: var(--footer-bg) !important;
}

/* أزرار النماذج */
.form-button:hover,
.submit-button:hover,
.contact-button:hover {
    color: var(--footer-bg) !important;
}

/* أزرار المشاريع */
.project-button:hover,
.details-button:hover,
.interest-button:hover {
    color: var(--footer-bg) !important;
}

/* قواعد شاملة لجميع الأزرار */
*[class*="bg-"][class*="hover"]:hover,
*[class*="button"]:hover,
*[class*="btn"]:hover,
button[class*="bg-"]:hover,
a[class*="bg-"]:hover {
    color: var(--footer-bg) !important;
}

/* أزرار Tailwind المحددة */
.hover\:bg-\[#b6b492\]:hover,
.hover\:bg-\[#b3b18d\]:hover,
.hover\:bg-\[var\(--secondary-color\)\]:hover,
.hover\:bg-\[var\(--tertiary-color\)\]:hover {
    color: var(--footer-bg) !important;
}

/* أزرار مع ألوان محددة */
.bg-\[#b6b492\]:hover,
.bg-\[#b3b18d\]:hover,
.bg-\[var\(--secondary-color\)\]:hover,
.bg-\[var\(--tertiary-color\)\]:hover {
    color: var(--footer-bg) !important;
}

/* أزرار محددة في الصفحات */
.hover\:bg-\[#b6b492\]:hover,
.hover\:bg-\[#b3b18d\]:hover,
.hover\:bg-\[var\(--secondary-color\)\]:hover,
.hover\:bg-\[var\(--tertiary-color\)\]:hover {
    color: var(--footer-bg) !important;
}

/* أزرار CTA */
.cta-button:hover,
.call-to-action:hover,
.hero-button:hover {
    color: var(--footer-bg) !important;
}

/* أزرار النماذج */
.form-button:hover,
.submit-button:hover,
.contact-button:hover {
    color: var(--footer-bg) !important;
}

/* أزرار المشاريع */
.project-button:hover,
.details-button:hover,
.interest-button:hover {
    color: var(--footer-bg) !important;
}

/* قواعد شاملة لجميع الأزرار */
*[class*="bg-"][class*="hover"]:hover,
*[class*="button"]:hover,
*[class*="btn"]:hover,
button[class*="bg-"]:hover,
a[class*="bg-"]:hover {
    color: var(--footer-bg) !important;
}

/* أزرار Tailwind المحددة */
.hover\:bg-\[#b6b492\]:hover,
.hover\:bg-\[#b3b18d\]:hover,
.hover\:bg-\[var\(--secondary-color\)\]:hover,
.hover\:bg-\[var\(--tertiary-color\)\]:hover {
    color: var(--footer-bg) !important;
}

/* أزرار مع ألوان محددة */
.bg-\[#b6b492\]:hover,
.bg-\[#b3b18d\]:hover,
.bg-\[var\(--secondary-color\)\]:hover,
.bg-\[var\(--tertiary-color\)\]:hover {
    color: var(--footer-bg) !important;
}

/* أزرار محددة في الصفحات */
.hover\:bg-\[#b6b492\]:hover,
.hover\:bg-\[#b3b18d\]:hover,
.hover\:bg-\[var\(--secondary-color\)\]:hover,
.hover\:bg-\[var\(--tertiary-color\)\]:hover {
    color: var(--footer-bg) !important;
}

/* أزرار CTA */
.cta-button:hover,
.call-to-action:hover,
.hero-button:hover {
    color: var(--footer-bg) !important;
}

/* أزرار النماذج */
.form-button:hover,
.submit-button:hover,
.contact-button:hover {
    color: var(--footer-bg) !important;
}

/* أزرار المشاريع */
.project-button:hover,
.details-button:hover,
.interest-button:hover {
    color: var(--footer-bg) !important;
}

/* قواعد شاملة لجميع الأزرار */
*[class*="bg-"][class*="hover"]:hover,
*[class*="button"]:hover,
*[class*="btn"]:hover,
button[class*="bg-"]:hover,
a[class*="bg-"]:hover {
    color: var(--footer-bg) !important;
}

/* أزرار Tailwind المحددة */
.hover\:bg-\[#b6b492\]:hover,
.hover\:bg-\[#b3b18d\]:hover,
.hover\:bg-\[var\(--secondary-color\)\]:hover,
.hover\:bg-\[var\(--tertiary-color\)\]:hover {
    color: var(--footer-bg) !important;
}

/* أزرار مع ألوان محددة */
.bg-\[#b6b492\]:hover,
.bg-\[#b3b18d\]:hover,
.bg-\[var\(--secondary-color\)\]:hover,
.bg-\[var\(--tertiary-color\)\]:hover {
    color: var(--footer-bg) !important;
}

/* الروابط */
a {
    color: var(--primary-color);
}

a:hover {
    color: var(--secondary-color);
}

/* العناوين */
h1, h2, h3, h4, h5, h6 {
    color: var(--text-primary);
}

.section-title {
    color: var(--text-primary);
}

.section-title::after {
    background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));
}

/* النماذج */
.form-input {
    border-color: var(--table-border);
}

.form-input:focus {
    border-color: var(--primary-color);
    box-shadow: 0 0 0 3px rgba(96, 40, 72, 0.1);
}

.form-label {
    color: var(--text-primary);
}

/* الجداول */
table {
    border-color: var(--table-border);
}

th {
    background-color: var(--gradient-bg-3);
    color: var(--text-dark);
    border-color: var(--table-border);
}

td {
    border-color: var(--table-border-alt);
}

tr:nth-child(even) {
    background-color: var(--gradient-bg-1);
}

tr:nth-child(odd) {
    background-color: var(--content-background);
}

/* البطاقات */
.card {
    background-color: var(--content-background);
    border-color: var(--table-border);
}

.card-header {
    background-color: var(--gradient-bg-2);
    color: var(--text-dark);
    border-bottom-color: var(--table-border);
}

.card-body {
    background-color: var(--content-background);
}

/* الأيقونات */
.icon-bg {
    background-color: var(--icon-bg);
    color: var(--icon-text);
}

.icon-primary {
    color: var(--primary-color);
}

.icon-secondary {
    color: var(--secondary-color);
}

.icon-tertiary {
    color: var(--tertiary-color);
}

/* التذييل */
footer {
    background-color: var(--footer-bg) !important;
    color: var(--footer-text) !important;
}

footer h3 {
    color: var(--footer-text) !important;
}

footer a {
    color: var(--footer-text) !important;
}

footer a:hover {
    color: var(--secondary-color) !important;
}

footer .material-symbols-outlined {
    color: var(--secondary-color) !important;
}

footer .bg-gray-800 {
    background-color: var(--footer-bg) !important;
}

footer .bg-gray-800:hover {
    background-color: var(--secondary-color) !important;
}

/* الخلفيات المتدرجة */
.gradient-bg-1 {
    background-color: var(--gradient-bg-1);
}

.gradient-bg-2 {
    background-color: var(--gradient-bg-2);
}

.gradient-bg-3 {
    background-color: var(--gradient-bg-3);
}

.gradient-bg-4 {
    background-color: var(--gradient-bg-4);
}

.gradient-bg-5 {
    background-color: var(--gradient-bg-5);
}

/* التدرجات */
.gradient-primary {
    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
}

.gradient-secondary {
    background: linear-gradient(135deg, var(--secondary-color), var(--tertiary-color));
}

.gradient-tertiary {
    background: linear-gradient(135deg, var(--tertiary-color), var(--gradient-bg-3));
}

/* النصوص */
.text-primary {
    color: var(--text-primary) !important;
}

.text-secondary {
    color: var(--text-secondary) !important;
}

.text-light {
    color: var(--text-light) !important;
}

.text-dark {
    color: var(--text-dark) !important;
}

/* الخلفيات */
.bg-primary {
    background-color: var(--primary-color) !important;
}

.bg-secondary {
    background-color: var(--secondary-color) !important;
}

.bg-tertiary {
    background-color: var(--tertiary-color) !important;
}

.bg-content {
    background-color: var(--content-background) !important;
}

.bg-page {
    background-color: var(--background-color) !important;
}

/* الحدود */
.border-primary {
    border-color: var(--primary-color) !important;
}

.border-secondary {
    border-color: var(--secondary-color) !important;
}

.border-tertiary {
    border-color: var(--tertiary-color) !important;
}

.border-table {
    border-color: var(--table-border) !important;
}

/* التأثيرات */
.hover-primary:hover {
    color: var(--primary-color) !important;
}

.hover-secondary:hover {
    color: var(--secondary-color) !important;
}

.hover-tertiary:hover {
    color: var(--tertiary-color) !important;
}

.hover-bg-primary:hover {
    background-color: var(--primary-color) !important;
}

.hover-bg-secondary:hover {
    background-color: var(--secondary-color) !important;
}

.hover-bg-tertiary:hover {
    background-color: var(--tertiary-color) !important;
}

/* التخصيصات الخاصة */

/* Hero Sections */
.hero-gradient {
    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
}

/* CTA Sections */
.cta-gradient {
    background: linear-gradient(135deg, var(--primary-color), var(--tertiary-color));
}

/* Service Cards */
.service-card {
    background-color: var(--content-background);
    border: 1px solid var(--table-border);
}

.service-card:hover {
    border-color: var(--primary-color);
    box-shadow: 0 4px 12px rgba(96, 40, 72, 0.15);
}

/* Contact Cards */
.contact-card {
    background-color: var(--content-background);
    border: 1px solid var(--table-border);
}

.contact-card .icon-bg {
    background-color: var(--icon-bg);
    color: var(--icon-text);
}

/* Project Cards */
.project-card {
    background-color: var(--content-background);
    border: 1px solid var(--table-border);
}

.project-card:hover {
    border-color: var(--primary-color);
}

/* Status Badges */
.status-new {
    background-color: var(--gradient-bg-1);
    color: var(--text-dark);
    border: 1px solid var(--table-border);
}

.status-contacted {
    background-color: var(--gradient-bg-2);
    color: var(--text-dark);
    border: 1px solid var(--table-border);
}

.status-converted {
    background-color: var(--gradient-bg-3);
    color: var(--text-dark);
    border: 1px solid var(--table-border);
}

.status-archived {
    background-color: var(--gradient-bg-4);
    color: var(--text-light);
    border: 1px solid var(--table-border);
}

/* Admin Panel */
.admin-sidebar {
    background-color: var(--primary-color);
    color: var(--text-light);
}

.admin-sidebar a {
    color: var(--text-light);
}

.admin-sidebar a:hover {
    color: var(--secondary-color);
    background-color: rgba(182, 180, 146, 0.1);
}

.admin-content {
    background-color: var(--background-color);
}

/* Responsive Design */
@media (max-width: 768px) {
    .navbar {
        background-color: var(--primary-color) !important;
    }
    
    .mobile-menu {
        background-color: var(--primary-color);
        border-top: 1px solid var(--table-border);
    }
    
    .mobile-menu a {
        color: var(--text-light);
    }
    
    .mobile-menu a:hover {
        color: var(--secondary-color);
        background-color: rgba(182, 180, 146, 0.1);
    }
}

/* Print Styles */
@media print {
    .navbar,
    footer,
    .floating-buttons {
        display: none !important;
    }
    
    body {
        background-color: var(--content-background) !important;
        color: var(--text-dark) !important;
    }
    
    .card,
    .service-card,
    .project-card {
        border: 1px solid var(--table-border) !important;
        background-color: var(--content-background) !important;
    }
}