/* Hardy Walters — our layout overrides, loaded on every page after the theme's CSS
   (patch.py P10). Every rule is scoped to the page it fixes, and each one says why. */

/* HOME, PHONES — keep the heading off the team's faces.
   Added 2026-10-01 at Edward's request. BCO's design (identical on their staging) lays
   "Real Estate & Personal Injury" over the middle of a 1920x681 group photo; on a phone
   the banner is only ~231px tall, so the text landed across all three faces. The faces
   sit in the top ~52% of the image and the banner height is set by its content, not
   fixed, so extra top padding grows the banner and moves the text below them, onto the
   suits. Measured clear at every width from 320 to 568px.
   Selector depends on the slider being the page's first row (#row-unique-1): verify.py
   warns if a re-mirror ever stops matching it. */
@media (max-width: 569px) {
  body.home #row-unique-1 .owl-item .uncell { padding-top: 125px !important; padding-bottom: 24px !important; }
}
/* Narrower phones: a three-line heading climbs back up the photo, so step the size down
   to keep it on two lines. Tuned for Libre Caslon Text (the hero font since 2026-10-01),
   which runs wider than the Inter these tiers were first set for: at 35px it wraps below
   414px. Re-measure if the hero font ever changes. Clear and two-line at 320-568px. */
@media (max-width: 413px) {
  body.home #row-unique-1 .owl-item .heading-text h1 { font-size: 30px !important; }
}
@media (max-width: 374px) {
  body.home #row-unique-1 .owl-item .heading-text h1 { font-size: 27px !important; }
}
@media (max-width: 339px) {
  body.home #row-unique-1 .owl-item .heading-text h1 { font-size: 24px !important; }
}

/* EVERY PAGE — the header logo fills the header.
   Added 2026-10-01 at Edward's request ("fill out that logo to fill the header"). BCO's
   theme settings drew it at 80x25 in a 78px phone header and 240x75 in a 130px desktop
   header. Header heights are kept exactly as they were: the logo grows into the
   theme's own top/bottom padding, so nothing below the header moves. The source PNG is
   642x201, which stays sharp up to ~67px tall on a 3x phone and ~100px on a 2x screen,
   so these sizes are close to the ceiling for this file: going bigger needs a larger
   logo export from BCO. Under 960px the theme uses its mobile header. The header is
   not sticky, so there is no shrunk-on-scroll logo state to handle. */
@media (max-width: 959px) {
  #main-logo .navbar-brand .logo-image.main-logo { height: 50px !important; }
  #logo-container-mobile.logo-container { padding-top: 14px !important; padding-bottom: 14px !important; }
}
@media (min-width: 960px) {
  #main-logo .navbar-brand .logo-image.main-logo { height: 99px !important; }
  #logo-container-mobile.logo-container { padding-top: 15px !important; padding-bottom: 15px !important; }
}


/* HOME — the "Let's Talk Real Estate!" CTA title in Libre Caslon Text.
   Added 2026-10-01: Edward picked option C of six rendered drafts. The theme set this
   heading in Inter (an inner span.font-145997), the same face as the body text.
   The font is SELF-HOSTED from /hw-fonts/ rather than loaded from Google: no third-party
   request, no dependency on Google's CDN. Libre Caslon Text is under the SIL Open Font
   License 1.1, which permits this. Only the latin and latin-ext subsets are shipped; the
   browser downloads just the one it needs (~16 KB).
   The heading is found by its TEXT at build time (config/anchors.json adds .hw-cta-title),
   not by the theme's positional row ids, so a reshuffled page cannot restyle the wrong
   heading. If BCO rewords it, the class stops being added and verify.py fails. */
@font-face {
  font-family: 'HW Libre Caslon Text'; font-style: normal; font-weight: 400; font-display: swap;
  src: url('/hw-fonts/LibreCaslonText-400-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'HW Libre Caslon Text'; font-style: normal; font-weight: 400; font-display: swap;
  src: url('/hw-fonts/LibreCaslonText-400-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.hw-cta-title, .hw-cta-title span {
  font-family: 'HW Libre Caslon Text', Georgia, 'Times New Roman', serif !important;
  font-weight: 400 !important;
  font-size: 36px !important;
}

/* HOME — the hero title in the same Libre Caslon Text as the CTA (Edward, 2026-10-01).
   Font family only: sizes stay the theme's, plus the phone sizes set above, which keep
   the heading off the team's faces. config/anchors.json tags BOTH copies of the title
   (the phone copy and the tablet/desktop copy) as .hw-hero-title. */
.hw-hero-title, .hw-hero-title span {
  font-family: 'HW Libre Caslon Text', Georgia, 'Times New Roman', serif !important;
  font-weight: 400 !important;
}