/**
 * Reviews-zone styles for the [drr_reviews_badge] and [drr_reviews] shortcodes.
 *
 * The block below the token bridge is lifted VERBATIM from the approved mockup
 * (drraghda_reviews_mockup.html, reviews-specific <style> block). Its bytes are
 * byte-identical to the PHASE A extraction
 * (output/PHASE_A_mockup_reviews_css_block.css, sha256 f4b5c50f0…) and are the
 * final bytes of this file, so the match is verifiable with `tail -c 2316`.
 *
 * The ONLY addition is the design-token bridge below: the mockup defined these
 * custom properties in :root, but the live theme registers them as --dr-* names,
 * so a shortcode cannot rely on the unprefixed names resolving. They are scoped
 * to the shortcode wrappers AND the Elementor zone containers (rating-band /
 * reviews-zone) — the values are byte-identical to the theme's --dr-* tokens,
 * they resolve identically, and they never leak to the rest of the page.
 * The .review-note rule in the verbatim block is inert here: the preview banner
 * div is NOT rendered (it is review-only scaffolding); the rule is kept only to
 * preserve the verbatim byte match.
 */

/* Design tokens used by the reviews zone (mockup :root subset, scoped). */
.rating-band,
.reviews-zone,
.drr-reviews-badge,
.drr-reviews {
  --ink: #1A1814;
  --ink-soft: #2C2822;
  --bronze: #A77B4A;
  --bronze-deep: #8A6238;
  --cream-deep: #F2EBDC;
  --rule: #D9CFB8;
  --grey: #6B6157;
  --grey-soft: #9A9089;
  --soft: #EFE6D6;
  --white: #FFFFFF;
}

/* ===== REVIEWS PAGE ===== */
.rating-band{background:var(--cream-deep);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:56px 0}
.rating-band .container{display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap}
.rating-score{display:flex;align-items:baseline;gap:18px}
.rating-score .num{font-family:'Fraunces',serif;font-size:72px;line-height:1;color:var(--ink);font-weight:600}
.rating-meta{display:flex;flex-direction:column;gap:6px}
.stars{color:var(--bronze);font-size:22px;letter-spacing:3px}
.rating-meta .count{font-size:15px;color:var(--grey)}
.rating-meta .sync-note{font-size:12.5px;color:var(--grey-soft);letter-spacing:.02em}
.rating-actions{display:flex;gap:14px;flex-wrap:wrap}
.btn-outline{display:inline-block;padding:13px 26px;border:1px solid var(--bronze-deep);color:var(--bronze-deep);border-radius:2px;font-size:14px;letter-spacing:.04em;text-decoration:none;transition:all .2s}
.btn-outline:hover{background:var(--bronze-deep);color:var(--white)}
.reviews-zone{padding:80px 0}
.reviews-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:26px;margin-top:44px}
.review-card{background:var(--white);border:1px solid var(--rule);border-radius:3px;padding:30px 28px;display:flex;flex-direction:column;gap:14px}
.review-card .stars{font-size:16px;letter-spacing:2px}
.review-card blockquote{border-left:none;border-right:none;margin:0;font-size:15px;line-height:1.65;color:var(--ink-soft)}
.review-card .attribution{margin-top:auto;padding-top:14px;border-top:1px solid var(--soft);font-size:12.5px;color:var(--grey-soft);display:flex;justify-content:space-between;align-items:center}
.review-card .g-mark{font-family:'Fraunces',serif;font-weight:600;color:var(--bronze-deep)}
.reviews-editorial{max-width:640px;margin:64px auto 0;text-align:center}
.reviews-editorial h2{font-family:'Fraunces',serif;font-size:28px;color:var(--ink);margin-bottom:14px}
.reviews-editorial p{font-size:15.5px;line-height:1.7;color:var(--grey)}
.review-note{background:var(--soft);border-left:3px solid var(--bronze);padding:16px 20px;margin-top:28px;font-size:13.5px;line-height:1.6;color:var(--grey)}
@media(max-width:720px){.rating-band .container{flex-direction:column;align-items:flex-start}.rating-score .num{font-size:56px}}

/* ===== drr-reviews v0.1.1 — closing card (addendum; NOT part of the verbatim mockup block above) ===== */
.review-card--more{background:var(--cream-deep);border:1px solid var(--bronze);align-items:center;justify-content:center;text-align:center;gap:16px;text-decoration:none;transition:border-color .2s,box-shadow .2s}
.review-card--more:hover{border-color:var(--bronze-deep);box-shadow:0 6px 24px rgba(138,98,56,.12)}
.review-card--more .review-card--more-count{font-family:'Fraunces',serif;font-size:22px;line-height:1.25;font-weight:600;color:var(--ink)}
.review-card--more .review-card--more-link{font-size:14px;letter-spacing:.03em;font-weight:500;color:var(--bronze-deep)}
.review-card--more .review-card--more-arrow{display:inline-block;transition:transform .2s}
.review-card--more:hover .review-card--more-arrow{transform:translateX(4px)}