/* ==========================================================================
   PWT INTERIOR - interior-page adapter (Phase 1B)

   The homepage footer markup uses .foot-grid / .foot-col.
   Interior pages (319 of 322) use .pwt-fgrid / .pwt-fcol instead, so the
   approved homepage footer rules that targeted .foot-* could not apply.
   This file re-expresses ONLY those rules against the interior class names.

   Deliberately NOT duplicated here: the interior pages already ship a
   "pwt-footer2" inline block that handles, at <=760px, the two-column
   .pwt-fcol density, mailto wrapping and the full-width blue #quote button.
   Overriding those would be a regression, so they are left alone.

   Load AFTER pwt-core.css.
   ========================================================================== */

/* ==========================================================================
   1. INTERIOR HERO
   Interior pages nest the hero INSIDE <header>:
       <header> nav ... <div class="lhero"> <h1> ... </header>
   so it inherits the page background rather than being its own band.
   pwt-core.css therefore does not paint <header>; .nav paints the bar.
   The hero sits on the white body, matching the approved light homepage hero.
   ========================================================================== */

/* hero subhead was authored for a dark band (#b6c6d8, 1.74:1 on white) */
/* mirrors the approved homepage rule .hero p.sub{color:#3D4F68} */
.lhero p{
  color:#3D4F68;
}

/* ==========================================================================
   2. TEXT CONTRAST ON THE NEW LIGHT SURFACES
   These interior rules hardcode pale colours chosen for the old dark theme.
   White-on-navy text (.btn-blue, .pwt-ctaband .b1, footer #quote button,
   .area-links a:hover, .steps li:before) is CORRECT and deliberately
   untouched - those sit on blue/navy, not on the white page.
   ========================================================================== */

/* The legal/utility pages (accessibility, privacy, privacidad, terms) have no
   .nav - they use a slim ".top" back-bar hardcoded to rgba(8,11,18,.9) with
   its link set to var(--text). With the light tokens that is dark-on-black.
   NOTE: .res .top (resource card header) is specificity 0,2,0 and keeps the
   core gradient; this 0,1,0 rule cannot override it. */
.top{
  background:#EEF4FC;
  border-bottom:1px solid rgba(15,37,64,.12);
}
.top a{
  color:#0F2540;
}

/* Those same pages colour copy with a BARE `p,li{color:#cdd9e6}` selector
   rather than .body p, so the rule below is scoped to <main> (0,0,2) to beat
   it while leaving the navy footer and nav untouched - both sit outside
   <main>. Classed elements (.fnote, .sms, .privnote, .pwt-ctaband p, .tldr,
   .feat li) are 0,1,0 or higher and keep their own colours. */
main p,
main li{
  color:#18253C;
}

/* body copy: #cdd9e6 -> 1.43:1 on white */
.body p,
article.body p,
.body li,
article.body li,
.feat li{
  color:#18253C;
}

/* emphasis was #fff - literally invisible on the white body */
.body strong,
article.body strong{
  color:#0F2540;
}

/* article summary block: #dce8f2 -> 1.24:1 on white */
.tldr{
  color:#18253C;
}

/* data tables: #c6d4e6 / #eaf1fb / #fff on white */
.body th,
.body td{
  color:#18253C;
}
.body td:first-child{
  color:#0F2540;
}

/* native select options render on the OS white menu surface */
.pwtq select option{
  background:#FFFFFF;
  color:#18253C;
}

/* Figure captions carry an inline style="color:#8aa2c0" (2.44:1 on white) on
   2 pages. An inline declaration outranks any normal rule, so !important is
   the only way to correct it without editing the HTML. */
.body figcaption,
article.body figcaption{
  color:#5A6B84!important;
}

/* Form validation errors are inline-styled color:#ffb4b4, chosen for the dark
   theme; on the white form card that is ~1.9:1. Only the text colour is
   changed - the box stays hidden until a real submit error, and no form
   wiring, names, honeypots or endpoints are touched. */
#q_errbox{
  color:#B3261E!important;
}

/* ==========================================================================
   3. MOBILE HEADER - beat the in-body nav blocks
   318 interior pages carry pwt-navfix / pwt-mobile-header-sizing inline
   <style> blocks inside <body>. Those load AFTER a <head> stylesheet link,
   so for equal specificity they win. pwt-core.css already protects the
   approved 46px phone tap target with !important for exactly this reason;
   these five declarations complete that set.

   Verified conflicts (media ranges overlap, same property, ours not already
   !important):
     .brand-logo   w/h  body 55x42 @<=460  vs approved 64x48 @<=560
     .nav-phone svg w/h body 21px  @<=820  vs approved 24px  @<=560
     .nav-phone    border body var(--line-2) @<=820 - with the light tokens
                   that resolves to a DARK border on the navy bar.
   ========================================================================== */
@media(max-width:820px){
  .nav-phone{
    border:1px solid rgba(255,255,255,.22)!important;
  }
}
@media(max-width:560px){
  .brand-logo{
    width:64px!important;
    height:48px!important;
  }
  .nav-phone svg{
    width:24px!important;
    height:24px!important;
  }
}

/* --- center the logo in the first footer column (homepage parity) --- */
/* homepage: .foot-grid>div:first-child .foot-logo */
.pwt-fgrid>div:first-child .foot-logo{
  display:block;
  margin-left:auto;
  margin-right:auto;
  background-position:center;
}

/* --- NAP business name on its own line --- */
/* core styles .pwt-fnap b; interior markup uses <strong> */
.pwt-fnap strong{
  display:block;
  color:#FFFFFF;
  font-weight:700;
  margin-bottom:2px;
}

/* --- footer link hover (homepage: .foot-col a:hover) --- */
.pwt-fcol a:hover{
  color:#FFFFFF;
}

/* --- services column density on desktop (homepage parity) --- */
/* verified: child 2 is the Services column on all 318 full-footer pages
   (285 "Services" + 33 Spanish "Servicios"); child 1 is logo/NAP */
@media(min-width:801px){
  .pwt-fgrid>div:nth-child(2){
    display:grid;
    grid-template-columns:1fr 1fr;
    column-gap:18px;
  }
  .pwt-fgrid>div:nth-child(2)>.fcol-h{
    grid-column:1/-1;
  }
}

/* NOTE: the homepage rule .foot-col a[href="https://pressurewashingtitans.com"]
   has no interior counterpart - that link appears in 0 of 322 interior
   footers - so it is intentionally omitted rather than carried over as
   dead CSS. */

/* --- mobile touch targets for footer links --- */
@media(max-width:560px){
  .pwt-fcol a{
    min-height:44px;
    display:flex;
    align-items:center;
  }
}