/* ============================================
   SmartLand Global Brand Tokens (Final Version)
   ============================================ */
:root {
    --brand-primary: #0E2E50;          /* Dark Blue */
    --brand-accent: #FFB400;           /* Yellow */
    --brand-accent-rgb: 255,180,0;

    /* Bootstrap primary override */
    --bs-primary: #0E2E50;
    --bs-primary-rgb: 14,46,80;

    /* Accent token used everywhere green previously existed */
    --smart-accent: #FFB400;
    --smart-accent-rgb: 255,180,0;
}

/* -----------------------------
   NAVBAR
------------------------------ */
.sl-navbar {
    box-shadow: 0 6px 20px rgba(13,110,253,0.06);
    background: #fff !important;
}
.sl-navbar .navbar-brand h1 {
    font-size: 20px;
    color: var(--brand-primary);
    margin: 0;
    font-weight: 800;
}
.sl-navbar .btn-addproperty {
    background: var(--brand-primary);
    border-color: var(--brand-primary);
    color: #fff;
}

/* -----------------------------
   FOOTER
------------------------------ */
.sl-footer {
    background: #0b1220;
    color: rgba(255,255,255,0.85);
}
.sl-footer a {
    color: rgba(255,255,255,0.8);
    text-decoration: none;
}
.sl-footer .footer-menu a {
    margin-left: 8px;
    color: rgba(255,255,255,0.6);
}

/* -----------------------------
   WHATSAPP CTA
------------------------------ */
.sl-whatsapp {
    background: #25D366;
    color: #fff !important;
    padding: .55rem .85rem;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    gap: .6rem;
    text-decoration: none;
}

/* -----------------------------
   BOOKING MODAL
------------------------------ */
.sl-booking-modal .modal-content {
    border-radius: 12px;
    overflow: hidden;
}

/* -----------------------------
   SLIDE-UP FULL SCREEN
------------------------------ */
.sl-slideup {
    position: fixed;
    left: 0; right: 0;
    bottom: -100%;
    height: 100vh;
    background: #fff;
    z-index: 99999;
    transition: bottom .42s ease;
    box-shadow: 0 -12px 42px rgba(0,0,0,.16);
}
.sl-slideup--open { bottom: 0; }
.sl-slideup .header {
    padding: 14px 20px;
    display:flex; justify-content:space-between; align-items:center;
    border-bottom: 1px solid #eee;
}
.sl-slideup .filters {
    padding: 12px 20px;
    display:flex; gap:8px;
}
.sl-slideup .list {
    padding: 18px;
    display:grid;
    grid-gap:16px;
    grid-template-columns: repeat(auto-fill,minmax(300px,1fr));
}

/* Utilities */
.sl-hidden { display:none !important; }
@media (max-width:767px) {
    .sl-navbar .btn-addproperty { display:none !important; }
}

/* ====================================================
   GLOBAL ACCENT LOGIC (Replace green → SmartLand yellow)
   ==================================================== */

/* Buttons, badges, backgrounds, borders that previously used green */
.bg-accent, .bg-success, .btn-success,
.badge-success, .text-success, .border-success,
.bg-primary.custom-accent,
[data-accent="true"] {
    background-color: var(--smart-accent) !important;
    border-color: var(--smart-accent) !important;
    color: var(--brand-primary) !important;
}

/* Button styles */
.btn-success {
    background-color: var(--smart-accent) !important;
    border-color: var(--smart-accent) !important;
    color: var(--brand-primary) !important;
}

/* Accent text */
.text-accent, .text-success {
    color: var(--smart-accent) !important;
}

/* Accent badges */
.badge-accent, .badge-success {
    background-color: var(--smart-accent) !important;
    color: var(--brand-primary) !important;
}

/* Fix inline hardcoded greens (#06b78e, #00B98E) */
*[style*="#06b78e"],
*[style*="#00B98E"],
*[style*="#06b78E"] {
    background-color: var(--smart-accent) !important;
    color: var(--brand-primary) !important;
}

/* Headings keep the primary dark blue */
h1, h2, h3, h4, h5, .text-primary {
    color: var(--brand-primary) !important;
}

/* Ensure Bootstrap primary background stays dark blue */
.bg-primary {
    background-color: var(--brand-primary) !important;
    color: #fff;
}