/* ==========================================================================
   SB Bullion — Light theme overrides
   Loaded last on every public page so these rules win over the page's own
   inline <style> block and over css/sb-brand-header.css / css/sb-live-page.css.
   Converts the dark purple/maroon panels to the light blue look that
   the site already uses for its "light" cards (.about-teaser, .content-panel,
   .live-rates-panel, .why-card, etc), including the header/nav bar.
   ========================================================================== */

/* ---------- Page background ---------- */
html,
body {
  background:
    radial-gradient(circle at 50% 0%, rgba(241, 250, 255, .95), transparent 42%),
    linear-gradient(180deg, #eef9ff 0%, #d4ecfa 55%, #b9dcf2 100%) !important;
}

/* ---------- Main content wrapper ---------- */
.app-container {
  background: linear-gradient(160deg, #f8fcff 0%, #e3f2fb 55%, #c9e5f5 100%) !important;
  border-color: rgba(63, 130, 175, .55) !important;
  box-shadow:
    inset 0 0 0 2px rgba(255, 255, 255, .8),
    0 20px 44px rgba(45, 106, 145, .16) !important;
}

/* ---------- Hero panel (index) ---------- */
.hero-panel {
  background: linear-gradient(150deg, #f1f9fe 0%, #d4ebf8 60%, #a9d3eb 100%) !important;
}
.hero-text h1 { color: #183f5b !important; }
.hero-text p { color: #345b78 !important; }

/* ---------- Quick access links (index) ---------- */
.quick-links {
  background: linear-gradient(160deg, #f1f9fe 0%, #c2e0f2 100%) !important;
}
.quick-link,
.quick-link span { color: #315d78 !important; }
.quick-link:hover,
.quick-link:hover span,
.quick-link.active { color: #1f5f8b !important; }
.quick-link .sub { color: #3d718f !important; }

/* ---------- Trust banner (index, About_us, Liverates) ---------- */
.trust-banner {
  background: linear-gradient(160deg, #f1f9fe 0%, #c2e0f2 100%) !important;
}
.trust-line {
  background: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  -webkit-text-fill-color: unset !important;
  color: #183f5b !important;
}
.trust-sub { color: #315d78 !important; }

/* ---------- Page headings shared across all inner pages ---------- */
.page-head h1 {
  background: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  -webkit-text-fill-color: unset !important;
  color: #183f5b !important;
}
.page-head p,
.page-head p.lead { color: #345b78 !important; }
.section-kicker { color: #276c98 !important; }
.back-link { color: #276c98 !important; }
.back-link:hover { color: #184f76 !important; }

/* ---------- Site footer ---------- */
.site-footer {
  background: linear-gradient(180deg, #f0f9ff 0%, #e3f2fb 55%, #c9e5f5 100%) !important;
  border-top-color: #5d9dc6 !important;
  color: #244b63 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .65),
    0 -10px 24px rgba(45, 106, 145, .12) !important;
}
.site-footer .footer-info p,
.site-footer .footer-info a { color: #244b63 !important; }
.site-footer .footer-info a:hover { color: #1f5f8b !important; }
.site-footer .footer-info h3 { color: #235f87 !important; }
.site-footer .footer-info + .footer-info { border-left-color: rgba(63, 130, 175, .35) !important; }

.footer-copyright {
  background: linear-gradient(180deg, #e3f2fb, #c9e5f5) !important;
  border-top-color: rgba(63, 130, 175, .4) !important;
}
.footer-copyright p { color: #315d78 !important; }

/* ---------- Section header strips (Bank_Details, EconomicCalendar, Message, Liverates) ---------- */
.bank-panel-head,
.commodity-head,
.gold-news-head {
  background: linear-gradient(160deg, #f1f9fe, #c2e0f2) !important;
}
.bank-panel-head h2,
.commodity-head h2,
.gold-news-head h2 { color: #183f5b !important; }
.live-api,
.news-status { color: #244b63 !important; }
.bank-panel-head .bank-icon {
  background: linear-gradient(160deg, #e3f3fc, #badcf0) !important;
  color: #3d718f !important;
}

/* ---------- Contact info card (contact-us) ---------- */
.contact-info-card {
  background: linear-gradient(160deg, #f1f9fe, #c2e0f2) !important;
}
.contact-info-card h2,
.contact-info-card .info-row h3 { color: #183f5b !important; }
.contact-info-card .info-row p,
.contact-info-card .info-row a { color: #244b63 !important; }
.contact-info-card .info-row a:hover { color: #1f5f8b !important; }

/* ---------- Live Rates page (account card, market marquee) ---------- */
.account-card {
  background: linear-gradient(150deg, #f1f9fe 0%, #d4ebf8 60%, #a9d3eb 100%) !important;
}
.account-card::after { color: rgba(63, 130, 175, .12) !important; }
.account-card h2 { color: #183f5b !important; }
.account-card > p,
.account-card .account-benefits li { color: #244b63 !important; }
.account-benefits li::before { background: #3f82af !important; color: #f1f9fe !important; }

.market-marquee {
  background: linear-gradient(160deg, #f1f9fe, #c2e0f2) !important;
  color: #244b63 !important;
}
.marquee-track span { color: #244b63 !important; }

/* ---------- Site header / navigation bar (all pages) ---------- */
.site-header {
  background: linear-gradient(180deg, #f8fcff 0%, #e6f5ff 55%, #ccecff 100%) !important;
  border-bottom: 2px solid #8fc9e8 !important;
  box-shadow:
    inset 0 -1px 0 rgba(255, 255, 255, .75),
    0 7px 16px rgba(88, 166, 210, .16) !important;
}

.site-brand .tagline,
.site-header .site-brand .tagline {
  color: #315d78 !important;
  border-bottom-color: rgba(63, 130, 175, .55) !important;
}

.site-brand .brand-title,
.site-header .site-brand .brand-title {
  background: linear-gradient(180deg, #fdf1c8, #e9c568 50%, #a97a1e) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}

.site-brand .brand-title .small-caps,
.site-header .site-brand .brand-title .small-caps {
  font-size: 1em !important;
}

.site-nav-row {
  background: linear-gradient(180deg, #d4ebf8, #a9d3eb) !important;
  border-top-color: rgba(63, 130, 175, .5) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5) !important;
}

.site-nav-list a,
.site-nav-list button {
  color: #244b63 !important;
}
.site-nav-list a:hover,
.site-nav-list button:hover,
.site-nav-list .active > a {
  color: #184f76 !important;
  background: rgba(63, 130, 175, .25) !important;
  box-shadow: inset 0 -3px 0 #3f82af !important;
}

.site-dropdown {
  background: linear-gradient(160deg, #f8fcff, #e3f2fb) !important;
  border-color: #3f82af !important;
}
.site-dropdown a {
  color: #244b63 !important;
}
.site-dropdown a:hover {
  color: #184f76 !important;
  background: rgba(63, 130, 175, .18) !important;
}

.site-menu-toggle {
  background: linear-gradient(160deg, #d4ebf8, #a9d3eb) !important;
  border-color: rgba(63, 130, 175, .6) !important;
}
.site-menu-toggle span { background: #315d78 !important; }

@media (max-width: 991px) {
  .site-nav {
    background: linear-gradient(180deg, #f8fcff, #e3f2fb) !important;
    border-color: #3f82af !important;
  }
}

/* ---------- Live rates table header (Liverates.html) ---------- */
.sb-live-app .sb-table-card thead th {
  background: linear-gradient(160deg, #69a9d1 0%, #3f82af 100%) !important;
  color: #ffffff !important;
}

/* ---------- Footnote text sitting directly on the page background (Liverates.html) ---------- */
.sb-live-app .sb-footnote { color: #315d78 !important; }
.sb-live-app .connection-state.is-live { color: #1c7a37 !important; }
.sb-live-app .connection-state.is-offline { color: #c52b25 !important; }