/* ============================================================
   Waterclick — site-wide child-theme overrides
   ------------------------------------------------------------
   Loaded on EVERY page (enqueued unconditionally in functions.php,
   after the base style-m/style-d). Small, global tweaks that must
   not live in the vendor parent theme (plant3). Hand-authored flat
   CSS — mirror of assets/scss/site.scss.
   ============================================================ */

/* HEADER — more vertical breathing room.
   The parent sets --s-head-height on :root (50px) and bumps it on `body`
   (85px at desktop) with the logo + nav vertically centred, leaving almost
   no top/bottom padding. `body` out-inherits a plain :root override, so we
   set it on both (and !important) — mobile a touch taller, desktop noticeably
   airier. The sticky section-index bars (about / tech) are pinned to this
   variable, so they follow the taller header automatically. */
:root, body{
  --s-head-height:64px !important;
}
@media (min-width:1024px){
  :root, body{
    --s-head-height:102px !important;
  }
}

/* Keep the logo from growing into the extra height — cap it so the new
   space reads as padding rather than a bigger logo. */
.site-header .custom-logo-link,
.site-header .site-branding img,
.site-header .custom-logo,
.site-header .custom-logo-link svg{
  max-height:54px;
  width:auto;
  height:auto;
}