/*! GENERATED by tools/scope-css.php from warhorse-wp-layout.css — do not edit. */
/* ════════════════════════════════════════════════════════════════
   EEHP — Warhorse Results (canonical WP port) — layout additions
   ════════════════════════════════════════════════════════════════
   Loads AFTER the content build's styles.css (wp_enqueue dependency)
   on template-warhorse-results.php, and leaves that file untouched
   (Option-A: build files are generated, never hand-edited).

   Successor to eehp/warhorse-wp-overrides.css, which stays pinned to
   the v1/v2 review templates. Two of its three rules are carried over;
   the third is deliberately dropped:

     DROPPED  .s-protocol .wrap { max-width: 1060px }
              The July fix WIDENED the 3-step grid past the then-current
              .wrap. The 2026-09-14 build raised base .wrap to 1100px
              (styles.css:53), so re-applying 1060px would now NARROW it
              — a regression. The build's own value wins.

     KEPT     .tw-list → scroll-snap slider. 6 stacked before/after pairs
              (~380px each) cost ~2400px of page height; the build still
              ships them as a column (styles.css:1265).

     KEPT     .tw-nav control styling. REQUIRED, not optional: the build's
              styles.css now opts .reviews-grid into slider mode itself
              (--eehp-slider flag, styles.css:1536-1541) and its comment
              defers the controls to warhorse-wp-wiring.js — but it defines
              no .tw-nav styling, so without this block the injected
              reviews prev/next would render unstyled.
   ════════════════════════════════════════════════════════════════ */

/* ── Transformations wall → one-at-a-time slider ── */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .tw-list{
  flex-direction: row;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  gap: 18px;
  scrollbar-width: none;          /* Firefox */
  -webkit-overflow-scrolling: touch;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .tw-list::-webkit-scrollbar{ display: none; }  /* Chrome/Safari */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .tw-list > .tw-item{
  flex: 0 0 100%;
  scroll-snap-align: center;
  min-width: 0;
}

/* ── Shared slider controls (injected by warhorse-wp-wiring.js) ── */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .tw-nav{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  max-width: 720px;
  margin: 18px auto 0;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .tw-nav-btn{
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid var(--border-green);
  background: var(--surface);
  color: var(--green-bright);
  font-size: 20px;
  line-height: 1;
  font-family: inherit;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background .2s ease, box-shadow .2s ease, opacity .2s ease;
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .tw-nav-btn:hover:not(:disabled){
  background: var(--surface2);
  box-shadow: 0 0 14px rgba(125, 237, 111, 0.25);
}
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .tw-nav-btn:disabled{ opacity: .35; cursor: default; }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .tw-nav-count{
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .06em;
  color: var(--text-muted);
  min-width: 44px;
  text-align: center;
}

/* --------------------------------------------------------------------------
 * Deep Dive sticky nav — Cellular Defense chip (Show Horse page).
 * The build's styles.css colours every chip by data-target but has no rule for
 * dd-cellular, so it fell back to plain text. Client review 2026-09-22: make
 * it the same blue as the Clinical References chip on the far right.
 * WP-side layer on purpose — the delivered build files stay byte-identical.
 * ------------------------------------------------------------------------ */
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .dd-chip[data-target="dd-cellular"]{ color: #6fbef5; border-color: rgba(92,184,245,.5); }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .dd-chip[data-target="dd-cellular"]:hover, body.eehp-ported-page.eehp-ported-page.eehp-ported-page .dd-chip[data-target="dd-cellular"].active{ background: rgba(92,184,245,.16); border-color: #6fbef5; color: #8ccef8; }

/* "Complete your purchase" with nothing picked: brief nudge on the pack grid. */
@keyframes lc-nudge { 0%,100% { box-shadow: 0 0 0 0 rgba(46,204,113,0); } 50% { box-shadow: 0 0 0 6px rgba(46,204,113,.35); } }
body.eehp-ported-page.eehp-ported-page.eehp-ported-page .lc-packs--nudge{ animation: lc-nudge .6s ease-in-out 2; border-radius: 12px; }