/* ============================================
   SAMSAR - Dark Mode Overrides
   Toggled via .dark-theme on <body>
   ============================================ */

body.dark-theme {
    --bg-color: #0f1419;
    --bg-secondary: #1a1f2e;
    --bg-card: #1e2538;
    --text-color: #e4e6eb;
    --text-secondary: #a0a8b8;
    --text-light: #6b7280;
    --border-color: #2d3548;
    --shadow: 0 2px 15px rgba(0, 0, 0, 0.25);
    --shadow-hover: 0 8px 30px rgba(0, 0, 0, 0.35);
    --shadow-card: 0 4px 20px rgba(0, 0, 0, 0.2);
}

/* Navbar dark */
body.dark-theme .samsar-navbar {
    background: var(--bg-secondary);
    border-bottom: 1px solid var(--border-color);
}

body.dark-theme .samsar-navbar .navbar-brand {
    color: var(--secondary);
}
body.dark-theme .samsar-navbar .my-logo {
    content: url("../images/logo_dark.png");
    
}

body.dark-theme .samsar-navbar .nav-link {
    color: var(--text-color) !important;
}

body.dark-theme .nav-icon-btn {
    background: var(--bg-color);
    color: var(--text-color);
}

body.dark-theme .lang-selector {
    background: var(--bg-color);
    border-color: var(--border-color);
    color: var(--text-color);
}

/* Hero dark */
body.dark-theme .hero-section {
    background: linear-gradient(135deg, rgba(15, 20, 25, 0.95), rgba(26, 31, 46, 0.9));
}

body.dark-theme .hero-search-box {
    background: rgba(30, 37, 56, 0.85);
    border-color: var(--border-color);
}

body.dark-theme .hero-search-box .form-control,
body.dark-theme .hero-search-box .form-select {
    background: var(--bg-color);
    color: var(--text-color);
    border: 1px solid var(--border-color);
}

/* Cards dark */
body.dark-theme .property-card {
    background: var(--bg-card);
}

body.dark-theme .property-card .property-title a {
    color: var(--text-color);
}

body.dark-theme .property-list-card {
    background: var(--bg-card);
}

/* Sidebar widget dark */
body.dark-theme .sidebar-widget {
    background: var(--bg-card);
}

/* Forms dark */
body.dark-theme .samsar-form .form-control,
body.dark-theme .samsar-form .form-select {
    background: var(--bg-color);
    border-color: var(--border-color);
    color: var(--text-color);
}

/* Auth card dark */
body.dark-theme .auth-card {
    background: var(--bg-card);
}

body.dark-theme .auth-card .auth-logo h3 {
    color: var(--secondary);
}

/* Page header dark */
body.dark-theme .page-header {
    background: linear-gradient(135deg, #0a0f18, #1a1f2e);
}

/* Footer dark */
body.dark-theme .samsar-footer {
    background: #0a0e14;
}

/* Tables dark */
body.dark-theme .samsar-table {
    background: var(--bg-card);
}

body.dark-theme .samsar-table td {
    border-bottom-color: var(--border-color);
}

/* Search filter dark */
body.dark-theme .search-filter-bar {
    background: var(--bg-card);
}

/* Admin dark */
body.dark-theme .admin-sidebar {
    background: #0a0e14;
}

body.dark-theme .admin-top-bar {
    background: var(--bg-secondary);
    border-bottom: 1px solid var(--border-color);
}

body.dark-theme .dashboard-card {
    background: var(--bg-card);
}

/* Calc */
body.dark-theme .calc-card {
    background: var(--bg-card);
}

/* Ad slots dark */
body.dark-theme .ad-slot {
    background: var(--bg-secondary);
    border-color: var(--border-color);
}

/* Agent card dark */
body.dark-theme .agent-card {
    background: var(--bg-card);
}

/* Contact box dark */
body.dark-theme .contact-info-box {
    background: var(--bg-secondary);
}

body.dark-theme .contact-info-box:hover {
    background: var(--bg-card);
}

/* Detail dark */
body.dark-theme .detail-info-card {
    background: var(--bg-card);
}

body.dark-theme .detail-meta-item {
    background: var(--bg-color);
}

/* Pagination dark */
body.dark-theme .samsar-pagination a,
body.dark-theme .samsar-pagination span {
    background: var(--bg-card);
    color: var(--text-color);
}

/* Scrollbar dark */
body.dark-theme::-webkit-scrollbar-track {
    background: var(--bg-color);
}

body.dark-theme::-webkit-scrollbar-thumb {
    background: var(--border-color);
}

/* Modal dark */
body.dark-theme .modal-content {
    background: var(--bg-card);
    border-color: var(--border-color);
}

body.dark-theme .modal-header {
    border-bottom-color: var(--border-color);
}

body.dark-theme .modal-footer {
    border-top-color: var(--border-color);
}
