/* ==================================================================
   FINAL INTEGRATION LAYER: review star visibility
   (Rhonda call 2026-08-21: "make that a separate color or do
   something because you notice that it's there")

   Lives in its own file, loaded AFTER style.css on the pages that
   show stars (index, reviews, product pages), because style.css is
   carrying a concurrent uncommitted wholesale draft. Fold this block
   onto the END of style.css once that draft lands, then delete this
   file and its link tags.

   The inline star SVGs are untouched: their fill="none" and
   stroke="currentColor" are presentation attributes, so these rules
   override them everywhere at once.
================================================================== */

/* every star, site wide: solid honey gold with an ink edge instead of
   a pale hollow outline */
.rev-stars{gap:.34rem;color:#E7AE3F}
.rev-stars svg{fill:#E7AE3F;stroke:#343734;stroke-width:1.05;filter:drop-shadow(0 1px 0 rgba(52,55,52,.30))}

/* homepage strip on the blue-sage quotes band: the stars sit on a
   small paper plate with a hard ink offset, the same plate language
   as the press quote cards above them, so the rating row reads as a
   deliberate badge instead of loose marks */
.rev-strip .rev-stars{justify-self:start;align-self:center;background:var(--paper);border:1.5px solid rgba(52,55,52,.30);padding:.55rem .85rem;box-shadow:6px 6px 0 var(--ink)}
.rev-strip .rev-stars svg{width:30px;height:30px}

/* reviews page summary card: honey-wash chip behind the row */
.rev-summary .rev-stars{background:var(--wash);border:1px solid var(--line);padding:.5rem .8rem}

/* product page review strip: same chip, sized down, and pinned to the
   start of its grid track so it never stretches on narrow layouts */
.pdp-reviews .rev-stars{justify-self:start;align-self:center;background:var(--wash);border:1px solid var(--line);padding:.42rem .66rem}
.pdp-reviews .rev-stars-sm svg{width:19px;height:19px}

@media(max-width:640px){
  .rev-strip .rev-stars{padding:.45rem .65rem;box-shadow:4px 4px 0 var(--ink)}
  .rev-strip .rev-stars svg{width:24px;height:24px}
  .rev-summary .rev-stars svg{width:26px;height:26px}
}

/* Higher contrast review badge: dark plate, cream edge, honey stars. */
.rev-strip .rev-stars{background:var(--green-deep);border:2px solid var(--cream);padding:.6rem .9rem;box-shadow:7px 7px 0 var(--honey)}
.rev-strip .rev-stars svg{fill:var(--honey);stroke:var(--cream);stroke-width:1.2;filter:none}