/* Shop page visual unification.
   one-real-shop-production.css (yooperhub-merch-page-v010, not in this repo)
   still carries the pre-2.7.167 palette and ten border radii. That plugin has
   no safe deploy path from here, so this sheet re-skins the page the same way
   home-visual-refinement.css re-skinned the homepage embed: redefine the
   --yh-shop-* tokens it consumes, then out-rank the handful of hardcoded
   values. Every selector repeats body.yh-one-real-shop-page.yhseo-daily-shell
   because the merch sheet loads after this one; specificity must win, not
   order. */

body.yh-one-real-shop-page.yhseo-daily-shell {
  --yh-shop-ink: #16272f;
  --yh-shop-muted: #5d7078;
  --yh-shop-navy: #0b2233;
  --yh-shop-green: #0e5a46;
  --yh-shop-mint: #5fd8bc;
  --yh-shop-lime: #5fd8bc;
  --yh-shop-paper: #fffdf8;
  --yh-shop-fog: #e8edec;
  --yh-shop-line: rgba(18, 42, 54, .16);
}

body.yh-one-real-shop-page.yhseo-daily-shell .yh-one-real-shop-skip {
  background: #0e5a46;
  border-radius: 4px;
}

/* A live-only helper plugin paints this route's skip link blue at 6px from an
   inline style block, and the html ground near-black; both out-rank plain
   selectors here, and neither is reachable from this repo. */
body.yh-one-real-shop-page.yhseo-daily-shell .yhseo-daily-skip-link {
  background: #0e5a46 !important;
  border-radius: 4px !important;
}

/* :root bumps specificity past the helper's own !important html rule. */
html:root {
  background: #0b2233 !important;
}

/* Dark text on mint CTAs was #092127; the ink on mint is navy everywhere else. */
body.yh-one-real-shop-page.yhseo-daily-shell .yh-one-real-shop-button,
body.yh-one-real-shop-page.yhseo-daily-shell .yh-one-real-shop-home a.yh-one-real-shop-button,
body.yh-one-real-shop-page.yhseo-daily-shell .yh-one-real-shop-mobile-buy b {
  color: #0b2233;
}

body.yh-one-real-shop-page.yhseo-daily-shell .yh-one-real-shop-button {
  border-radius: 4px;
}

body.yh-one-real-shop-page.yhseo-daily-shell .yh-one-real-shop-hero {
  background:
    radial-gradient(circle at 6% 6%, rgba(95, 216, 188, .14), transparent 42%),
    var(--yh-shop-navy);
  border-radius: 12px;
}

/* Text-on-navy grays consolidate on the edition header's #c7d5da. */
body.yh-one-real-shop-page.yhseo-daily-shell .yh-one-real-shop-hero__intro,
body.yh-one-real-shop-page.yhseo-daily-shell .yh-one-real-shop-price span,
body.yh-one-real-shop-page.yhseo-daily-shell .yh-one-real-shop-checkout,
body.yh-one-real-shop-page.yhseo-daily-shell .yh-one-real-shop-close p:not(.yh-one-real-shop-kicker),
body.yh-one-real-shop-page.yhseo-daily-shell .yh-one-real-shop-mobile-buy small {
  color: #c7d5da;
}

body.yh-one-real-shop-page.yhseo-daily-shell .yh-one-real-shop-hero h1 {
  font-size: clamp(40px, 5vw, 52px);
}

body.yh-one-real-shop-page.yhseo-daily-shell .yh-one-real-shop-hero__media {
  border-radius: 12px;
}

body.yh-one-real-shop-page.yhseo-daily-shell .yh-one-real-shop-hero__media figcaption {
  color: #5d7078;
}

body.yh-one-real-shop-page.yhseo-daily-shell .yh-one-real-shop-proof article,
body.yh-one-real-shop-page.yhseo-daily-shell .yh-one-real-shop-specs,
body.yh-one-real-shop-page.yhseo-daily-shell .yh-one-real-shop-answers article,
body.yh-one-real-shop-page.yhseo-daily-shell .yh-one-real-shop-product,
body.yh-one-real-shop-page.yhseo-daily-shell .yh-one-real-shop-gallery__main,
body.yh-one-real-shop-page.yhseo-daily-shell .yh-one-real-shop-close,
body.yh-one-real-shop-page.yhseo-daily-shell .yh-one-real-shop-mobile-buy {
  border-radius: 12px;
}

body.yh-one-real-shop-page.yhseo-daily-shell .yh-one-real-shop-gallery__thumbs button,
body.yh-one-real-shop-page.yhseo-daily-shell .yh-one-real-shop-gallery__thumbs img,
body.yh-one-real-shop-page.yhseo-daily-shell .yh-one-real-shop-close nav a,
body.yh-one-real-shop-page.yhseo-daily-shell .yh-one-real-shop-mobile-buy b,
body.yh-one-real-shop-page.yhseo-daily-shell .yhseo-daily-site-header__email {
  border-radius: 4px;
}

body.yh-one-real-shop-page.yhseo-daily-shell .yh-one-real-shop-mobile-buy {
  background: #0b2233;
}

body.yh-one-real-shop-page.yhseo-daily-shell .yhseo-daily-site-header__menu[open] .yhseo-daily-site-header__mobile-nav {
  background: #0b2233;
}

@media (max-width: 720px) {
  body.yh-one-real-shop-page.yhseo-daily-shell .yh-one-real-shop-hero {
    border-radius: 12px;
  }
}