/* ===========================================================================
   LAYER 4 — the header's inline <style> block
   Source: theme-authored inline <style> blocks #5 (6,123 B) and #6 (391 B) in
   the rendered <head> of sourdoughstarter.com, captured 2026-09-26 into
   phase-02/output/com-css/inline-header-overrides.css.

   DELIBERATE OMISSION — the `header--top-left` block from the capture is NOT
   here, and must not be added. The live header is `header--middle-left`
   (verified from header.className). Those rules are inert on the .com;
   porting them would import a layout the .com does not use. COM-TARGET
   section 1, "Dead code — do not port". The capture keeps them, fenced, so an
   auditor can confirm they were seen and ruled out. This is that confirmation.

   THE NAV SIZE, and why it is 13px here and not 17px.
   perry-fonts.css (layer 2) asks for 17px on nav with !important. It LOSES,
   on specificity, to the `@media (min-width: 990px)` rule in source block #5.
   The rendered value is 13px. Layer 2 ports the 17px faithfully because that
   is what the source file says; this layer reproduces the rule that beats it,
   so the outcome matches without depending on a specificity accident
   surviving the move to a different theme's DOM.
   =========================================================================== */

/* REM CONVERSION — finding N-17. The source site's root font-size is 10px
   (home-1440.json root.fs), so every rem in blocks #5 and #6 means value x 10 px.
   This theme inherits Shoptimizer's 16px root and must NOT be changed to 10px:
   nothing here depends on a rem base, the type scale is absolute px, and a 10px
   root would shrink every rem in the parent theme. So the rems are converted at
   source instead. 01-tokens.css already did this for the header side padding
   (7rem -> 70px, 2rem -> 20px); these were missed.

   ---- from block #6: sticky header + padding ---- */
.mcsv2-header { padding: 4px 30px 4px 30px; }   /* was 3rem = 30px at a 10px root */
.mcsv2-header-section { position: sticky; top: 0; z-index: 60; margin-bottom: 0; }
@media screen and (min-width: 990px) {
  .mcsv2-header { padding-top: 8px; padding-bottom: 8px; }
}

/* ---- from block #5: nav structure ---- */
.mcsv2-list-menu { list-style: none; padding: 0; margin: 0; }
.mcsv2-list-menu--inline { display: inline-flex; flex-wrap: wrap; }
.mcsv2-menu-item { display: flex; align-items: center; line-height: 1.3; }
/* N-19: the walker renders a <button> for each of the 8 groups (they open a panel and
   are not navigable), and an <a> only for a group with no children. Every nav rule here
   must therefore name BOTH. Naming only `> a` left the buttons on the UA default padding
   of 1px 6px, which is what made the header 114px tall instead of 73px. */
.mcsv2-menu-item > a,
.mcsv2-menu-item > button { text-decoration: none; padding-bottom: 10px; padding-top: 10px; }   /* 1rem */
@media screen and (min-width: 750px) {
  .mcsv2-menu-item > a,
  .mcsv2-menu-item > button { padding-bottom: 5px; padding-top: 5px; }   /* 0.5rem */
}

/* Tighten nav spacing so eight top-level links fit on one row at laptop widths
   (~1280-1440) instead of wrapping. Original author's comment records this as
   a fix requested by Gabriel 2026-07-11, made because the header was eating
   ~60% of the laptop viewport height. Carried across with the reason intact.
   NOTE: the source comment says "8 top-level links" — which independently
   confirms the 8-group count corrected in NAV-AND-FOOTER-SPEC-2026-09-26.json,
   against README 1.5's "6 groups". */
@media screen and (min-width: 990px) {
  .mcsv2-header .mcsv2-menu-item,
  .mcsv2-header .mcsv2-menu-item > a,
  .mcsv2-header .mcsv2-menu-item > button,
  .mcsv2-header .mcsv2-menu-item span {
    padding: 6px 3.5px !important;   /* 0.6rem/0.35rem -> matches target navItemPad 6px .. 3.5px */
    font-size: var(--mcs-size-nav) !important;
  }
  .mcsv2-header .mcsv2-list-menu--inline { row-gap: 0; column-gap: 0; }
}

/* Icon size fix. Dawn rendered the cart glyph 44x79 (stretched ~2x taller than
   wide) while search/account stayed 36x36. Forced to an equal 24px box.
   The author REVERTED a later 40px cart box on 2026-07-28 because it read as a
   different-size icon rather than an equal-weight one. Trade-off recorded by
   the original author and preserved: cart reads slightly lighter than
   search/account, but the box sizes match exactly. */
.mcsv2-header .mcsv2-header-icon svg,
.mcsv2-header .mcsv2-header-icon--cart svg {
  width: 24px !important;
  height: 24px !important;
}

/* Caret must sit in flow after the label, never absolutely positioned, or it
   overlaps long labels. Dawn's base.css used position:absolute; right:0.8rem. */
@media screen and (min-width: 990px) {
  .mcsv2-header .mcsv2-menu-item .mcsv2-caret {
    position: static !important;
    flex-shrink: 0;
    margin-left: 3px;   /* 0.3rem */
  }
  .mcsv2-header .mcsv2-menu-item { display: inline-flex; align-items: center; }
}
