/* ============================================================
   Boswell's Home Furnishings — typographic + palette refinement
   Layered over the house design; changes tone only, never layout.

   Business read (from boswellsfurniture.com/about.html): traditional,
   established, family-owned since 1926, "where tradition meets quality
   and service" — welcoming rather than cutting-edge. So: an old-style
   serif, a warm paper ground, a trustworthy blue, brass for warmth.
   ============================================================ */

:root {
    --bos-blue:       #0030A0;  /* sampled from the wordmark artwork */
    --bos-blue-dark:  #001F6B;
    --bos-brass:      #9A7B3F;  /* warm counterweight to the navy */
    --bos-paper:      #FCFBF9;  /* premium white — warm, not clinical */
    --bos-paper-alt:  #F7F4EF;
    --bos-ink:        #1C1A17;
}

/* ---- Premium white ground ------------------------------------------------
   Pure #FFFFFF is clinical and makes upholstery photography look cold.
   A warm near-white reads as good paper and lets the wood tones sit. */
body,
.ivy-home, .story-page, .delivery-page, .ctc-page,
.finance-page, .rvw-page, .brd-page, .nlx-page {
    background: var(--bos-paper);
    color: var(--bos-ink);
}

/* ---- Typography ----------------------------------------------------------
   Archivo carries the headings; it is a grotesque with a solid, squarish cut,
   so it holds up at display sizes without extra weight. */
h1, h2, h3, h4, h5,
.ivy-head h2, .ivy-about__content h2, .ivy-design__copy h2,
.story-hero h1, .story-owner__body h2, .story-section__head h2, .story-cta h2,
.delivery-hero h1, .delivery-head h2, .ctc-hero h1, .rvw-hero h1,
.brd-hero h1, .nlx-hero h1, .finance-hero h1, .finance-intro__body h2,
.ivy-visit__card h3, .ivy-elevate h2 {
    font-family: 'Archivo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
    font-weight: 500;
    letter-spacing: .005em;
}
body, p, li, a, span, button, input, textarea, select, label, td, th, small {
    font-family: 'Lato', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
}

/* ---- Buttons -------------------------------------------------------------
   The primary action now carries the wordmark's own blue rather than the
   discount red the template shipped with. */
.ivy-btn--gold, .story-btn--gold, .delivery-btn--gold, .ctc-btn--gold,
.rvw-btn--gold, .finance-btn--gold, .brd-btn--gold, .nlx-btn--gold,
.ivy-editorial-footer__button--gold {
    background: var(--bos-blue) !important;
    border-color: var(--bos-blue) !important;
    color: #fff !important;
}
.ivy-btn--gold:hover, .story-btn--gold:hover, .delivery-btn--gold:hover,
.ctc-btn--gold:hover, .rvw-btn--gold:hover, .finance-btn--gold:hover,
.brd-btn--gold:hover, .nlx-btn--gold:hover,
.ivy-editorial-footer__button--gold:hover {
    background: var(--bos-blue-dark) !important;
    border-color: var(--bos-blue-dark) !important;
    color: #fff !important;
}

/* ---- Small caps in brass -------------------------------------------------
   Navy buttons plus brass eyebrows is the traditional pairing; all-blue
   would flatten the hierarchy and lose the warmth. */
.ivy-kicker, .story-kicker, .delivery-kicker, .ctc-kicker,
.rvw-kicker, .brd-kicker, .nlx-kicker, .finance-kicker {
    color: var(--bos-brass) !important;
}
/* On the dark bands those same eyebrows need to lift off the ground. */
.ivy-ink .ivy-kicker, .story-cta .story-kicker, .delivery-cta .delivery-kicker,
.ctc-cta .ctc-kicker, .rvw-cta .rvw-kicker, .nlx-cta .nlx-kicker,
.finance-cta .finance-kicker, .finance-notice .finance-kicker,
.delivery-hero .delivery-kicker,
.ctc-hero .ctc-kicker, .rvw-hero .rvw-kicker, .brd-hero .brd-kicker,
.nlx-hero .nlx-kicker, .finance-hero .finance-kicker {
    color: #D8C7A0 !important;
}

/* Links pick up the brand blue rather than the old red. */
a:hover { color: var(--bos-blue); }

/* The newsletter popup shipped with a slate button from the template; bring it
   onto the brand blue so every primary action on the site agrees. */
.newsletter-popup__button,
.ivy-editorial-footer__form button {
    background: var(--bos-blue) !important;
    border-color: var(--bos-blue) !important;
    color: #fff !important;
}
.newsletter-popup__button:hover,
.ivy-editorial-footer__form button:hover {
    background: var(--bos-blue-dark) !important;
}

/* Brand-carousel type: the banner headline keeps Bebas Neue Pro, the condensed
   display face self-hosted in public/fonts. It is the one place on the site
   that does not take the house heading face — a brand name set across a
   full-bleed photograph needs the extra width and weight to carry.
   Metrics and the pop-in motion live with the slider, in index.blade.php. */
.slider-item__title {
    font-family: 'Bebas Neue Pro', 'Bebas Neue', Impact, 'Arial Narrow', sans-serif !important;
    font-weight: 800 !important;
}
.slider-item__desc {
    font-family: 'Lato', sans-serif !important;
    font-weight: 700 !important;
}

/* live-reload probe */

/* ---- Chamber membership badge in the footer brand column ---- */
.ivy-editorial-footer__member { margin-top: 1.6rem; width: fit-content; text-align: center; }
.ivy-editorial-footer__member span {
    display: block;
    margin-bottom: .55rem;
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .18em;
    text-transform: uppercase;
    opacity: .75;
}
.ivy-editorial-footer__member img {
    width: 150px;
    max-width: 100%;
    height: auto;
    border-radius: 4px;
}