/* silvervaluechart.com — site-local overrides on top of style-comparison.css,
   price-chart.css and price-tools.css.

   SITE-LOCAL ON PURPOSE. price-tools.css is shared by five sites
   (silvervaluechart, silverbythepound, goldbullionpricechart,
   howmuchisgoldbythepound, goldbythepound), four of which auto-rebuild from
   their own repos. Putting a green-button rule there would repaint all five.
   Same reasoning as goldbythepound's gbtp.css. */

/* ---------------------------------------------------------------------------
   Affiliate (Goldco) buttons are GREEN — the owner's standing choice across the
   builds. Everything carrying .affiliate-cta goes green; site navigation
   buttons don't carry it and keep their original colour.
     white on #15803D = 5.02:1 · hover #166534 = 7.13:1
   Both values carried over from the gold builds, where they were contrast-
   checked. The gold sites add a #34C26A edge so the button holds its shape on a
   dark panel; this is a LIGHT theme, so the border matches the fill instead —
   a pale green halo round a dark green button reads as a rendering artefact on
   white. */
.btn.affiliate-cta,
.btn--gold.affiliate-cta,
a.affiliate-cta{
  background:#15803D;color:#fff;border:1px solid #15803D;
  letter-spacing:.04em;font-weight:800;text-transform:uppercase;
  white-space:normal;text-align:center;line-height:1.25}
.btn.affiliate-cta:hover,.btn--gold.affiliate-cta:hover,a.affiliate-cta:hover,
.btn.affiliate-cta:focus-visible,a.affiliate-cta:focus-visible{
  background:#166534;border-color:#166534;color:#fff}
.btn--lg.affiliate-cta{padding:.9em 1.6em;font-size:1rem}

/* --------------------------------------------------------------- buy box ---
   The panel directly under the price chart. Deliberately the loudest block on
   the page after the price itself: green rule, tinted ground, one button. */
.buy-box{border:1px solid var(--line,#e3e8ee);border-top:4px solid #15803D;
  border-radius:var(--radius,6px);background:linear-gradient(180deg,#f3faf5 0%,#fff 150px);
  padding:24px 26px;margin:1.8em 0;box-shadow:0 1px 3px rgba(21,34,68,.07)}
.buy-box h2,.buy-box h3{margin-top:0}
.buy-box__eyebrow{display:inline-block;font-size:.7rem;font-weight:800;letter-spacing:.09em;
  text-transform:uppercase;color:#15803D;margin:0 0 .45em}
.buy-box__offer{font-size:1.02rem;font-weight:700;color:var(--ink,#1a1a2e);margin:.2em 0 .5em}
.buy-box__body{color:var(--ink-soft,#4a5a6a);margin:0 0 1.1em;max-width:62ch}
.buy-box__cta-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}

/* A mid-page buy strip — lighter than the box, still green. */
.buy-strip{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;
  border:1px solid var(--line,#e3e8ee);border-left:4px solid #15803D;
  border-radius:var(--radius,6px);background:#f7fbf8;padding:16px 20px;margin:1.6em 0}
.buy-strip p{margin:0;font-size:.97rem;color:var(--ink,#1a1a2e);max-width:60ch}

/* ----------------------------------------------------------- offer terms ---
   Goldco's offer has a $50,000 threshold. Any page that names the offer prints
   the terms, so "FREE SILVER" is never a claim without its condition. */
a.ast{font-weight:800;text-decoration:none;padding:0 .12em;color:#15803D}
a.ast:hover{text-decoration:underline}
.offer-terms{border-top:1px solid var(--line,#e3e8ee);margin-top:2.4em;padding-top:1.1em;
  font-size:.82rem;color:var(--ink-soft,#4a5a6a);line-height:1.6}
.offer-terms p{margin:0 0 .5em}
.offer-terms__note{font-style:italic}
.exit-popup__offer{font-weight:700;color:#15803D;font-size:1.05rem;margin:0 0 .5em}

@media (max-width:640px){
  .buy-box{padding:18px 16px}
  .buy-strip{padding:14px 16px}
  .buy-box__cta-row .affiliate-cta,.buy-strip .affiliate-cta{width:100%}
}