@charset "UTF-8";
/* ===========================================================================
   CryptoInvestIndia — Editorial Authority THEME OVERRIDE (body/content)
   Loaded AFTER main.css on legacy pages. Re-themes main.css's variable-driven
   design to the editorial palette. Header/footer chrome lives in the shared
   editorial-header.css (loaded on every page incl. the homepage). Content and
   markup untouched.
   =========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Public+Sans:wght@300;400;500;600;700&display=swap');

:root{
  --paper:#f8f9ff;
  --paper-2:#eef3fe;
  --ink:#121c2a;
  --ink-soft:#424754;
  --muted:#5a6675;
  --hair:#c2c6d6;
  --navy:#0058be;
  --emerald:#0058be;
  --emerald-d:#00489c;
  --cta:#0058be;            /* links / .highlight / accents -> brand blue */
  --cta-hover:#00489c;
  --gold:#9a7b3f;
  --gold-soft:#c9a86a;
  --risk-bg:#27313f;
  --risk-ink:#eaf1ff;
  --serif:'Newsreader',Georgia,serif;
  --sans:'Public Sans',-apple-system,system-ui,sans-serif;
}

/* CTA buttons -> editorial orange (text accents stay blue via --cta) */
/* #b55000 on white = 4.81:1 WCAG AA; was #fd761a = 2.7:1 FAIL (TASK-962) */
button,
.hero__button,
.best__button,
.start button,
.bonus .container button,
.invest-btn{
  background-color:#b55000 !important;
  color:#fff !important;
  border-radius:4px !important;
}
button:hover,
.hero__button:hover,
.best__button:hover,
.start button:hover,
.bonus .container button:hover{
  background-color:#9e4600 !important;
}

/* Soften legacy table borders to the cool hairline */
.exchanges-table table,
.exchanges-table table th,
.exchanges-table table td{ border-color:var(--hair) !important; }
.exchanges-table table tr:hover{ background-color:#eff4ff !important; }

/* Offer showcase: editorial cards (override middleware-injected dark style;
   _middleware.js NOT touched — engagement-widget guardrail) */
.crypto-showcase-container .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:22px}
.crypto-showcase-container article.card{background:#fff !important;border:1px solid var(--hair) !important;border-radius:8px !important;box-shadow:0 4px 12px rgba(18,28,42,.06) !important;color:var(--ink) !important;text-align:left}
.crypto-showcase-container article.card:hover{box-shadow:0 8px 28px rgba(18,28,42,.10) !important}
.crypto-showcase-container article.card .logo{height:46px;justify-content:flex-start}
.crypto-showcase-container article.card .logo img{max-height:34px;max-width:140px}
.crypto-showcase-container article.card .logo-fallback{color:var(--cta) !important;font-size:19px;background:none !important}
.crypto-showcase-container article.card .name{color:var(--ink) !important;font-family:var(--serif);font-size:21px;font-weight:700}
.crypto-showcase-container article.card .kicker{color:#9d4300 !important}
.crypto-showcase-container article.card .bonus{color:var(--ink-soft) !important}
.crypto-showcase-container article.card a.header__button{background:#b55000 !important;color:#fff !important;border-radius:4px !important;height:44px;box-shadow:0 2px 8px rgba(181,80,0,.3)}
.crypto-showcase-container article.card a.header__button:hover{background:#9e4600 !important}
.affiliate-disclosure{background:#eef3fe !important;border:1px solid var(--hair) !important;color:var(--ink-soft) !important;border-radius:8px !important}

/* Unify content width + section rhythm with the homepage (legacy used 100px) */
.container{ max-width:1180px; }
.content,.why,.best,.table,.top,.bonus,.faq,.start,.why__second{ margin-top:56px !important; }
.hero{ margin-top:24px !important; }