/* ============================================================
   Black & Gold skin for the "default" theme.
   Loads LAST on every frontend layout so it wins the cascade.
   ============================================================ */

:root {
    --bg-black: #0a0a0a;
    --bg-surface: #121212;
    --bg-surface-2: #1a1a1a;
    --bg-border: rgba(212, 175, 55, 0.18);
    --bg-border-strong: rgba(212, 175, 55, 0.4);
    --gold: #D4AF37;
    --gold-light: #F1D27A;
    --gold-dark: #A8862A;
    --gold-gradient: linear-gradient(135deg, #F1D27A 0%, #D4AF37 45%, #A8862A 100%);
    --bg-text: #E8E2D0;
    --bg-muted: #A39E8F;

    /* re-point the theme's own variables */
    --main-color: var(--gold);
    --main-color-rgb: 212, 175, 55;
    --main-color-dark: var(--gold-dark);
    --accent-color: var(--gold);
    --accent-color-rgb: 212, 175, 55;
    --main-color2: var(--bg-black);
    --secondary-color: var(--bg-surface);
    --body-bg: var(--bg-black);
    --h-color: #FFFFFF;
    --p-color: var(--bg-muted);
    --dark: var(--bg-black);
    --soft-border: var(--bg-border);
    --card-shadow: 0 4px 18px rgba(0, 0, 0, 0.5);
    --card-shadow-hover: 0 12px 32px rgba(212, 175, 55, 0.12);
}

html, body { background: var(--bg-black) !important; color: var(--bg-text); }
p, li, span, label, small, td { color: inherit; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color: #fff; }
a { color: var(--gold); }
a:hover { color: var(--gold-light); }
::selection { background: var(--gold); color: #000; }
.text-gold { color: var(--gold) !important; }
hr { border-color: var(--bg-border); }

/* ---------- Buttons: gold with black text ---------- */
.cmn-btn,
.btn-primary,
.calculate-btn,
.bayut-search-submit,
.bayut-promo-btn,
.bayut-side-cta,
.btn-floating {
    background: var(--gold-gradient) !important;
    border: 1px solid var(--gold) !important;
    color: #0a0a0a !important;
    box-shadow: 0 6px 18px rgba(212, 175, 55, 0.22) !important;
}
.cmn-btn i, .btn-primary i, .cmn-btn span { color: #0a0a0a !important; }
.cmn-btn:hover,
.btn-primary:hover {
    filter: brightness(1.08);
    color: #000 !important;
    box-shadow: 0 10px 26px rgba(212, 175, 55, 0.35) !important;
}
.cmn-btn-outline-gold {
    display: inline-block;
    text-align: center;
    padding: 12px 26px;
    border-radius: 8px;
    border: 1px solid var(--gold);
    background: transparent;
    color: var(--gold) !important;
    font-weight: 600;
    transition: all .25s ease;
}
.cmn-btn-outline-gold:hover { background: rgba(212, 175, 55, 0.1); color: var(--gold-light) !important; }

/* ---------- Forms ---------- */
.form-control, .form-select, select, textarea, input[type="text"], input[type="email"],
input[type="password"], input[type="number"], input[type="search"], input[type="tel"] {
    background-color: var(--bg-surface-2) !important;
    border: 1px solid var(--bg-border) !important;
    color: var(--bg-text) !important;
}
.form-control::placeholder { color: #6f6a5e !important; }
.form-control:focus, .form-select:focus, select:focus, textarea:focus {
    border-color: var(--gold) !important;
    box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.18) !important;
}
.form-control[readonly] { opacity: .85; }

/* ---------- Header ---------- */
#header, .header, .bayut-header, .header-inner-pages, .header-scrolled {
    background: rgba(10, 10, 10, 0.92) !important;
    backdrop-filter: blur(10px);
    border-bottom: 1px solid var(--bg-border) !important;
    box-shadow: none !important;
}
#header .navbar a, #header .navbar a:focus, .navbar a, .nav-link { color: var(--bg-text) !important; }
#header .navbar a:hover, #header .navbar .active, .navbar .active, .nav-link.active { color: var(--gold) !important; }
.navbar ul ul, .dropdown-menu { background: var(--bg-surface) !important; border: 1px solid var(--bg-border) !important; }
.dropdown-item { color: var(--bg-text) !important; }
.dropdown-item:hover { background: rgba(212, 175, 55, 0.1) !important; color: var(--gold) !important; }
.changeLang, .header-right select { background: var(--bg-surface-2) !important; color: var(--bg-text) !important; border-color: var(--bg-border) !important; }
.mobile-nav-toggle { color: var(--gold) !important; }

/* ---------- Sections & cards ---------- */
section, .section, .s-pt-100, .s-pb-100 { background-color: transparent; }
.bg-white, .bg-light, .card, .modal-content,
.property-item, .property-card, .plan-item, .blog-item, .faq-item, .testimonial-item,
.bayut-list-card, .bayut-side-card, .bayut-tool-card, .bayut-toolbar, .bayut-locations-bar,
.bayut-listing-page-header, .bayut-search-strip, .accordion-item, .accordion-button, .list-group-item,
.table, .pagination .page-link {
    background-color: var(--bg-surface) !important;
    color: var(--bg-text) !important;
    border-color: var(--bg-border) !important;
}
.bayut-listing-page-section, .bayut-tool-section { background: var(--bg-black) !important; }
.banner-bottom-part {
    background:
        radial-gradient(circle at 0% 0%, rgba(212, 175, 55, 0.14) 0%, transparent 50%),
        radial-gradient(circle at 100% 100%, rgba(212, 175, 55, 0.08) 0%, transparent 50%),
        linear-gradient(135deg, #141414 0%, #070707 100%) !important;
}
.bayut-lang-btn { background: var(--bg-surface-2) !important; color: var(--bg-text) !important; border: 1px solid var(--bg-border) !important; }
.bayut-lang-menu { background: var(--bg-surface) !important; border: 1px solid var(--bg-border) !important; }
.bayut-lang-item { color: var(--bg-text) !important; }
.bayut-lang-item:hover, .bayut-lang-item.is-active { background: rgba(212, 175, 55, 0.1) !important; color: var(--gold) !important; }
/* ---------- Header: logged-in user ---------- */
.bayut-dash-btn {
    display: inline-flex; align-items: center; gap: 8px;
    margin-right: 8px;
    background: var(--gold-gradient) !important;
    border: 1px solid var(--gold) !important;
    color: #0a0a0a !important;
    font-weight: 600;
}
.bayut-dash-btn i, .bayut-dash-btn span { color: #0a0a0a !important; }
.bayut-header-right > a.bayut-auth-btn { color: #0a0a0a !important; }
.bayut-dash-btn:hover { filter: brightness(1.08); color: #000 !important; }
.bayut-profile-dd .bayut-auth-btn { background: var(--bg-surface-2) !important; color: var(--bg-text) !important; border: 1px solid var(--bg-border) !important; }
/* phones: Profile & Logout live in the hamburger panel, keep only the Dashboard button in the bar */
@media (max-width: 575.98px) {
    .bayut-profile-dd { display: none !important; }
    .bayut-dash-btn { margin-right: 0; }
    /* language picker is also inside the hamburger panel; drop it here so the bar fits a phone */
    .bayut-header-right .bayut-lang-dd { display: none; }
    .bayut-header-right > a.bayut-auth-btn { white-space: nowrap; padding: 8px 12px; font-size: 13px; }
    .bayut-logo img { max-width: 130px !important; }
}
/* invisible bridge over the gap so the menu doesn't close while the mouse moves down to it */
.bayut-nav-dd-menu::before { content: ""; position: absolute; left: 0; right: 0; top: -10px; height: 10px; }

/* ---------- User dashboard ---------- */
.d-sidebar { background: #070707 !important; border-right: 1px solid var(--bg-border) !important; }
.d-sidebar-menu li a { color: var(--bg-muted) !important; }
.d-sidebar-menu li a:hover, .d-sidebar-menu li.active > a { color: var(--gold) !important; background: rgba(212, 175, 55, 0.08) !important; }
.d-sidebar-menu li a i { color: inherit !important; }
.dash-welcome {
    background:
        radial-gradient(circle at 100% 0%, rgba(212, 175, 55, 0.28) 0%, transparent 45%),
        linear-gradient(135deg, #1a1608 0%, #0c0c0c 70%) !important;
    border: 1px solid var(--bg-border-strong);
}
.dash-welcome h2 { color: #fff !important; }
.dash-welcome .dash-welcome-sub { color: var(--bg-text) !important; }
.dash-welcome .dash-chip { background: rgba(212, 175, 55, 0.12) !important; color: var(--gold-light) !important; border: 1px solid var(--bg-border); }
.dash-chip.chip-warn { background: rgba(245, 158, 11, 0.18) !important; color: #fbbf24 !important; }
.dash-chip.chip-ok { background: rgba(16, 185, 129, 0.15) !important; color: #34d399 !important; }
.d-box-two, .d-box-three, .dash-panel, .dash-referral {
    background: var(--bg-surface) !important;
    border: 1px solid var(--bg-border) !important;
    box-shadow: var(--card-shadow) !important;
}
.d-box-two:hover, .d-box-three:hover { border-color: var(--bg-border-strong) !important; }
.d-box-two-icon, .quick-action .qa-icon { background: var(--gold-gradient) !important; color: #0a0a0a !important; }
.d-box-two-icon i, .quick-action .qa-icon i { color: #0a0a0a !important; }
.d-box-two-amount, .d-box-three .content .title { color: #fff !important; }
.d-box-two .caption-title, .d-box-three .content .text-small { color: var(--bg-muted) !important; }
.d-box-two .link-btn { background: var(--bg-surface-2) !important; color: var(--gold) !important; border: 1px solid var(--bg-border) !important; }
.d-box-two .link-btn:hover { background: var(--gold) !important; color: #000 !important; }
.d-box-three .icon { background: rgba(212, 175, 55, 0.1) !important; color: var(--gold) !important; }
.dash-panel-head { border-color: var(--bg-border) !important; }
.dash-panel-head h5 { color: #fff !important; }
.quick-action { background: var(--bg-surface-2) !important; border: 1px solid var(--bg-border) !important; color: var(--bg-text) !important; }
.quick-action:hover { border-color: var(--gold) !important; color: var(--gold) !important; }
.dash-referral h5 { color: #fff !important; }
.dash-referral .input-group-text { background: var(--gold) !important; color: #000 !important; border-color: var(--gold) !important; }
.dash-feed-item { border-color: var(--bg-border) !important; }
.dash-feed-title { color: #fff !important; }
.dash-feed-msg { color: var(--bg-text) !important; }
.dash-feed-date { color: var(--bg-muted) !important; }

.dash-chart-legend { display: flex; gap: 18px; margin-bottom: 10px; font-size: 13px; color: var(--bg-muted); }
.legend-dot { display: inline-block; width: 10px; height: 10px; border-radius: 3px; margin-right: 6px; vertical-align: -1px; }
.legend-dot.dot-invest { background: rgba(232, 226, 208, 0.35); }
.legend-dot.dot-earn { background: var(--gold); }
.dash-chart-wrap { position: relative; height: 260px; }

.dash-code-card {
    background:
        radial-gradient(circle at 50% -20%, rgba(212, 175, 55, 0.25) 0%, transparent 60%),
        var(--bg-surface) !important;
    border-color: var(--bg-border-strong) !important;
    text-align: center;
    display: flex; flex-direction: column; justify-content: center;
}
.dash-code-eyebrow { color: var(--gold); font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.dash-code {
    margin: 14px auto 10px; padding: 12px 20px;
    border: 1px dashed var(--gold); border-radius: 10px;
    font-size: 24px; font-weight: 800; letter-spacing: .08em;
    color: var(--gold-light); word-break: break-all;
    background: rgba(212, 175, 55, 0.06);
}
.dash-code-hint { font-size: 13px; color: var(--bg-muted); margin-bottom: 16px; }
.dash-code-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--bg-border); }
.dash-code-stats strong { display: block; color: #fff; font-size: 18px; }
.dash-code-stats span { font-size: 11px; color: var(--bg-muted); }

.dash-invest-table td, .dash-invest-table th { vertical-align: middle; white-space: nowrap; padding: 14px 12px !important; }
.dash-invest-icon { width: 34px; height: 34px; border-radius: 8px; display: inline-flex; align-items: center; justify-content: center; background: rgba(212, 175, 55, 0.12); color: var(--gold); }
.dash-status { display: inline-block; padding: 4px 10px; border-radius: 999px; font-size: 12px; font-weight: 600; }
.dash-status.status-ok { background: rgba(16, 185, 129, 0.15); color: #34d399; }
.dash-status.status-wait { background: rgba(212, 175, 55, 0.15); color: var(--gold-light); }
.dash-status.status-bad { background: rgba(239, 68, 68, 0.15); color: #f87171; }

/* the referral section ships with a white placeholder image as its background */
.affiliate-section { background-image: none !important; }
.overview-amount { background: var(--gold-gradient) !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent; }
.card, .property-item, .plan-item, .bayut-list-card { box-shadow: var(--card-shadow) !important; }
.card:hover, .property-item:hover, .bayut-list-card:hover { border-color: var(--bg-border-strong) !important; }
.card-header, .card-footer { background: var(--bg-surface-2) !important; border-color: var(--bg-border) !important; color: #fff; }
.accordion-button:not(.collapsed) { color: var(--gold) !important; box-shadow: none !important; }
.accordion-button::after { filter: invert(1) sepia(1) saturate(4) hue-rotate(5deg); }
.text-dark, .text-black { color: var(--bg-text) !important; }
.text-muted { color: var(--bg-muted) !important; }
.border, .border-top, .border-bottom { border-color: var(--bg-border) !important; }

/* ---------- Tables ---------- */
.table > :not(caption) > * > * { background: transparent !important; color: var(--bg-text) !important; border-color: var(--bg-border) !important; }
.table thead th { color: var(--gold) !important; text-transform: uppercase; font-size: 12px; letter-spacing: .06em; }
.pagination .page-item.active .page-link { background: var(--gold) !important; color: #000 !important; border-color: var(--gold) !important; }

/* ---------- Footer ---------- */
footer, #footer, .footer, .footer-section, .footer-top, .footer-bottom {
    background: #050505 !important;
    border-top: 1px solid var(--bg-border);
    color: var(--bg-muted);
}
footer a, #footer a, .footer a { color: var(--bg-muted) !important; }
footer a:hover, #footer a:hover, .footer a:hover { color: var(--gold) !important; }

/* ---------- Auth pages ---------- */
.auth-section, .auth-wrapper { background: var(--bg-black) !important; }
.auth-wrapper { border-right: 1px solid var(--bg-border); }
.auth-form-wrapper h3 { color: #fff !important; }
.auth-thumb-area { position: relative; }
.auth-thumb-area::after {
    content: ""; position: absolute; inset: 0;
    background: linear-gradient(90deg, rgba(10,10,10,.85) 0%, rgba(10,10,10,.25) 40%, rgba(10,10,10,.1) 100%);
}

/* ---------- Modals (invitation gate, pending approval) ---------- */
.modal-backdrop.show { opacity: .8; }
.bg-gate-modal .modal-content {
    background: radial-gradient(120% 80% at 50% 0%, #1d1806 0%, #0d0d0d 55%) !important;
    border: 1px solid var(--bg-border-strong) !important;
    border-radius: 18px;
    box-shadow: 0 30px 80px rgba(0, 0, 0, .7), 0 0 0 1px rgba(212,175,55,.08) inset;
}
.bg-gate-modal, .bg-gate-modal * { text-transform: none; }
.bg-gate-modal .bg-gate-eyebrow { text-transform: uppercase; }
.bg-gate-modal h4 { color: #fff; font-weight: 700; }
.bg-gate-modal p { color: var(--bg-text); line-height: 1.65; }
.bg-gate-modal .form-label { color: var(--bg-muted); font-size: 13px; }
.bg-gate-icon {
    width: 68px; height: 68px; margin: 0 auto 16px;
    display: flex; align-items: center; justify-content: center;
    border-radius: 50%;
    background: var(--gold-gradient);
    color: #0a0a0a; font-size: 30px;
    box-shadow: 0 0 0 8px rgba(212, 175, 55, 0.12);
}
.bg-gate-eyebrow {
    display: inline-block; padding: 4px 12px; border-radius: 999px;
    border: 1px solid var(--bg-border-strong); color: var(--gold);
    font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase;
}
.bg-gate-public-code {
    padding: 14px 16px;
    border: 1px dashed var(--bg-border-strong);
    border-radius: 12px;
    background: rgba(212, 175, 55, 0.06);
}
.bg-gate-public-code small { color: var(--bg-muted); }
.bg-gate-public-code strong { color: var(--gold); font-size: 22px; letter-spacing: 3px; }
.bg-gate-use-code {
    border: 1px solid var(--gold);
    background: transparent;
    color: var(--gold);
    font-size: 12px;
    font-weight: 600;
    padding: 5px 12px;
    border-radius: 20px;
}
.bg-gate-use-code:hover { background: var(--gold); color: #0a0a0a; }
#gateReferral::placeholder, #reffered_by::placeholder { text-transform: none; }
.bg-gate-muted, a.bg-gate-muted { color: var(--bg-muted) !important; }
a.bg-gate-muted:hover { color: var(--gold) !important; }

/* ---------- OTP boxes ---------- */
.otp-box {
    width: 52px !important; height: 60px; padding: 0 !important;
    text-align: center; font-size: 24px; font-weight: 700;
    border-radius: 10px !important;
    color: var(--gold) !important;
}
@media (max-width: 400px) { .otp-box { width: 42px !important; height: 52px; font-size: 20px; } }

/* ---------- Recent investment toast ---------- */
.invest-toast {
    position: fixed; left: 20px; bottom: 20px; z-index: 1080;
    display: flex; align-items: flex-start; gap: 12px;
    width: 340px; max-width: calc(100vw - 32px);
    padding: 14px 36px 14px 14px;
    background: rgba(18, 18, 18, 0.96);
    border: 1px solid var(--bg-border-strong);
    border-left: 3px solid var(--gold);
    border-radius: 12px;
    box-shadow: 0 16px 40px rgba(0, 0, 0, .55);
    opacity: 0; transform: translateY(20px);
    transition: opacity .35s ease, transform .35s ease;
}
.invest-toast.is-visible { opacity: 1; transform: translateY(0); }
.invest-toast-icon {
    flex: 0 0 40px; height: 40px; border-radius: 10px;
    display: flex; align-items: center; justify-content: center;
    background: var(--gold-gradient); color: #0a0a0a; font-size: 18px;
}
.invest-toast-title { margin: 0; color: #fff; font-weight: 700; font-size: 14px; }
.invest-toast-text { margin: 2px 0 4px; color: var(--bg-text); font-size: 13px; line-height: 1.4; }
.invest-toast-time { color: var(--bg-muted); font-size: 11px; }
.invest-toast-time i { color: var(--gold); }
.invest-toast-close {
    position: absolute; top: 6px; right: 8px;
    background: none; border: 0; color: var(--bg-muted); font-size: 20px; line-height: 1;
}
.invest-toast-close:hover { color: var(--gold); }
@media (max-width: 575px) { .invest-toast { left: 16px; bottom: 16px; } }
@media (prefers-reduced-motion: reduce) { .invest-toast { transition: none; } }

/* ---------- Toast notifications (iziToast) ---------- */
.iziToast { background: var(--bg-surface) !important; border: 1px solid var(--bg-border-strong); }
.iziToast > .iziToast-body .iziToast-message, .iziToast > .iziToast-body .iziToast-title { color: var(--bg-text) !important; }

/* ---------- Preloader / cookie bar ---------- */
#preloader { background: var(--bg-black) !important; }
.js-cookie-consent, .cookie-consent { background: var(--bg-surface) !important; color: var(--bg-text) !important; border-bottom: 1px solid var(--bg-border); }
.js-cookie-consent button, .cookie-consent__agree { background: var(--gold) !important; color: #000 !important; border: 0 !important; }

/* ===== AUTO-GENERATED: dark versions of light surfaces found in style.css / professional.css ===== */
.form-control { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.form-select { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.form-control.style-white { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.form-control.copy-text { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.form-control:disabled { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.form-control[readonly] { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.section-bg { background-color: var(--bg-black) !important; border-color: var(--bg-border) !important; }
#header.header-scrolled { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
#header.header-inner-pages { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.navbar .dropdown ul { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.changeLang { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.navbar-mobile .dropdown ul { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.property-share { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.property-details-banner { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.invest-cal-wrapper { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.cal-details-list { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.property-details-wrapper { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.services .banner-calc { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.featured-item .content { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.invest-card { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.testimonial-box { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.cmn-table tbody td { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.cmn-table tbody tr:nth-child(even) td { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.modal-content { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.modal-content .close { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bg-body { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.payment-box { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.single-reply { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.referral-wrapper { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.referral-box { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bonus-box { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bonus-list { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.blog-box { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.section-bg .blog-box { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.contact-item { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.accordion-item { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.auth-thumb-area { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.d-box-one { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.d-box-two { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.d-box-two-icon { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.d-box-three { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.d-plan-notice { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.investor-item { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.cta-wrapper { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.form-wrapper { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.form-bg3 { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.card { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.category { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.dashboard-main { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.dropdown-menu { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.header-inner-pages .dropdown-menu { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.d-sidebar { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.submenu { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.tm-trust { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.tm-trust-card { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-header { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-hamburger { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-side-panel { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-side-select { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-side-cta-outline { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-filter-bar { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-filter-input { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-listing-grid-section { background-color: var(--bg-black) !important; border-color: var(--bg-border) !important; }
.bayut-listing-card { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-listing-img { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-listing-furnished { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-detail-section { background-color: var(--bg-black) !important; border-color: var(--bg-border) !important; }
.bayut-detail-main { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-detail-img { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-contact-card { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-hero { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-search-card { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-tab.is-active { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-buyrent-toggle { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-pill.is-active { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-location-input { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-completion-toggle { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-mini-pill.is-active { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-select { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-ai-banner { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-promo-section { background-color: var(--bg-black) !important; border-color: var(--bg-border) !important; }
.bayut-featured-section { background-color: var(--bg-black) !important; border-color: var(--bg-border) !important; }
.bayut-listing-featured-tag { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-listing-toolbar { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-sort-select { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-card-action { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-detail-thumbs a { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-mortgage-results { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-agent-card { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-agent-photo { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-compare-section { background-color: var(--bg-black) !important; border-color: var(--bg-border) !important; }
.bayut-compare-table-wrap { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-compare-table th { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-compare-remove { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-rent-info-grid > div { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-agent-card-public { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-agent-langs span { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-tag-list span { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-agent-profile { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-agent-profile-header { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-checkbox-pill { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-search-strip { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-filter-pill { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-more-filters { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-listing-page-section { background-color: var(--bg-black) !important; border-color: var(--bg-border) !important; }
.bayut-listing-page-header { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-toolbar { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-sort-select-toolbar { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-view-toggle { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-list-card { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-list-card-img { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-list-agent-avatar { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-side-card { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-offplan-section { background-color: var(--bg-black) !important; border-color: var(--bg-border) !important; }
.bayut-offplan-card { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-offplan-img { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-guide-section { background-color: var(--bg-black) !important; border-color: var(--bg-border) !important; }
.bayut-location-pill { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-completion-pill { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-check-pill { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-popular-select { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-locations-bar { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-list-card-img-wrap { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-trucheck-top { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-tag-offplan { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-tag-resale { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-img-dots span { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-img-dots span.is-active { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-agent-pill { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-agent-pill-avatar { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-fav-icon { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-compare-icon { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-hp-item { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-cta-email { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-drive-pin-1 { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-drive-link { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-tool-section { background-color: var(--bg-black) !important; border-color: var(--bg-border) !important; }
.bayut-tool-card { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-tru-range > div { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-rvb-verdict { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-rvb-stats > div { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-developers-strip { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-stats-row > div { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-trans-table-wrap { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-trans-table th { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-trans-tag { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-pd-section { background-color: var(--bg-black) !important; border-color: var(--bg-border) !important; }
.bayut-pd-main-img { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-pd-thumb { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-pd-active { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-am-item { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-am-more { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-pd-chart { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-pd-qr img { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-pd-rec-card { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-pd-rec-img { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-pd-agent-card { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-pd-agent-photo { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-pd-report { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-mc-card { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-mc-residency { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-mc-input-row { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-mc-pct { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-mc-range::-moz-range-thumb { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-mc-right { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-mc-interest { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-dot-interest { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-p2p-prop-card { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-p2p-offer-card { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-p2p-offer-img { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-p2p-offer-stats { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-p2p-spread-premium { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-p2p-own { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-p2p-status-cancelled { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-lang-menu { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-lang-code { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-nav-dd-menu { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.subscribe-field { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.affiliate-section { background-color: var(--bg-black) !important; border-color: var(--bg-border) !important; }
.bayut-more-filters-panel { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-mf-input { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-pd-sticky-bar { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-pd-sticky-bar a.call { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-pd-action-panel input { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-pd-action-panel select { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-pd-action-panel textarea { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-price-alert { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-p2p-progress { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-period-toggle { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-p2p-bid-details { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
#header { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.navbar ul { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-cta-call-new { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-drive-map-real .leaflet-control-attribution { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-drive-cta-row { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.leaflet-bar a { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.invest-card-content .other-options { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.featured-item { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-auth-avatar { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.selectric { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.news-card { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.blog-card { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.dashboard-section { background-color: var(--bg-black) !important; border-color: var(--bg-border) !important; }
.dash-panel { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.quick-action { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.tree-wrap { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.user-toggle-menu { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.vip-card { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.overview-stat { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-promo-tag { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.pro-plan-card { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.pro-plan-meta-item { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.pro-contact-card { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.pro-contact-item { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.hyip-default-banner { background-color: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-listing-img-fallback { background: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-trubroker-pill { background: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-tru-result { background: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-pd-trubroker { background: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.section-bg { background: var(--bg-black) !important; border-color: var(--bg-border) !important; }
.property-section { background: var(--bg-black) !important; border-color: var(--bg-border) !important; }
.cta-section { background: var(--bg-black) !important; border-color: var(--bg-border) !important; }
.bayut-skel { background: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.bayut-drive-map-real { background: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.vip-card.is-featured { background: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
.pro-plan-ribbon { background: var(--bg-surface) !important; border-color: var(--bg-border) !important; }
h1 { color: var(--bg-text) !important; }
h2 { color: var(--bg-text) !important; }
h3 { color: var(--bg-text) !important; }
h4 { color: var(--bg-text) !important; }
h5 { color: var(--bg-text) !important; }
h6 { color: var(--bg-text) !important; }
.h1 { color: var(--bg-text) !important; }
.h2 { color: var(--bg-text) !important; }
.h3 { color: var(--bg-text) !important; }
.h4 { color: var(--bg-text) !important; }
.h5 { color: var(--bg-text) !important; }
.h6 { color: var(--bg-text) !important; }
.form-control { color: var(--bg-text) !important; }
.form-select { color: var(--bg-text) !important; }
.navbar .dropdown ul a { color: var(--bg-text) !important; }
.navbar-mobile a { color: var(--bg-text) !important; }
.navbar-mobile .dropdown ul a { color: var(--bg-text) !important; }
.property-share { color: var(--bg-text) !important; }
.services .banner-calc h4 a { color: var(--bg-text) !important; }
.nav-pills.has-two .nav-item .nav-link.active { color: var(--bg-text) !important; }
.modal-title.text-white { color: var(--bg-text) !important; }
.form-wrapper label { color: var(--bg-text) !important; }
.d-sidebar-menu li a { color: var(--bg-text) !important; }
.tm-trust-card-body strong { color: var(--bg-text) !important; }
.bayut-nav-link { color: var(--bg-text) !important; }
.bayut-side-close { color: var(--bg-text) !important; }
.bayut-side-list a { color: var(--bg-text) !important; }
.bayut-side-label { color: var(--bg-text) !important; }
.bayut-side-select { color: var(--bg-text) !important; }
.bayut-side-cta-outline { color: var(--bg-text) !important; }
.bayut-filter-input { color: var(--bg-text) !important; }
.bayut-listing-name { color: var(--bg-text) !important; }
.bayut-listing-meta { color: var(--bg-text) !important; }
.bayut-detail-name { color: var(--bg-text) !important; }
.bayut-detail-meta li { color: var(--bg-text) !important; }
.bayut-detail-desc { color: var(--bg-text) !important; }
.bayut-contact-card h4 { color: var(--bg-text) !important; }
.bayut-input { color: var(--bg-text) !important; }
.bayut-related-title { color: var(--bg-text) !important; }
.bayut-tab { color: var(--bg-text) !important; }
.bayut-pill { color: var(--bg-text) !important; }
.bayut-location-input { color: var(--bg-text) !important; }
.bayut-mini-pill { color: var(--bg-text) !important; }
.bayut-select { color: var(--bg-text) !important; }
.bayut-ai-banner span { color: var(--bg-text) !important; }
.bayut-section-title { color: var(--bg-text) !important; }
.bayut-listing-count { color: var(--bg-text) !important; }
.bayut-listing-sort-form label { color: var(--bg-text) !important; }
.bayut-sort-select { color: var(--bg-text) !important; }
.bayut-card-action { color: var(--bg-text) !important; }
.bayut-detail-desc h3 { color: var(--bg-text) !important; }
.bayut-detail-amenities h3 { color: var(--bg-text) !important; }
.bayut-mortgage-calc h3 { color: var(--bg-text) !important; }
.bayut-detail-amenities li { color: var(--bg-text) !important; }
.bayut-compare-table th { color: var(--bg-text) !important; }
.bayut-compare-table th a { color: var(--bg-text) !important; }
.bayut-rent-info h3 { color: var(--bg-text) !important; }
.bayut-rent-info-grid strong { color: var(--bg-text) !important; }
.bayut-agent-card-public h3 { color: var(--bg-text) !important; }
.bayut-agent-langs span { color: var(--bg-text) !important; }
.bayut-tag-list span { color: var(--bg-text) !important; }
.bayut-verify-pill { color: var(--bg-text) !important; }
.bayut-review-header strong { color: var(--bg-text) !important; }
.bayut-review-item p { color: var(--bg-text) !important; }
.bayut-filter-pill { color: var(--bg-text) !important; }
.bayut-more-filters { color: var(--bg-text) !important; }
.bayut-page-h1 { color: var(--bg-text) !important; }
.bayut-sort-select-toolbar { color: var(--bg-text) !important; }
.bayut-list-meta { color: var(--bg-text) !important; }
.bayut-list-title a { color: var(--bg-text) !important; }
.bayut-list-desc { color: var(--bg-text) !important; }
.bayut-list-agent-info strong { color: var(--bg-text) !important; }
.bayut-side-card-title { color: var(--bg-text) !important; }
.bayut-offplan-head h3 { color: var(--bg-text) !important; }
.bayut-offplan-body h4 { color: var(--bg-text) !important; }
.bayut-guide-title { color: var(--bg-text) !important; }
.bayut-guide-intro { color: var(--bg-text) !important; }
.bayut-guide-h3 { color: var(--bg-text) !important; }
.bayut-guide-h4 { color: var(--bg-text) !important; }
.bayut-guide-section p { color: var(--bg-text) !important; }
.bayut-guide-list li { color: var(--bg-text) !important; }
.bayut-guide-list strong { color: var(--bg-text) !important; }
.bayut-location-pill input { color: var(--bg-text) !important; }
.bayut-check-pill { color: var(--bg-text) !important; }
.bayut-popular-select { color: var(--bg-text) !important; }
.bayut-trucheck-top { color: var(--bg-text) !important; }
.bayut-tag-offplan { color: var(--bg-text) !important; }
.bayut-tag-resale { color: var(--bg-text) !important; }
.bayut-list-price { color: var(--bg-text) !important; }
.bayut-list-price strong { color: var(--bg-text) !important; }
.bayut-meta-type { color: var(--bg-text) !important; }
.bayut-meta-area strong { color: var(--bg-text) !important; }
.bayut-hp-item strong { color: var(--bg-text) !important; }
.bayut-cta-email { color: var(--bg-text) !important; }
.bayut-cta-wa-new { color: var(--bg-text) !important; }
.bayut-alert-side-text { color: var(--bg-text) !important; }
.bayut-tool-h1 { color: var(--bg-text) !important; }
.bayut-tool-card h3 { color: var(--bg-text) !important; }
.bayut-tool-card h4 { color: var(--bg-text) !important; }
.bayut-tool-card label { color: var(--bg-text) !important; }
.bayut-rvb-verdict { color: var(--bg-text) !important; }
.bayut-rvb-buy { color: var(--bg-text) !important; }
.bayut-rvb-rent { color: var(--bg-text) !important; }
.bayut-rvb-stats strong { color: var(--bg-text) !important; }
.bayut-developer-card { color: var(--bg-text) !important; }
.bayut-stats-row strong { color: var(--bg-text) !important; }
.bayut-search-row strong { color: var(--bg-text) !important; }
.bayut-pd-price { color: var(--bg-text) !important; }
.bayut-pd-meta { color: var(--bg-text) !important; }
.bayut-pd-desc { color: var(--bg-text) !important; }
.bayut-pd-block-title { color: var(--bg-text) !important; }
.bayut-pd-sub-h { color: var(--bg-text) !important; }
.bayut-pd-info-grid strong { color: var(--bg-text) !important; }
.bayut-am-item { color: var(--bg-text) !important; }
.bayut-pd-bar span { color: var(--bg-text) !important; }
.bayut-pd-trend.up { color: var(--bg-text) !important; }
.bayut-pd-rec-name { color: var(--bg-text) !important; }
.bayut-pd-agent-info h4 { color: var(--bg-text) !important; }
.bayut-pd-community strong { color: var(--bg-text) !important; }
.bayut-mc-label { color: var(--bg-text) !important; }
.bayut-mc-input { color: var(--bg-text) !important; }
.bayut-mc-down-amt { color: var(--bg-text) !important; }
.bayut-mc-pct { color: var(--bg-text) !important; }
.bayut-mc-result strong { color: var(--bg-text) !important; }
.bayut-mc-loan strong { color: var(--bg-text) !important; }
.bayut-pd-rec-body .bayut-list-price { color: var(--bg-text) !important; }
.bayut-p2p-prop-card { color: var(--bg-text) !important; }
.bayut-p2p-offer-body h4 { color: var(--bg-text) !important; }
.bayut-p2p-offer-stats strong { color: var(--bg-text) !important; }
.bayut-p2p-spread-discount { color: var(--bg-text) !important; }
.bayut-p2p-seller strong { color: var(--bg-text) !important; }
.bayut-p2p-status-active { color: var(--bg-text) !important; }
.bayut-p2p-status-sold { color: var(--bg-text) !important; }
.bayut-lang-item { color: var(--bg-text) !important; }
.bayut-nav-dd-menu a { color: var(--bg-text) !important; }
.section-title { color: var(--bg-text) !important; }
.accordion-body { color: var(--bg-text) !important; }
.blog-box-content .title { color: var(--bg-text) !important; }
.cal-list .value { color: var(--bg-text) !important; }
.bonus-box .title { color: var(--bg-text) !important; }
.cta-wrapper .section-title { color: var(--bg-text) !important; }
.bayut-mf-grid label { color: var(--bg-text) !important; }
.bayut-pd-sticky-bar a.call { color: var(--bg-text) !important; }
.bayut-empty h3 { color: var(--bg-text) !important; }
.bayut-price-alert { color: var(--bg-text) !important; }
.navbar a { color: var(--bg-text) !important; }
.mobile-nav-toggle { color: var(--bg-text) !important; }
.bayut-list-name { color: var(--bg-text) !important; }
.bayut-list-card .property-name { color: var(--bg-text) !important; }
.bayut-cta-call-new { color: var(--bg-text) !important; }
.bayut-agency-name { color: var(--bg-text) !important; }
.bayut-fav-icon { color: var(--bg-text) !important; }
.bayut-compare-icon { color: var(--bg-text) !important; }
.bayut-listing-page-section .page-link { color: var(--bg-text) !important; }
.bayut-drive-link { color: var(--bg-text) !important; }
.leaflet-bar a { color: var(--bg-text) !important; }
.invest-card-content .title a { color: var(--bg-text) !important; }
.selectric .label { color: var(--bg-text) !important; }
.d-box-two-amount { color: var(--bg-text) !important; }
.d-box-three .content .title { color: var(--bg-text) !important; }
.dash-panel-head h5 { color: var(--bg-text) !important; }
.quick-action { color: var(--bg-text) !important; }
.dash-feed-icon.tag-info { color: var(--bg-text) !important; }
.dash-feed-title { color: var(--bg-text) !important; }
.d-plan-notice p { color: var(--bg-text) !important; }
/* ===== END AUTO-GENERATED ===== */

/* ===== Light header (site + user dashboard) — white bar so a dark logo stays visible ===== */
#header, #header.header-scrolled, #header.header-inner-pages, .bayut-header {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-bottom: 1px solid #e5e7eb !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, .06) !important;
}
#header .bayut-logo img, #header .logo img { filter: none !important; }

/* Desktop nav links on the white bar (the mobile slide-out panel keeps its dark style) */
@media (min-width: 992px) {
    #header .bayut-nav-link { color: #1f2937 !important; }
    #header .bayut-nav-link:hover, #header .bayut-nav-link.is-active { color: var(--gold-dark, #b8962e) !important; }
}

#header .bayut-lang-btn,
#header .bayut-profile-dd .bayut-auth-btn,
#header .bayut-hamburger,
#header .changeLang,
#header .header-right select,
#header .user-toggle-menu {
    background: #f9fafb !important;
    background-color: #f9fafb !important;
    color: #1f2937 !important;
    border: 1px solid #e5e7eb !important;
}
#header .bayut-hamburger span { background: #1f2937 !important; }
#header .bayut-hamburger i, #header .bayut-dash-btn i { color: #1f2937 !important; }
#header .user-toggle-menu span:not(.site-color) { color: #1f2937 !important; }
#header .sidebar-open-btn, #header .sidebar-open-btn i { color: #1f2937 !important; }

/* ---------- Property details: amenities tiles ---------- */
.single-amenities {
    padding: 12px 14px;
    background: var(--bg-surface);
    border: 1px solid var(--bg-border);
    border-radius: 12px;
    flex-wrap: nowrap;
    height: 100%;
    transition: border-color .25s, transform .25s;
}
.single-amenities:hover { border-color: var(--bg-border-strong); transform: translateY(-2px); }
.single-amenities i {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    font-size: 20px;
    color: var(--gold) !important;
    background: rgba(212, 175, 55, 0.1) !important;
    border: 1px solid var(--bg-border-strong) !important;
    border-radius: 10px;
    box-shadow: none;
}
.single-amenities:hover i { color: #0a0a0a !important; background: var(--gold-gradient) !important; border-color: var(--gold) !important; }
.single-amenities .content { width: auto; flex: 1; min-width: 0; padding-left: 12px; }
.single-amenities h6 {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .3px;
    color: var(--bg-muted) !important;
    white-space: nowrap;
}
.single-amenities .caption {
    margin-top: 6px;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.1;
    color: var(--bg-text) !important;
}

/* ---------- Property details: invest calculator result ---------- */
.cal-details-list {
    padding: 6px 18px !important;
    border: 1px solid var(--bg-border) !important;
    border-radius: 12px !important;
}
.cal-details-list li,
.cal-details-list #profit-table td {
    padding: 13px 0 !important;
    font-size: 15px;
    align-items: center;
}
.cal-details-list li { border-bottom: 0 !important; }
.cal-details-list li + li { border-top: 1px solid var(--bg-border) !important; }
.cal-details-list li .caption,
.cal-details-list #profit-table td:first-child {
    font-size: 15px;
    font-weight: 500;
    color: var(--bg-muted) !important;
    text-transform: capitalize;
}
.cal-details-list .cal-list .value,
.cal-details-list #profit-table td:last-child {
    font-weight: 700;
    color: var(--bg-text) !important;
    text-align: right;
}
.cal-details-list li:last-child .caption,
.cal-details-list li:last-child .value,
.cal-details-list #profit-table tr:last-child td {
    color: var(--gold) !important;
    font-size: 17px;
    font-weight: 700;
}
.cal-details-list #profit-table { margin: 0; background: transparent; }
.cal-details-list #profit-table td:first-child { white-space: nowrap; padding-right: 14px !important; vertical-align: top; }
.cal-details-list #profit-table td {
    background: transparent !important;
    border: 0;
    border-bottom: 0 !important;
    border-top: 1px solid var(--bg-border) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.cal-details-list #profit-table tr:first-child td { border-top: 0 !important; }

/* ---------- Home: "Featured property" heading over a bright photo ---------- */
.featured-section-bg-img::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(10, 10, 10, 0.72) 0%, rgba(10, 10, 10, 0.6) 55%, rgba(10, 10, 10, 0.95) 100%);
    pointer-events: none;
}
.featured-section .section-top .section-title {
    color: #ffffff !important;
    font-weight: 700;
    text-shadow: 0 2px 18px rgba(0, 0, 0, 0.6);
}
.featured-section .section-top p {
    color: rgba(255, 255, 255, 0.9) !important;
    text-shadow: 0 1px 10px rgba(0, 0, 0, 0.6);
}
.featured-section .section-top .section-top-title {
    color: var(--gold-light) !important;
    background: rgba(10, 10, 10, 0.55) !important;
    border-color: var(--gold) !important;
}