/* =============================================================================
   BedHub Directory — Design Override
   Maps the directory's CSS variables to BedHub's design system.
   Loaded AFTER style.css to override colors, fonts, and radii.
   ============================================================================= */

:root {
    /* Map to BedHub tokens */
    --blue:         #0F3060;
    --blue-dark:    #0F3060;
    --blue-light:   #FFFFFF;
    --orange:       #E8651A;
    --orange-dark:  #BF4708;
    --orange-light: #FFFFFF;
    --navy:         #0F3060;
    --navy-light:   #3A2F22;
    --off-white:    #FFFFFF;
    --white:        #FFFFFF;
    --border:       #D8CCB0;
    --text:         #0F3060;
    --text-muted:   #786C58;
    --text-light:   #786C58;
    --green:        #2D6E5C;
    --green-light:  #E8F0EC;
    --amber:        #B47A1F;
    --amber-light:  #FEF3C7;
    --red:          #9B2D17;
    --red-light:    #FDEDEC;
    --shadow-sm:    0 1px 3px rgba(28,24,18,.08);
    --shadow:       0 4px 16px rgba(28,24,18,.12);
    --shadow-lg:    0 8px 32px rgba(28,24,18,.16);

    /* BedHub uses square edges */
    --radius-sm:    0;
    --radius:       0;
    --radius-lg:    0;
    --radius-xl:    0;
    --radius-full:  0;
}


/* ── Container width — match nav gutter ── */
.container {
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: max(3.5rem, calc((100vw - 1440px) / 2)) !important;
    padding-right: max(3.5rem, calc((100vw - 1440px) / 2)) !important;
}

/* ── Font override ── */
body,
h1, h2, h3, h4, h5, h6,
button, input, select, textarea {
    font-family: 'Manrope', sans-serif !important;
}

body {
    background: var(--off-white);
    font-size: 18px;
    line-height: 1.6;
}

/* ── Italics → orange highlight (BedHub brand rule) ── */
em, i {
    font-style: normal !important;
    color: var(--orange);
    font-weight: 600;
}

/* ─── Footer override ── */
.site-footer {
    background: var(--navy) !important;
    color: rgba(250,246,236,0.65);
    padding: 5rem max(3.5rem, calc((100vw - 1440px) / 2)) 2rem;
}
.footer-inner {
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr 1fr;
    gap: 3rem;
    max-width: none;
}
.ft-logo-name {
    font-family: 'Manrope', sans-serif;
    font-size: 2rem;
    font-weight: 700;
    color: rgba(250,246,236,0.92);
    line-height: 1;
}
.ft-or { color: var(--orange) !important; }
.footer-tagline {
    font-size: 0.95rem;
    color: rgba(250,246,236,0.65);
    line-height: 1.55;
    max-width: 32ch;
    margin-top: 1rem;
}
.footer-heading {
    font-family: 'Manrope', sans-serif;
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: rgba(250,246,236,0.45);
    margin-bottom: 1.2rem;
}
.footer-links { list-style: none; padding: 0; }
.footer-links li { margin-bottom: 0.6rem; }
.footer-links a {
    font-size: 0.95rem;
    color: rgba(250,246,236,0.72);
    text-decoration: none;
    transition: color 0.2s;
}
.footer-links a:hover { color: var(--orange); }
.footer-bottom {
    margin-top: 3rem;
    padding-top: 2rem;
    border-top: 1px solid rgba(255,255,255,0.1);
    text-align: center;
    font-size: 0.82rem;
    color: rgba(250,246,236,0.4);
}
.footer-bottom a { color: rgba(250,246,236,0.5); }
/* Hide old footer brand (logo image) */
/* footer logo visible */
.footer-social { display: none; }

@media (max-width: 768px) {
    .footer-inner { grid-template-columns: 1fr 1fr; gap: 2rem; }
}
@media (max-width: 480px) {
    .footer-inner { grid-template-columns: 1fr; }
}

/* ── Image CDN fallback — proxy uploads from webbart ── */
/* This is handled in PHP, not CSS */

/* ── Buttons — BedHub style ── */
.btn, .btn-primary, [class*="btn--primary"] {
    border-radius: 0 !important;
    font-family: 'Manrope', sans-serif !important;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-weight: 700;
}

/* ── Cards — square edges ── */
.home-card, .listing-card, .card, [class*="card"] {
    border-radius: 0 !important;
}

/* ── Search inputs ── */
input, select, textarea {
    border-radius: 0 !important;
}