/* ===== DARK MODE STYLES ===== */

/* CSS Variables for Dark Mode */
:root {
    --bg-primary: #ffffff;
    --bg-secondary: #f8f9fa;
    --bg-tertiary: #e9ecef;
    --text-primary: #333333;
    --text-secondary: #666666;
    --text-muted: #999999;
    --border-color: #dee2e6;
    --card-bg: #ffffff;
    --shadow-light: rgba(0, 0, 0, 0.1);
    --shadow-medium: rgba(0, 0, 0, 0.15);
    --shadow-heavy: rgba(0, 0, 0, 0.3);
}

/* Dark Mode Variables */
[data-theme="dark"] {
    --bg-primary: #1E1E1E;
    --bg-secondary: #2C2C2C;
    --bg-tertiary: #3A3A3A;
    --text-primary: #ffffff;
    --text-secondary: #cccccc;
    --text-muted: #999999;
    --border-color: #444444;
    --card-bg: #2C2C2C;
    --shadow-light: rgba(0, 0, 0, 0.3);
    --shadow-medium: rgba(0, 0, 0, 0.4);
    --shadow-heavy: rgba(0, 0, 0, 0.6);
}

/* ===== GLOBAL DARK MODE STYLES ===== */
[data-theme="dark"] body {
    background-color: var(--bg-primary);
    color: var(--text-primary);
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* ===== NAVIGATION DARK MODE ===== */
[data-theme="dark"] .navbar {
    background: rgba(30, 30, 30, 0.98);
    border-bottom: 1px solid var(--border-color);
}

[data-theme="dark"] .nav-link {
    color: var(--text-primary);
}

[data-theme="dark"] .nav-link:hover {
    color: #E10000;
}

[data-theme="dark"] .dark-mode-toggle {
    color: var(--text-primary);
}

[data-theme="dark"] .dark-mode-toggle:hover {
    background: rgba(255, 255, 255, 0.1);
}

[data-theme="dark"] .lang-btn {
    border-color: var(--border-color);
    color: var(--text-primary);
}

[data-theme="dark"] .hamburger .bar {
    background: var(--text-primary);
}

/* ===== SECTIONS DARK MODE ===== */
[data-theme="dark"] .stats-section {
    background: var(--bg-secondary);
}

[data-theme="dark"] .about-section {
    background: var(--bg-primary);
}

[data-theme="dark"] .departments-section {
    background: var(--bg-secondary);
}

[data-theme="dark"] .projects-section {
    background: var(--bg-primary);
}

[data-theme="dark"] .real-estate-section {
    background: var(--bg-secondary);
}

[data-theme="dark"] .accounting-services-section {
    background: var(--bg-primary);
}

[data-theme="dark"] .ai-center-section {
    background: var(--bg-primary);
}

/* ===== TYPOGRAPHY DARK MODE ===== */
[data-theme="dark"] .section-title {
    color: var(--text-primary);
}

[data-theme="dark"] .section-subtitle {
    color: var(--text-secondary);
}

[data-theme="dark"] h1,
[data-theme="dark"] h2,
[data-theme="dark"] h3,
[data-theme="dark"] h4,
[data-theme="dark"] h5,
[data-theme="dark"] h6 {
    color: var(--text-primary);
}

[data-theme="dark"] p {
    color: var(--text-secondary);
}

/* ===== CARDS DARK MODE ===== */
[data-theme="dark"] .stat-item {
    background: var(--card-bg);
    box-shadow: 0 10px 30px var(--shadow-light);
    border: 1px solid var(--border-color);
}

[data-theme="dark"] .stat-number {
    color: var(--text-primary);
}

[data-theme="dark"] .stat-label {
    color: var(--text-secondary);
}

[data-theme="dark"] .project-item {
    background: var(--card-bg);
    box-shadow: 0 10px 30px var(--shadow-light);
    border: 1px solid var(--border-color);
}

[data-theme="dark"] .project-info h3 {
    color: var(--text-primary);
}

[data-theme="dark"] .project-info p {
    color: var(--text-secondary);
}

[data-theme="dark"] .property-card {
    background: var(--card-bg);
    box-shadow: 0 10px 30px var(--shadow-light);
    border: 1px solid var(--border-color);
}

[data-theme="dark"] .property-info h3 {
    color: var(--text-primary);
}

[data-theme="dark"] .property-details {
    color: var(--text-secondary);
}

/* ===== TABS DARK MODE ===== */
[data-theme="dark"] .tab-content {
    background: var(--card-bg);
    box-shadow: 0 20px 40px var(--shadow-light);
    border: 1px solid var(--border-color);
}

[data-theme="dark"] .dept-text h3 {
    color: var(--text-primary);
}

[data-theme="dark"] .dept-text p {
    color: var(--text-secondary);
}

[data-theme="dark"] .dept-text li {
    color: var(--text-secondary);
}

/* ===== ACCORDION DARK MODE ===== */
[data-theme="dark"] .accordion-item {
    background: var(--card-bg);
    border-color: var(--border-color);
    box-shadow: 0 5px 15px var(--shadow-light);
}

[data-theme="dark"] .accordion-header {
    color: var(--text-primary);
}

[data-theme="dark"] .accordion-header:hover {
    background: var(--bg-tertiary);
}

[data-theme="dark"] .accordion-header h3 {
    color: var(--text-primary);
}

[data-theme="dark"] .accordion-content p {
    color: var(--text-secondary);
}

/* ===== AI SERVICES DARK MODE ===== */
[data-theme="dark"] .ai-service-card {
    background: rgba(255, 255, 255, 0.05);
    border-color: var(--border-color);
}

[data-theme="dark"] .ai-service-card:hover {
    background: rgba(255, 255, 255, 0.1);
}

/* ===== TIMELINE DARK MODE ===== */
[data-theme="dark"] .timeline-content h3 {
    color: var(--text-primary);
}

[data-theme="dark"] .timeline-content p {
    color: var(--text-secondary);
}

/* ===== VALUES DARK MODE ===== */
[data-theme="dark"] .value-item {
    background: var(--bg-tertiary);
    color: var(--text-primary);
}

[data-theme="dark"] .value-item:hover {
    background: #E10000;
    color: white;
}

[data-theme="dark"] .value-item i {
    color: #E10000;
}

[data-theme="dark"] .value-item:hover i {
    color: white;
}

/* ===== FEATURE ITEMS DARK MODE ===== */
[data-theme="dark"] .feature-content h3 {
    color: var(--text-primary);
}

[data-theme="dark"] .feature-content p {
    color: var(--text-secondary);
}

/* ===== FORMS DARK MODE ===== */
[data-theme="dark"] .search-form input {
    background: var(--card-bg);
    border-color: var(--border-color);
    color: var(--text-primary);
}

[data-theme="dark"] .search-form input::placeholder {
    color: var(--text-muted);
}

[data-theme="dark"] .search-form input:focus {
    border-color: #E10000;
    box-shadow: 0 0 0 3px rgba(225, 0, 0, 0.1);
}

[data-theme="dark"] .contact-form-container {
    background: rgba(255, 255, 255, 0.05);
    border-color: var(--border-color);
}

[data-theme="dark"] .form-group input,
[data-theme="dark"] .form-group textarea {
    background: rgba(255, 255, 255, 0.05);
    border-color: var(--border-color);
    color: var(--text-primary);
}

[data-theme="dark"] .form-group input::placeholder,
[data-theme="dark"] .form-group textarea::placeholder {
    color: var(--text-muted);
}

[data-theme="dark"] .form-group input:focus,
[data-theme="dark"] .form-group textarea:focus {
    border-color: #E10000;
    background: rgba(255, 255, 255, 0.1);
}

[data-theme="dark"] .checkbox-group label {
    color: var(--text-secondary);
}

/* ===== BUTTONS DARK MODE ===== */
[data-theme="dark"] .btn-secondary {
    background: transparent;
    color: #E10000;
    border-color: #E10000;
}

[data-theme="dark"] .btn-secondary:hover {
    background: #E10000;
    color: white;
}

[data-theme="dark"] .tab-btn {
    background: var(--card-bg);
    border-color: #E10000;
    color: #E10000;
}

[data-theme="dark"] .tab-btn:hover,
[data-theme="dark"] .tab-btn.active {
    background: #E10000;
    color: white;
}

[data-theme="dark"] .filter-btn {
    background: transparent;
    border-color: #E10000;
    color: #E10000;
}

[data-theme="dark"] .filter-btn:hover,
[data-theme="dark"] .filter-btn.active {
    background: #E10000;
    color: white;
}

[data-theme="dark"] .project-btn {
    background: var(--card-bg);
    color: #E10000;
}

[data-theme="dark"] .wishlist-btn {
    background: rgba(255, 255, 255, 0.1);
    color: var(--text-primary);
}

[data-theme="dark"] .wishlist-btn:hover {
    background: #E10000;
    color: white;
}

/* ===== FOOTER DARK MODE ===== */
[data-theme="dark"] .footer {
    background: #0F0F0F;
    border-top: 1px solid var(--border-color);
}

[data-theme="dark"] .footer-menu a {
    color: var(--text-secondary);
}

[data-theme="dark"] .footer-menu a:hover {
    color: #E10000;
}

[data-theme="dark"] .contact-info p {
    color: var(--text-secondary);
}

[data-theme="dark"] .social-media a {
    background: rgba(255, 255, 255, 0.1);
    color: var(--text-primary);
}

[data-theme="dark"] .social-media a:hover {
    background: #E10000;
    color: white;
}

[data-theme="dark"] .footer-legal a {
    color: var(--text-muted);
}

[data-theme="dark"] .footer-legal a:hover {
    color: #E10000;
}

[data-theme="dark"] .footer-visitor-counter {
    color: var(--text-muted);
}

/* ===== MODAL DARK MODE ===== */
[data-theme="dark"] .modal {
    background: rgba(0, 0, 0, 0.9);
}

[data-theme="dark"] .modal-content {
    background: var(--card-bg);
    color: var(--text-primary);
    border: 1px solid var(--border-color);
}

[data-theme="dark"] .modal-close {
    color: var(--text-muted);
}

[data-theme="dark"] .modal-close:hover {
    color: #E10000;
}

/* ===== COOKIE NOTICE DARK MODE ===== */
[data-theme="dark"] .cookie-notice {
    background: rgba(15, 15, 15, 0.98);
    border-top: 1px solid var(--border-color);
}

[data-theme="dark"] .cookie-content p {
    color: var(--text-secondary);
}

/* ===== BACK TO TOP DARK MODE ===== */
[data-theme="dark"] .back-to-top {
    background: #E10000;
    box-shadow: 0 4px 15px rgba(225, 0, 0, 0.3);
}

[data-theme="dark"] .back-to-top:hover {
    background: #FF4444;
    box-shadow: 0 6px 20px rgba(225, 0, 0, 0.4);
}

/* ===== LOADING ANIMATIONS DARK MODE ===== */
[data-theme="dark"] .loading-spinner {
    border-color: var(--border-color);
    border-top-color: #E10000;
}

/* ===== SCROLLBAR DARK MODE ===== */
[data-theme="dark"] ::-webkit-scrollbar {
    width: 8px;
}

[data-theme="dark"] ::-webkit-scrollbar-track {
    background: var(--bg-secondary);
}

[data-theme="dark"] ::-webkit-scrollbar-thumb {
    background: var(--border-color);
    border-radius: 4px;
}

[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
    background: #E10000;
}

/* ===== SELECTION DARK MODE ===== */
[data-theme="dark"] ::selection {
    background: rgba(225, 0, 0, 0.3);
    color: var(--text-primary);
}

[data-theme="dark"] ::-moz-selection {
    background: rgba(225, 0, 0, 0.3);
    color: var(--text-primary);
}

/* ===== FOCUS STYLES DARK MODE ===== */
[data-theme="dark"] *:focus {
    outline: 2px solid #E10000;
    outline-offset: 2px;
}

[data-theme="dark"] .btn:focus {
    box-shadow: 0 0 0 3px rgba(225, 0, 0, 0.3);
}

/* ===== IMAGES DARK MODE ===== */
[data-theme="dark"] img {
    filter: brightness(0.9);
    transition: filter 0.3s ease;
}

[data-theme="dark"] .hero-image {
    filter: brightness(0.7);
}

[data-theme="dark"] .office-image {
    filter: brightness(0.9);
}

/* ===== BORDERS DARK MODE ===== */
[data-theme="dark"] .section-title::after {
    background: linear-gradient(90deg, #E10000, #FF6B6B);
}

[data-theme="dark"] .timeline::before {
    background: linear-gradient(to bottom, #E10000, #FF6B6B);
}

[data-theme="dark"] .timeline-marker {
    background: var(--card-bg);
    border-color: #E10000;
}

[data-theme="dark"] .timeline-marker.active {
    background: #E10000;
}

/* ===== TRANSITIONS ===== */
[data-theme="dark"] * {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

/* ===== DARK MODE TOGGLE ICON ===== */
[data-theme="dark"] .dark-mode-toggle .fa-moon {
    display: none;
}

[data-theme="dark"] .dark-mode-toggle::before {
    content: '\f185'; /* fa-sun */
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
}

/* ===== PRINT STYLES DARK MODE ===== */
@media print {
    [data-theme="dark"] * {
        background: white !important;
        color: black !important;
        box-shadow: none !important;
    }
    
    [data-theme="dark"] .btn {
        border: 1px solid black !important;
    }
}

/* ===== HIGH CONTRAST DARK MODE ===== */
@media (prefers-contrast: high) {
    [data-theme="dark"] {
        --bg-primary: #000000;
        --bg-secondary: #111111;
        --bg-tertiary: #222222;
        --text-primary: #ffffff;
        --text-secondary: #ffffff;
        --border-color: #ffffff;
        --card-bg: #111111;
    }
    
    [data-theme="dark"] .btn-primary {
        background: #ffffff;
        color: #000000;
        border: 2px solid #ffffff;
    }
    
    [data-theme="dark"] .btn-secondary {
        background: #000000;
        color: #ffffff;
        border: 2px solid #ffffff;
    }
}

/* ===== REDUCED MOTION DARK MODE ===== */
@media (prefers-reduced-motion: reduce) {
    [data-theme="dark"] * {
        transition: none !important;
    }
}