/* ==========================================================================
   Coins Online — fixes.css (4.10.3)
   The visual review's fixes that cut across pages. Loaded last on every page (inc/theme/setup.php),
   so each rule here wins over the page stylesheets without !important unless a plugin forces it.
   ========================================================================== */

/* ---------- Canvas pages meet the footer (no white strip under the last band) ----------
   WordPress puts 20px between the main area and the footer part, and the footer has its own top margin.
   On pages that end in a full-width band (The Reserve's notes, All About, Sell, IRA ...) that showed as a white strip. */
body.co-theme .wp-site-blocks:has(> .co-main--canvas) > .co-site-footer { margin-block-start: 0; }
body.co-theme .wp-site-blocks:has(> .co-main--canvas) .co-footer { margin-top: 0; }

/* ---------- Footnote markers read as part of their sentence, on any ground ---------- */
body.co-theme .co-aa-sup, body.co-theme .co-aa-sec--dark .co-aa-sup, body.co-theme .co-aa-tile--dark .co-aa-sup, body.co-theme .co-aa-sup a { color: inherit; } /* the text around it, light or dark (a light card inside a dark band had paper on paper) */
body.co-theme .co-aa-sup a { font-weight: 600; text-decoration: none; padding: 0 1px; }
body.co-theme .co-aa-sup a:hover, body.co-theme .co-aa-sup a:focus-visible { text-decoration: underline; }

/* ---------- All About and the pages built on it ---------- */
/* links on dark tiles (the live-spot tile in "measured") used the metal's dark ink */
body.co-aa-page .co-aa-tile--dark .co-aa-link { color: var(--aa-2); }
/* "Best seller" label beside a live price on white and light gray */
body.co-aa-page :is(.co-aa-sec--white, .co-aa-sec--gray) .co-aa-price > span,
body.co-aa-page .co-aa-format .co-aa-price > span { color: var(--aa-dark-mute); }
/* Platinum "Bar highlights": the two cards without a bar photo now carry a picture (patterns), keep the rows even */
body.co-aa-page .co-aa-format .co-aa-pair { display: flex; align-items: flex-end; justify-content: center; gap: clamp(12px, 2vw, 22px); height: 180px; margin-bottom: 6px; }
body.co-aa-page .co-aa-format .co-aa-pair figure { margin: 0; display: flex; flex-direction: column; align-items: center; gap: 10px; }
body.co-aa-page .co-aa-format .co-aa-pair .co-aa-coin { width: var(--cw, 120px); }
body.co-aa-page .co-aa-format .co-aa-pair .co-aa-coin::after { display: none; }
body.co-aa-page .co-aa-format .co-aa-pair figcaption { font: 500 12px/1.2 var(--co-font); letter-spacing: .02em; color: var(--aa-dark-mute); text-align: center; white-space: nowrap; }
body.co-aa-page .co-aa-format .co-aa-pair .co-aa-coin__img { background: transparent; }
body.co-aa-page .co-aa-format .co-aa-pair figcaption b { display: block; font-weight: 600; color: var(--aa-dark); }
/* Gold "Who makes them": three refiners' bars */
body.co-aa-page .co-aa-format .co-aa-trio { display: flex; align-items: center; justify-content: center; gap: clamp(8px, 1.4vw, 14px); height: 180px; margin-bottom: 6px; }
body.co-aa-page .co-aa-format .co-aa-trio .co-aa-bar { flex: 0 1 30%; height: 100%; }
body.co-aa-page .co-aa-format .co-aa-trio .co-aa-bar__img { padding: 0; background: transparent; }
body.co-aa-page .co-aa-format .co-aa-trio .co-aa-bar__img img { max-height: 100%; max-width: 100%; }

/* ---------- Gold labels on Ink cards (the Library's "Next lesson", the tax finder): the light gold, not the dark text gold ---------- */
body.co-theme .co-next .co-kicker, body.co-theme .co-tax .co-kicker { color: var(--co-gold-bright); }

/* ---------- Sell to Us (ARCC palette) ---------- */
body.co-sell-page .co-aa--arcc .co-sell-flags .co-aa-kicker { color: var(--arcc-gold-text); } /* the paper card sits in the ink band: dark gold, not the light gold of the band */
body.co-sell-page .co-aa--arcc .co-aa-localnav__title span { color: #E0B85A; }
body.co-sell-page .co-sell-steps .s-co .n, body.co-sell-page .co-sell-tag--gold { background: var(--arcc-gold-text); }
body.co-pg-page .co-pg-svc__tag--gold { background: #8A6400; }

/* ---------- Product page ---------- */
/* Back-in-stock form (plugin default: white text on sky blue, 1.7:1) in the site's own controls */
body.co-theme .cwginstock-subscribe-form .panel { border: 1px solid var(--co-line); border-radius: var(--co-radius-lg); overflow: hidden; box-shadow: none; background: #fff; }
body.co-theme .cwginstock-subscribe-form .panel-primary > .panel-heading { background: var(--co-paper-2) !important; border-color: var(--co-line) !important; color: var(--co-ink) !important; padding: 14px 18px; }
body.co-theme .cwginstock-subscribe-form .panel-heading h4 { margin: 0; font: 500 15px/1.4 var(--co-font) !important; color: var(--co-ink) !important; }
body.co-theme .cwginstock-subscribe-form .panel-body { padding: 16px 18px 18px; }
body.co-theme .cwginstock-subscribe-form input[type="email"], body.co-theme .cwginstock-subscribe-form input[type="text"] { width: 100%; height: 48px; padding: 0 14px; border: 1px solid var(--co-line-2); border-radius: var(--co-radius); font: 400 16px var(--co-font); color: var(--co-ink); background: #fff; }
body.co-theme .cwginstock-subscribe-form .cwgstock_button { width: 100%; min-height: 48px; margin-top: 10px; border: 0 !important; border-radius: var(--co-radius) !important; background: var(--co-ink) !important; color: #fff !important; font: 600 13px/1 var(--co-font) !important; letter-spacing: .08em; text-transform: uppercase; cursor: pointer; }
body.co-theme .cwginstock-subscribe-form .cwgstock_button:hover { background: #000 !important; }
/* "Pairs well with": four cards; where the grid shows three columns, show three */
@media (min-width: 782px) and (max-width: 1180px) {
  body.co-theme .co-related .co-grid__list > li:nth-child(n+4) { display: none; }
}

/* ---------- Cookie banner (Complianz): its "read more" link in the site's link colour ---------- */
body.co-theme .cmplz-cookiebanner a.cmplz-link { color: var(--co-ink) !important; text-decoration: underline; text-underline-offset: 2px; }

/* ---------- Phones: comfortable tap targets ---------- */
@media (max-width: 781px) {
  body.co-theme .co-footer__list a { display: inline-block; padding-block: 6px; }
  body.co-theme .co-footer__list { gap: 2px 18px; }
  body.co-theme .woocommerce-breadcrumb a, body.co-theme .co-crumbs a { display: inline-block; padding-block: 6px; }
  body.co-aa-page .co-aa-localnav__cta { min-height: 32px; }
  body.co-theme .co-footer__social .wp-block-social-link-anchor { padding: 8px; } /* 16 px icons, 32 px targets */
  body.co-theme .co-hero__link, body.co-theme .co-section-head a, body.co-theme .co-sp-link { display: inline-block; padding-block: 8px; }
}

/* ---------- All About: a metal that is sold out still shows what we carry ---------- */
body.co-aa-page .co-aa-soldout { max-width: 640px; margin: 0 0 18px; padding: 14px 18px; border-radius: 16px; background: var(--aa-gray); font: 400 16px/1.5 var(--co-font); color: var(--aa-dark); }
body.co-aa-page .co-aa-sec--white .co-aa-soldout { background: #fff; box-shadow: inset 0 0 0 1px #e3e3e8; }
body.co-aa-page .co-aa-soldout a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
body.co-aa-page .co-aa-card__price--out { color: var(--aa-dark-mute); font-weight: 500; }
body.co-aa-page .co-aa-card__buy--ghost { background: transparent; color: var(--aa-dark); box-shadow: inset 0 0 0 1px currentColor; }