/* ==========================================================================
   CHS Restore sitewide overrides
   Linked from every page (after the theme CSS) so there is one file to edit
   instead of 122 inline copies.

   Footer: per Jennifer Hill's Figma (CHS Webpages, Sept 2026)
     - white contact band: gold rule, phone + email, "Serving all of
       California" hub link, left-aligned
     - service-area panel: solid brand blue instead of the marble photo, to
       match the social/copyright bar (Jen, 2026-09-23)
     - partner logo row hidden (not in the Figma footer). Hidden rather than
       deleted: the markup varies per page template, and restoring the badges
       is a one-line change here.
   Every service-area link and both California-hub links stay in the markup.
   ========================================================================== */

:root{
  --chs-gold:#d2aa28;
  --chs-blue:#507094;       /* service-area panel (Figma 1:644)          */
  --chs-bar:#54687d;        /* copyright / social bar (live + Figma 1:643) */
  --chs-ink:#151515;
}

/* ---- contact band ------------------------------------------------------- */
#g-footer{
  background:#fff;
  /* The service-area panel rises 112px above #g-copyright (theme
     margin-top:-112px), but the theme already reserves room for that with
     margin-top:144px on #g-copyright. Don't add the rise here too. */
  padding:3.5rem 0 2.5rem;
}
#g-footer > .g-grid{
  max-width:1200px;
  margin:0 auto;
  padding:0 2rem;
  box-sizing:border-box;
}
/* Gantry spacer columns center the old layout; the new band is left-aligned. */
#g-footer .g-block.size-15,
#g-footer .g-block.size-14,
#g-footer .g-block.size-5{display:none;}
#g-footer .g-block.size-70,
#g-footer .g-block.size-100,
#g-footer .g-block.size-90{flex:0 0 100%;max-width:100%;width:100%;}

#g-footer .chs-footer-contact{
  margin:0;
  padding-top:2rem;
  border-top:3px solid var(--chs-gold);
  max-width:829px;              /* Figma rule length */
  text-align:left;
  font-size:1.25rem;            /* 20px */
  font-weight:400;
  line-height:1.5;
  color:var(--chs-ink);
}
#g-footer .chs-footer-contact a{
  color:var(--chs-ink);
  text-decoration:none;
  font-size:inherit;
}
#g-footer .chs-footer-contact a:hover,
#g-footer .chs-footer-contact a:focus-visible{
  text-decoration:underline;
  text-underline-offset:3px;
}

#site-ops-footer-hub-link p{
  text-align:left !important;   /* inline style is text-align:center */
  margin:2rem 0 0 !important;
  font-size:1.25rem !important;
  color:var(--chs-ink);
  font-weight:300;
}
#site-ops-footer-hub-link a{color:var(--chs-blue);font-weight:600;}

/* Partner logos: not in the Figma footer. Hide the whole grid row, not just
   the logos, or the row's Gantry padding leaves ~68px of dead space. */
#g-footer .g-blockcontent{display:none;}
#g-footer > .g-grid:has(.g-blockcontent){display:none;}

/* Social icons: one row, as in the Figma bar. Only where there is room:
   below 1280px the theme's fixed 15% column + two-row icons leaves the
   copyright text readable; forcing one row there crushes it to ~5+ lines. */
@media (min-width:80rem){
  #g-copyright .g-social{white-space:nowrap;}
  #g-copyright > .g-grid{flex-wrap:nowrap;}
  #g-copyright > .g-grid > .g-block.size-15{flex:0 0 auto;width:auto;max-width:none;padding-right:1rem;}
  #g-copyright > .g-grid > .g-block.size-35{flex:1 1 0;min-width:0;}
  #g-copyright .g-branding{white-space:nowrap;}
}

/* ---- service-area panel -------------------------------------------------- */
#g-copyright .fp-copyright-menu .g-content{
  background-image:none !important;   /* was marble-texture.jpg */
  background-color:var(--chs-blue) !important;
}
#g-copyright{background-color:var(--chs-bar);}

/* ---- phones -------------------------------------------------------------- */
@media (max-width:47.99rem){
  #g-footer{padding:2.5rem 0 2rem;}
  #g-footer > .g-grid{padding:0 1rem;}
  #g-footer .chs-footer-contact{font-size:1.125rem;}
  #site-ops-footer-hub-link p{font-size:1rem !important;}
}