/*
  Aurinox Professional Light UI v6
  Final load-order stylesheet. It fixes pages that were still unstyled because many inputs had no type attr,
  removes old gold/dark visuals, and gives the whole site one clean light system.
*/
@import url('https://fonts.googleapis.com/css2?family=Calistoga&family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@500;700&display=swap');

:root,
html,
html[data-theme],
html[data-theme="dark"],
html[data-theme="light"] {
  color-scheme: light !important;
  --bg-primary: #FAFAFA !important;
  --bg-secondary: #FFFFFF !important;
  --bg-tertiary: #F8FAFC !important;
  --bg-soft: #F1F5F9 !important;
  --bg-glass: rgba(255,255,255,.86) !important;
  --gold: #0052FF !important;
  --gold-light: #4D7CFF !important;
  --gold-dark: #003ACC !important;
  --gold-glow: rgba(0,82,255,.16) !important;
  --accent: #0052FF !important;
  --accent-secondary: #4D7CFF !important;
  --accent-soft: rgba(0,82,255,.08) !important;
  --foreground: #0F172A !important;
  --text-primary: #0F172A !important;
  --text-secondary: #64748B !important;
  --text-muted: #94A3B8 !important;
  --text-accent: #0052FF !important;
  --border: #E2E8F0 !important;
  --border-strong: rgba(0,82,255,.28) !important;
  --card: #FFFFFF !important;
  --success: #059669 !important;
  --danger: #DC2626 !important;
  --warning: #D97706 !important;
  --info: #2563EB !important;
  --shadow-card: 0 18px 50px rgba(15,23,42,.08) !important;
  --shadow-soft: 0 10px 28px rgba(15,23,42,.07) !important;
  --shadow-accent: 0 14px 36px rgba(0,82,255,.18) !important;
  --radius-sm: 12px !important;
  --radius-md: 16px !important;
  --radius-lg: 24px !important;
  --radius-xl: 32px !important;
  --font-display: 'Calistoga', Georgia, serif !important;
  --font-body: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Consolas, monospace !important;
  --transition: all .22s cubic-bezier(.16,1,.3,1) !important;

  --bg: #FAFAFA !important;
  --surface: #FFFFFF !important;
  --text: #0F172A !important;
  --muted: #64748B !important;
  --primary: #0052FF !important;
  --primary-700: #003ACC !important;
  --radius: 24px !important;
  --shadow: 0 18px 50px rgba(15,23,42,.08) !important;
}

* { box-sizing: border-box !important; }
html { background: #FAFAFA !important; scroll-behavior: smooth; }
body,
body.auth-page {
  margin: 0 !important;
  min-height: 100vh !important;
  font-family: var(--font-body) !important;
  color: #0F172A !important;
  background:
    radial-gradient(circle at 12% -8%, rgba(0,82,255,.10), transparent 32rem),
    radial-gradient(circle at 88% 0%, rgba(77,124,255,.12), transparent 30rem),
    linear-gradient(180deg, #FFFFFF 0%, #FAFAFA 46%, #F8FAFC 100%) !important;
  overflow-x: hidden !important;
  line-height: 1.65 !important;
}
body::before {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  pointer-events: none !important;
  z-index: -1 !important;
  background-image: radial-gradient(circle, rgba(0,82,255,.055) 1px, transparent 1px) !important;
  background-size: 32px 32px !important;
  mask-image: linear-gradient(to bottom, rgba(0,0,0,.55), transparent 66%) !important;
}
img { max-width: 100% !important; height: auto; }
a { color: #0052FF !important; text-decoration: none !important; }
a:hover { color: #003ACC !important; }
p, li, small, .muted, .dealer, .premium, .no-offers-text { color: #64748B !important; }
h1,h2,.display-title { font-family: var(--font-display) !important; color: #0F172A !important; letter-spacing: -.02em !important; }
h3,h4,h5,h6 { font-family: var(--font-body) !important; color: #0F172A !important; letter-spacing: -.01em !important; }
.container { width: min(1220px, calc(100% - 32px)) !important; }

/* Header + logo: remove old serif/dated look */
.site-header { position: sticky !important; top: 0 !important; z-index: 80 !important; background: transparent !important; backdrop-filter: none !important; }
.ticker-strip {
  background: #0F172A !important;
  border: 0 !important;
  color: rgba(255,255,255,.78) !important;
  box-shadow: 0 8px 24px rgba(15,23,42,.08) !important;
}
.ticker-strip__inner { color: rgba(255,255,255,.78) !important; }
.ticker-strip strong,.ticker-live { color: #FFFFFF !important; }
.ticker-live span { background: #0052FF !important; box-shadow: 0 0 0 7px rgba(0,82,255,.16) !important; }
.header-shell {
  width: min(1220px, calc(100% - 28px)) !important;
  min-height: 72px !important;
  margin: 14px auto 0 !important;
  padding: .72rem 1rem !important;
  background: rgba(255,255,255,.92) !important;
  border: 1px solid rgba(226,232,240,.95) !important;
  border-radius: 28px !important;
  box-shadow: 0 18px 55px rgba(15,23,42,.09) !important;
  backdrop-filter: blur(22px) saturate(1.2) !important;
}
.site-logo { gap: .72rem !important; color: #0F172A !important; flex-shrink: 0 !important; }
.logo-mark {
  width: 42px !important;
  height: 42px !important;
  border-radius: 14px !important;
  display: inline-grid !important;
  place-items: center !important;
  font-family: var(--font-body) !important;
  font-size: 1.05rem !important;
  font-weight: 900 !important;
  color: #FFFFFF !important;
  background: linear-gradient(135deg, #0052FF, #4D7CFF) !important;
  box-shadow: 0 14px 30px rgba(0,82,255,.25) !important;
}
.logo-word,
.logo-word span {
  font-family: var(--font-body) !important;
  font-size: 1.08rem !important;
  line-height: 1 !important;
  letter-spacing: -.025em !important;
  font-weight: 900 !important;
  color: #0F172A !important;
}
.logo-word span { color: #0052FF !important; }
.nav-links { align-items: center !important; gap: .18rem !important; }
.nav-link {
  padding: .72rem .9rem !important;
  border-radius: 14px !important;
  color: #64748B !important;
  font-weight: 800 !important;
  font-size: .92rem !important;
  transition: var(--transition) !important;
}
.nav-link:hover,.nav-link.active {
  color: #0052FF !important;
  background: rgba(0,82,255,.075) !important;
}
.nav-link--dealer { border: 1px solid rgba(0,82,255,.18) !important; background: rgba(0,82,255,.04) !important; }
.header-actions { gap: .6rem !important; }
.account-pill {
  min-height: 42px !important;
  border-radius: 14px !important;
  padding: .72rem 1rem !important;
  background: linear-gradient(135deg, #0052FF, #4D7CFF) !important;
  color: #FFFFFF !important;
  box-shadow: 0 12px 26px rgba(0,82,255,.20) !important;
  font-weight: 900 !important;
}
.mobile-menu-btn {
  width: 46px !important;
  height: 46px !important;
  border-radius: 14px !important;
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  box-shadow: 0 10px 22px rgba(15,23,42,.07) !important;
}
.mobile-menu-btn span { background: #0F172A !important; }
.theme-toggle { display: none !important; }

/* Cards and surfaces */
.card,.glass-card,.auth-card,.about-card,.faq-card,.contact-card,.legal-card,.user-card,.alerts-card,.collection-card,
.admin-card,.contact-info,.contact-form,.team-member,.testimonial,.stat-item,.testimonials,.alert-form,.collection-form,
.alert-item,.collection-item,.stat-card,.price-panel > div,.chart-card,.offer-card,.similar-card,.compare-card,.featured-card,
.education-grid article,.stat-tile,.metal-card,.terminal-price,.verify-card,.alert-modal-card,.cookie-card,
.dealer-container .card,.filters,.market-widget,.newsletter-hero,.search-form,.view-toolbar,.product-card,.hero-price-card,.trust-bar span {
  background: rgba(255,255,255,.96) !important;
  border: 1px solid #E2E8F0 !important;
  color: #0F172A !important;
  box-shadow: 0 18px 55px rgba(15,23,42,.08) !important;
  backdrop-filter: blur(18px) !important;
}
.card:hover,.glass-card:hover,.product-card:hover,.featured-card:hover,.offer-card:hover,.compare-card:hover,.usp-card:hover {
  border-color: rgba(0,82,255,.30) !important;
  box-shadow: 0 24px 72px rgba(15,23,42,.11), 0 12px 28px rgba(0,82,255,.10) !important;
}

/* Real form design, including input tags without type attributes */
.form-group { margin-bottom: 1rem !important; }
label,.form-group label {
  display: block !important;
  margin: 0 0 .42rem !important;
  color: #0F172A !important;
  font-size: .92rem !important;
  font-weight: 850 !important;
  letter-spacing: -.01em !important;
}
input,
select,
textarea,
input:not([type]),
input[type="text"],input[type="email"],input[type="password"],input[type="number"],input[type="tel"],input[type="date"],input[type="url"],input[type="search"] {
  width: 100% !important;
  min-height: 50px !important;
  padding: .86rem 1rem !important;
  border: 1px solid #CBD5E1 !important;
  border-radius: 14px !important;
  background: #FFFFFF !important;
  color: #0F172A !important;
  font: inherit !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.9), inset 0 1px 2px rgba(15,23,42,.035) !important;
  outline: none !important;
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease !important;
}
textarea { min-height: 132px !important; resize: vertical !important; }
input::placeholder, textarea::placeholder { color: #94A3B8 !important; }
input:focus,select:focus,textarea:focus,input:not([type]):focus {
  border-color: #0052FF !important;
  box-shadow: 0 0 0 4px rgba(0,82,255,.12), inset 0 1px 2px rgba(15,23,42,.035) !important;
}
input[type="checkbox"],input[type="radio"] {
  width: 18px !important;
  height: 18px !important;
  min-height: 18px !important;
  padding: 0 !important;
  accent-color: #0052FF !important;
  box-shadow: none !important;
}

/* Buttons */
.btn,button.btn,.search-btn,.buy-btn,.contact-btn,.collection-btn,.quick-view,.view-toggle button,.filters-head button,.footer-form button,
.auth-card button[type="submit"],.newsletter-form button[type="submit"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .55rem !important;
  min-height: 46px !important;
  padding: .78rem 1.1rem !important;
  border-radius: 14px !important;
  border: 1px solid transparent !important;
  font-family: var(--font-body) !important;
  font-weight: 900 !important;
  letter-spacing: -.01em !important;
  cursor: pointer !important;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease !important;
}
.btn-primary,.search-btn,.buy-btn,.contact-btn,.footer-form button,.auth-card button[type="submit"],.newsletter-form button[type="submit"],.currency-toggle .active {
  background: linear-gradient(135deg, #0052FF, #4D7CFF) !important;
  color: #FFFFFF !important;
  border-color: transparent !important;
  box-shadow: 0 14px 30px rgba(0,82,255,.22) !important;
}
.btn:hover,button.btn:hover,.search-btn:hover,.buy-btn:hover,.contact-btn:hover,.collection-btn:hover,.auth-card button[type="submit"]:hover {
  transform: translateY(-2px) !important;
  filter: none !important;
}
.btn-secondary,.btn-ghost,.collection-btn,.filters-head button,.view-toggle button,.chart-tabs button,.currency-toggle button,.compare-bar__coins button {
  background: #FFFFFF !important;
  color: #0F172A !important;
  border: 1px solid #E2E8F0 !important;
  box-shadow: 0 10px 22px rgba(15,23,42,.05) !important;
}
.btn-secondary:hover,.btn-ghost:hover,.collection-btn:hover,.view-toggle button:hover,.filters-head button:hover {
  color: #0052FF !important;
  border-color: rgba(0,82,255,.35) !important;
  box-shadow: 0 14px 28px rgba(0,82,255,.10) !important;
}
.btn-danger,.btn-reject { background: rgba(220,38,38,.10) !important; color: #B91C1C !important; border-color: rgba(220,38,38,.22) !important; }
.btn-success,.btn-approve { background: rgba(5,150,105,.11) !important; color: #047857 !important; border-color: rgba(5,150,105,.22) !important; }

/* Hero and page headings */
.hero-section { min-height: auto !important; padding: clamp(3.8rem, 7vw, 6.7rem) 1rem 3.5rem !important; }
.hero-content h1 { font-size: clamp(2.8rem, 8vw, 6rem) !important; color: #0F172A !important; line-height: 1.02 !important; }
.hero-content h1 span,.gradient-text,.gold-text {
  background: linear-gradient(135deg, #0052FF, #4D7CFF) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  text-shadow: none !important;
}
.hero-subtitle { color: #64748B !important; }
.eyebrow,.section-label,.breadcrumbs strong {
  font-family: var(--font-mono) !important;
  color: #0052FF !important;
  text-transform: uppercase !important;
  letter-spacing: .14em !important;
  font-weight: 800 !important;
}
.section-heading { width: min(1220px, calc(100% - 32px)) !important; margin: 0 auto 1.4rem !important; }
.section-heading h2 { font-size: clamp(2rem, 5vw, 3.7rem) !important; }

/* Homepage USP cards: no emojis, professional line icons */
.usp-grid {
  width: min(1220px, calc(100% - 32px)) !important;
  margin: 0 auto 4rem !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0,1fr)) !important;
  gap: 1rem !important;
}
.usp-card {
  position: relative !important;
  min-height: 214px !important;
  padding: 1.35rem !important;
  overflow: hidden !important;
  border-radius: 24px !important;
  background:
    radial-gradient(circle at 90% 0%, rgba(0,82,255,.075), transparent 52%),
    #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  box-shadow: 0 16px 45px rgba(15,23,42,.075) !important;
  transition: var(--transition) !important;
}
.usp-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 0 auto !important;
  height: 3px !important;
  background: linear-gradient(90deg, #0052FF, #4D7CFF) !important;
  opacity: .95 !important;
}
.usp-card::after {
  content: "" !important;
  position: absolute !important;
  right: -36px !important;
  bottom: -36px !important;
  width: 110px !important;
  height: 110px !important;
  border-radius: 999px !important;
  background: rgba(0,82,255,.045) !important;
  pointer-events: none !important;
}
.usp-card:hover { transform: translateY(-5px) !important; }
.usp-card h3 { margin: 1rem 0 .5rem !important; font-size: 1.05rem !important; font-weight: 900 !important; color: #0F172A !important; }
.usp-card p { margin: 0 !important; color: #64748B !important; font-size: .96rem !important; line-height: 1.62 !important; }
.usp-icon,
.inline-icon,.value-icon,.alert-icon--bell,.nav-icon {
  display: inline-grid !important;
  place-items: center !important;
  flex: 0 0 auto !important;
  font-size: 0 !important;
}
.usp-icon {
  width: 52px !important;
  height: 52px !important;
  border-radius: 17px !important;
  margin: 0 0 .85rem !important;
  color: #FFFFFF !important;
  background: linear-gradient(135deg, #0052FF, #4D7CFF) !important;
  box-shadow: 0 14px 30px rgba(0,82,255,.22) !important;
}
.usp-icon::before,.inline-icon::before,.value-icon::before,.alert-icon--bell::before,.nav-icon::before {
  content: "" !important;
  display: block !important;
  width: 23px !important;
  height: 23px !important;
  background: currentColor !important;
  -webkit-mask: var(--icon-mask) center/contain no-repeat !important;
  mask: var(--icon-mask) center/contain no-repeat !important;
}
.usp-icon::before { color: #fff !important; background: #fff !important; }
.inline-icon { width: 1.15em !important; height: 1.15em !important; margin-right: .42rem !important; vertical-align: -.18em !important; color: currentColor !important; }
.inline-icon::before { width: 1em !important; height: 1em !important; }
.nav-icon::before { width: 20px !important; height: 20px !important; }

/* Newsletter / CTA clean light */
.newsletter-hero {
  width: min(1120px, calc(100% - 32px)) !important;
  margin: 0 auto 3rem !important;
  padding: clamp(1.4rem, 3vw, 2.4rem) !important;
  display: grid !important;
  grid-template-columns: minmax(0, .95fr) minmax(320px, 1.05fr) !important;
  gap: clamp(1.25rem, 4vw, 3rem) !important;
  align-items: center !important;
  border-radius: 28px !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(0,82,255,.10), transparent 38%),
    linear-gradient(135deg, #FFFFFF, #F8FAFC) !important;
  color: #0F172A !important;
  overflow: hidden !important;
}
.newsletter-hero h2 {
  margin: .4rem 0 .8rem !important;
  font-size: clamp(2rem, 4.6vw, 3.8rem) !important;
  line-height: 1.06 !important;
  color: #0F172A !important;
}
.newsletter-hero p { color: #64748B !important; }
.newsletter-form {
  display: grid !important;
  gap: .85rem !important;
  padding: 1rem !important;
  border-radius: 22px !important;
  background: rgba(255,255,255,.72) !important;
  border: 1px solid #E2E8F0 !important;
}
.gdpr-check {
  display: flex !important;
  align-items: flex-start !important;
  gap: .65rem !important;
  margin: 0 !important;
  color: #475569 !important;
  font-size: .9rem !important;
}
.gdpr-check input { margin-top: .18rem !important; }

/* Auth and dealer pages */
.auth-container,
.dealer-container {
  width: min(1040px, calc(100% - 32px)) !important;
  margin: clamp(1.4rem, 4vw, 3rem) auto !important;
}
.auth-container { width: min(520px, calc(100% - 32px)) !important; }
.auth-card,
.dealer-container .card {
  padding: clamp(1.25rem, 3vw, 2rem) !important;
  border-radius: 26px !important;
}
.auth-card h2,.dealer-container h2 {
  margin: 0 0 1.25rem !important;
  text-align: left !important;
  font-size: clamp(1.8rem, 4.8vw, 3rem) !important;
  line-height: 1.1 !important;
}
.auth-card form .btn,.auth-card button[type="submit"] { width: 100% !important; }
.dealer-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0,1fr)) !important; gap: 1rem !important; }
.dealer-grid.grid-1 { grid-template-columns: 1fr !important; }
.badge { display: inline-flex !important; align-items: center !important; gap: .35rem !important; border-radius: 999px !important; padding: .35rem .72rem !important; font-size: .82rem !important; font-weight: 900 !important; }
.badge-pending { background: rgba(217,119,6,.12) !important; color: #B45309 !important; border: 1px solid rgba(217,119,6,.22) !important; }
.badge-approved,.success,.success-message,.msg.success,.availability.in-stock,.in-stock,.positive { background: rgba(5,150,105,.11) !important; color: #047857 !important; border-color: rgba(5,150,105,.24) !important; }
.badge-rejected,.error,.msg.error,.negative { background: rgba(220,38,38,.10) !important; color: #B91C1C !important; border-color: rgba(220,38,38,.24) !important; }
.error,.success { border: 1px solid; border-radius: 16px !important; padding: .9rem 1rem !important; margin: 1rem 0 !important; }
.links { color: #64748B !important; }

/* Product / market */
.product-card { border-radius: 26px !important; overflow: hidden !important; }
.product-media,.coin-image-frame,.featured-card img,.compare-card img,.similar-card img,.collection-image {
  background: radial-gradient(circle at 50% 18%, rgba(0,82,255,.12), transparent 55%), #F8FAFC !important;
}
.product-name a,.product-name { color: #0F172A !important; }
.from-price,.hero-price-card strong,.trust-bar strong,.price-panel strong,.terminal-price strong,.stat-tile strong,.metal-card strong,.stat-value,.stat-number,.testimonial-author,.alert-side h2,.compare-card dd {
  color: #0052FF !important;
}
.deal-badge,.coin-pills span,.best-badge,.trust-badge,.trust-mini span,.badge,.pill,.view-toggle button.active,.chart-tabs button.active,.collection-btn.in-collection,.compare-btn {
  background: rgba(0,82,255,.08) !important;
  border: 1px solid rgba(0,82,255,.22) !important;
  color: #0052FF !important;
}
.filters { position: sticky !important; top: 152px !important; border-radius: 24px !important; }
.table { width: 100% !important; border-collapse: separate !important; border-spacing: 0 !important; }
.table th,.table td { border-bottom: 1px solid #E2E8F0 !important; color: #0F172A !important; padding: .95rem !important; }
.table th { color: #0052FF !important; font-size: .78rem !important; text-transform: uppercase !important; letter-spacing: .1em !important; }

/* Footer and mobile nav */
.footer-section,.footer-ticker { background: #0F172A !important; color: #FFFFFF !important; border-color: rgba(255,255,255,.08) !important; }
.footer-section p,.footer-section li,.footer-section small { color: rgba(255,255,255,.70) !important; }
.footer-section h3,.footer-section h4,.footer-section a { color: #FFFFFF !important; }
.bottom-nav {
  background: rgba(255,255,255,.96) !important;
  border: 1px solid #E2E8F0 !important;
  box-shadow: 0 -16px 40px rgba(15,23,42,.10) !important;
  backdrop-filter: blur(18px) !important;
}
.bottom-nav a { color: #64748B !important; }
.bottom-nav a:hover,.bottom-nav a.active { color: #0052FF !important; }

/* Mobile */
@media (max-width: 1100px) {
  .nav-links {
    top: calc(100% + 10px) !important;
    right: 0 !important;
    left: 0 !important;
    width: min(520px, calc(100vw - 32px)) !important;
    margin-inline: auto !important;
    padding: .9rem !important;
    border-radius: 22px !important;
    background: rgba(255,255,255,.98) !important;
    border: 1px solid #E2E8F0 !important;
    box-shadow: 0 22px 60px rgba(15,23,42,.14) !important;
  }
  .nav-link { width: 100% !important; }
  .usp-grid { grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
  .newsletter-hero,.market-widget { grid-template-columns: 1fr !important; }
  .filters { position: static !important; }
}
@media (max-width: 760px) {
  .header-shell { min-height: 64px !important; border-radius: 22px !important; padding: .55rem .65rem !important; }
  .logo-mark { width: 38px !important; height: 38px !important; border-radius: 13px !important; }
  .logo-word { font-size: 1rem !important; }
  .account-pill { display: none !important; }
  .hero-section { padding-top: 3rem !important; }
  .trust-bar { grid-template-columns: 1fr 1fr !important; }
  .usp-grid { grid-template-columns: 1fr !important; gap: .9rem !important; }
  .usp-card { min-height: auto !important; padding: 1.2rem !important; }
  .dealer-grid,.form-row { grid-template-columns: 1fr !important; }
  .newsletter-hero { padding: 1rem !important; border-radius: 24px !important; }
  .newsletter-form { padding: .85rem !important; }
  .btn,button.btn,.search-btn,.buy-btn,.contact-btn,.collection-btn,.auth-card button[type="submit"] { width: 100%; }
  .grid,.grid.compact-view { grid-template-columns: 1fr !important; }
  .grid.list-view .product-card.show { display: flex !important; flex-direction: column !important; }
  .view-toolbar { align-items: stretch !important; }
}
@media (max-width: 430px) {
  .container,.section-heading,.usp-grid,.newsletter-hero,.market-widget { width: min(100% - 22px, 1220px) !important; }
  .hero-content h1 { font-size: clamp(2.35rem, 14vw, 3.2rem) !important; }
  .trust-bar { grid-template-columns: 1fr !important; }
}

@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; }
}


/* v7 fixes: cleaner charts + account cards */
.user-card p strong{color:#0F172A!important;}
.user-card p{margin:.55rem 0!important;color:#64748B!important;word-break:break-word;}
.big-chart path[stroke], .mini-chart path[stroke]{stroke:#0052FF!important;}
.big-chart path[fill*="url"], .mini-chart path[fill*="url"]{opacity:1!important;}
.chart-card svg path[stroke]{stroke:#0052FF!important;}
.chart-card svg path[fill]{fill:rgba(0,82,255,.10)!important;}
.warning, .php-warning{display:none!important;}


/* v9 editable branding/settings */
.logo-image-wrap{
  width:46px!important;height:46px!important;border-radius:16px!important;display:inline-grid!important;place-items:center!important;
  background:#fff!important;border:1px solid rgba(226,232,240,.95)!important;box-shadow:0 12px 30px rgba(15,23,42,.10)!important;overflow:hidden!important;flex:0 0 auto!important;
}
.site-logo-img{width:100%!important;height:100%!important;object-fit:contain!important;padding:5px!important;display:block!important;}
.footer-logo .logo-image-wrap{width:42px!important;height:42px!important;border-radius:14px!important;}
.brand-preview{display:flex!important;align-items:center!important;justify-content:flex-end!important;min-width:min(100%,260px)!important;}
.brand-preview-logo{pointer-events:none!important;background:#fff!important;border:1px solid #E2E8F0!important;border-radius:22px!important;padding:.75rem 1rem!important;box-shadow:0 14px 36px rgba(15,23,42,.08)!important;}
.admin-section-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:1.25rem!important;flex-wrap:wrap!important;margin-bottom:1.25rem!important;}
.admin-section-head h2{margin:.2rem 0 .35rem!important;}
.site-settings-card{margin-bottom:1.2rem!important;}
.site-settings-form small{display:block!important;color:#64748B!important;margin-top:.36rem!important;font-size:.82rem!important;line-height:1.45!important;}
.settings-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:1rem!important;}
.settings-wide{grid-column:1 / -1!important;}
.inline-check{display:flex!important;align-items:center!important;gap:.5rem!important;margin-top:.55rem!important;color:#64748B!important;font-size:.88rem!important;font-weight:700!important;}
.inline-check input{width:auto!important;min-height:auto!important;accent-color:#0052FF!important;}
.settings-actions{display:flex!important;gap:.75rem!important;align-items:center!important;flex-wrap:wrap!important;margin-top:1rem!important;}
input[type="file"]{padding:.68rem!important;background:#F8FAFC!important;cursor:pointer!important;}
@media(max-width:760px){.settings-grid{grid-template-columns:1fr!important}.brand-preview{justify-content:flex-start!important}.admin-section-head{gap:.8rem!important}.site-logo-img{padding:4px!important}}


/* =========================
   v16 mobile/footer/verify fixes
   ========================= */

/* Remove the floating mobile bottom nav that overlapped the browser bar/content */
.bottom-nav { display: none !important; visibility: hidden !important; pointer-events: none !important; }
body { padding-bottom: 0 !important; }

/* Make mobile header normal and not huge/overlapping */
@media (max-width: 720px) {
  .ticker-strip { display: none !important; }
  .site-header { position: sticky !important; top: 0 !important; padding: 0 !important; }
  .header-shell {
    width: calc(100% - 20px) !important;
    min-height: 58px !important;
    margin: 10px auto 0 !important;
    padding: .55rem .65rem !important;
    border-radius: 20px !important;
  }
  .logo-mark { width: 36px !important; height: 36px !important; border-radius: 12px !important; }
  .logo-word, .logo-word span { font-size: .98rem !important; }
  .account-pill { display: none !important; }
  .mobile-menu-btn { width: 42px !important; height: 42px !important; }
  .nav-links.open {
    position: absolute !important;
    top: calc(100% + 8px) !important;
    left: 10px !important;
    right: 10px !important;
    width: auto !important;
    max-height: calc(100vh - 110px) !important;
    overflow-y: auto !important;
  }
}

/* Normal footer without boxed cards */
.site-footer.site-footer--simple {
  margin-top: 5rem !important;
  padding: 3.2rem 1rem 1.4rem !important;
  color: #64748B !important;
  background: #FFFFFF !important;
  border-top: 1px solid #E2E8F0 !important;
  box-shadow: none !important;
}
.site-footer--simple .footer-content,
.site-footer--simple .footer-content--simple {
  width: min(1180px, calc(100% - 24px)) !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: 1.3fr .8fr .8fr 1.1fr !important;
  gap: clamp(1.3rem, 3vw, 3rem) !important;
}
.site-footer--simple .footer-section,
.site-footer--simple .footer-brand,
.site-footer--simple .footer-newsletter {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
  color: #64748B !important;
}
.site-footer--simple h4 {
  color: #0F172A !important;
  margin: 0 0 .85rem !important;
  font-size: .98rem !important;
  font-weight: 900 !important;
}
.site-footer--simple p,
.site-footer--simple li,
.site-footer--simple small {
  color: #64748B !important;
}
.site-footer--simple ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.site-footer--simple li { margin: .48rem 0 !important; }
.site-footer--simple a { color: #64748B !important; font-weight: 700 !important; }
.site-footer--simple a:hover { color: #0052FF !important; }
.site-footer--simple .trust-mini span {
  border: 1px solid #E2E8F0 !important;
  color: #0052FF !important;
  background: #F8FAFC !important;
}
.site-footer--simple .footer-form {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  gap: .6rem !important;
}
.site-footer--simple .footer-form input {
  min-height: 46px !important;
  border-radius: 14px !important;
}
.site-footer--simple .footer-form button {
  min-height: 46px !important;
  border: 0 !important;
  border-radius: 14px !important;
  padding: 0 1rem !important;
  background: linear-gradient(135deg, #0052FF, #4D7CFF) !important;
  color: #FFFFFF !important;
  font-weight: 900 !important;
  cursor: pointer !important;
}
.footer-bottom.footer-bottom--simple {
  width: min(1180px, calc(100% - 24px)) !important;
  margin: 2rem auto 0 !important;
  padding-top: 1.2rem !important;
  border-top: 1px solid #E2E8F0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 1rem !important;
  color: #64748B !important;
}
.footer-bottom--simple p { margin: 0 !important; color: #64748B !important; }
.footer-cookie-btn { color: #0052FF !important; }
@media (max-width: 820px) {
  .site-footer--simple .footer-content,
  .site-footer--simple .footer-content--simple {
    grid-template-columns: 1fr !important;
  }
  .site-footer--simple .footer-form { grid-template-columns: 1fr !important; }
  .footer-bottom.footer-bottom--simple {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
}

/* Professional email verification result pages */
.verify-page {
  min-height: 72vh !important;
  display: grid !important;
  place-items: center !important;
  padding: clamp(2rem, 6vw, 5rem) 1rem !important;
}
.verify-card {
  width: min(640px, 100%) !important;
  border-radius: 28px !important;
  padding: clamp(1.5rem, 4vw, 2.4rem) !important;
  text-align: center !important;
  position: relative !important;
  overflow: hidden !important;
}
.verify-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: radial-gradient(circle at 20% 0%, rgba(0,82,255,.11), transparent 38%),
              radial-gradient(circle at 100% 20%, rgba(77,124,255,.09), transparent 36%) !important;
  pointer-events: none !important;
}
.verify-card > * { position: relative !important; z-index: 1 !important; }
.verify-icon {
  width: 74px !important;
  height: 74px !important;
  margin: 0 auto 1rem !important;
  border-radius: 22px !important;
  display: grid !important;
  place-items: center !important;
  background: linear-gradient(135deg, #0052FF, #4D7CFF) !important;
  color: #fff !important;
  box-shadow: 0 18px 40px rgba(0,82,255,.22) !important;
}
.verify-icon svg { width: 34px !important; height: 34px !important; }
.verify-card h1 {
  font-family: var(--font-display) !important;
  font-size: clamp(2rem, 5vw, 3.2rem) !important;
  margin: .2rem 0 .7rem !important;
}
.verify-card .msg {
  border-radius: 18px !important;
  padding: 1rem !important;
  margin: 1rem 0 !important;
}
.verify-card .msg.success {
  background: rgba(5,150,105,.10) !important;
  border: 1px solid rgba(5,150,105,.18) !important;
  color: #047857 !important;
}
.verify-card .msg.error {
  background: rgba(220,38,38,.08) !important;
  border: 1px solid rgba(220,38,38,.16) !important;
  color: #B91C1C !important;
}
.verify-actions {
  display: flex !important;
  gap: .75rem !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  margin-top: 1.2rem !important;
}

/* hCaptcha box alignment */
.h-captcha {
  margin: .75rem 0 1rem !important;
  max-width: 100% !important;
  overflow: hidden !important;
}
@media (max-width: 420px) {
  .h-captcha { transform: scale(.92); transform-origin: left top; margin-bottom: -.5rem !important; }
}