/* ═══════════════════════════════════════════════════
   AFF-THEME.CSS — Affilitso public site design system
   Loads LAST via @stack('awin-theme') — wins all specificity
   Scope: body.site-page only
═══════════════════════════════════════════════════ */

/* ── TOKENS ── */
:root {
  --aff-navy:      #0b1c30;
  --aff-blue:      #0051d5;
  --aff-blue-h:    #003fa6;
  --aff-surface:   #f8f9ff;
  --aff-white:     #ffffff;
  --aff-text:      #0b1c30;
  --aff-muted:     #64748b;
  --aff-border:    #e5e7eb;
  --aff-grad:      linear-gradient(135deg,#0051d5 0%,#0b3ba8 100%);
  --aff-r-sm:      8px;
  --aff-r-md:      12px;
  --aff-r-lg:      16px;
  --aff-font-head: 'Montserrat', sans-serif;
  --aff-font-body: 'Inter', system-ui, sans-serif;
  /* Legacy aliases so old awin-* classes still work */
  --awin-navy:          #0b1c30;
  --awin-blue:          #0051d5;
  --awin-muted:         #64748b;
  --awin-border-light:  #e5e7eb;
  --awin-surface:       #f8f9ff;
  --awin-on-surface:    #0b1c30;
  --awin-font-head:     'Montserrat', sans-serif;
  --awin-font-body:     'Inter', system-ui, sans-serif;
  --awin-radius-btn:    8px;
  --awin-radius-card:   12px;
}

/* ── BODY RESET ── */
html:has(body.site-page), body.site-page {
  background: #f8f9ff !important;
  color: #0b1c30 !important;
  font-family: var(--aff-font-body) !important;
  overflow-x: hidden !important;
}
body.site-page * { box-sizing: border-box; }
body.site-page h1,body.site-page h2,body.site-page h3,
body.site-page h4,body.site-page h5,body.site-page h6 {
  font-family: var(--aff-font-head) !important;
  color: var(--aff-navy) !important;
}
body.site-page p { color: #45464d !important; }

/* Kill Furstic dark remnants */
body.site-page .hero-section,
body.site-page .banner-section { background: #f8f9ff !important; }
body.site-page .hero-section::before,body.site-page .hero-section::after,
body.site-page .banner-section::before,body.site-page .banner-section::after,
body.site-page .hero-section .bg-area,body.site-page .banner-section .bg-area,
body.site-page .body-overlay { display: none !important; }

/* ── CONTAINER ── */
body.site-page .aff-container,
body.site-page .container { max-width: 1240px; margin-inline: auto; padding-inline: 24px; }

/* ═══════════════════════════════════════════════════
   HEADER
═══════════════════════════════════════════════════ */
body.site-page .aff-header {
  position: fixed !important; top: 0; z-index: 1050;
  background: #fff !important;
  border-bottom: 1px solid var(--aff-border);
  box-shadow: 0 1px 0 rgba(15,23,42,.06);
}
/* Kill old header dark styles */
body.site-page .header, body.site-page #header {
  background: #fff !important;
  box-shadow: 0 1px 0 rgba(15,23,42,.06) !important;
  border-bottom: 1px solid var(--aff-border) !important;
  position: fixed !important; top: 0 !important; z-index: 1050 !important;
}
body.site-page .header::before,body.site-page .header::after,
body.site-page .header .header-bg,body.site-page .header .header-shape { display:none!important; }

body.site-page .aff-header__inner {
  max-width: 1240px; margin-inline: auto; padding-inline: 24px;
  height: 70px;
  display: flex; align-items: center; gap: 32px;
}
body.site-page .aff-header__logo img {
  height: 36px; width: auto; object-fit: contain; display: block;
}
body.site-page .aff-nav {
  flex: 1; display: flex; align-items: center; gap: 4px;
}
body.site-page .aff-nav__link {
  font-family: var(--aff-font-body);
  font-size: .875rem; font-weight: 500;
  color: #45464d !important; text-decoration: none;
  padding: 6px 12px; border-radius: 6px;
  transition: color .2s, background .2s;
}
body.site-page .aff-nav__link:hover,
body.site-page .aff-nav__link.active {
  color: var(--aff-blue) !important; background: rgba(0,81,213,.06);
}
body.site-page .aff-header__actions {
  display: flex; align-items: center; gap: 10px; flex-shrink: 0;
}
body.site-page .aff-header__login {
  font-family: var(--aff-font-body); font-size: .875rem; font-weight: 500;
  color: var(--aff-muted) !important; text-decoration: none;
  padding: 6px 12px; border-radius: 6px; transition: color .2s;
}
body.site-page .aff-header__login:hover { color: var(--aff-blue) !important; }

/* Hamburger */
body.site-page .aff-header__toggler {
  margin-left: auto; background: none; border: 1.5px solid var(--aff-border);
  border-radius: 8px; padding: 8px 10px; cursor: pointer;
  display: flex; flex-direction: column; gap: 5px;
}
body.site-page .aff-header__toggler-bar {
  display: block; width: 20px; height: 2px;
  background: var(--aff-navy); border-radius: 2px; transition: .3s;
}

/* Mobile nav drawer */
body.site-page .aff-mobile-nav {
  background: #fff; border-top: 1px solid var(--aff-border);
}
body.site-page .aff-mobile-nav__inner {
  max-width: 1240px; margin-inline: auto;
  padding: 16px 24px 24px;
  display: flex; flex-direction: column; gap: 4px;
}
body.site-page .aff-mobile-nav__link {
  font-family: var(--aff-font-body); font-size: .9375rem; font-weight: 500;
  color: var(--aff-navy) !important; text-decoration: none;
  padding: 10px 0; border-bottom: 1px solid var(--aff-border);
}
body.site-page .aff-mobile-nav__divider { height: 1px; background: var(--aff-border); margin: 8px 0; }

/* ═══════════════════════════════════════════════════
   BUTTONS
═══════════════════════════════════════════════════ */
body.site-page .aff-btn {
  display: inline-flex; align-items: center; gap: 8px;
  font-family: var(--aff-font-body); font-weight: 600; font-size: .875rem;
  text-decoration: none !important; border: none; cursor: pointer;
  border-radius: var(--aff-r-sm); padding: 10px 20px;
  transition: opacity .2s, transform .15s, box-shadow .2s;
}
body.site-page .aff-btn--primary {
  background: linear-gradient(135deg,#0051d5,#0b3ba8);
  color: #fff !important;
  box-shadow: 0 4px 14px rgba(0,81,213,.3);
}
body.site-page .aff-btn--primary:hover {
  opacity: .9; transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(0,81,213,.4);
}
body.site-page .aff-btn--outline {
  background: transparent; color: var(--aff-navy) !important;
  border: 1.5px solid var(--aff-border) !important;
}
body.site-page .aff-btn--outline:hover {
  border-color: var(--aff-navy) !important; background: rgba(11,28,48,.04);
}
body.site-page .aff-btn--sm { padding: 8px 18px; font-size: .8125rem; }
body.site-page .aff-btn--cta {
  background: var(--aff-grad); color: #fff !important;
  box-shadow: 0 4px 20px rgba(0,81,213,.28);
}

/* Legacy btn classes */
body.site-page .btn--base, body.site-page .btn-base {
  background: linear-gradient(135deg,#0051d5,#0b3ba8) !important;
  color:#fff !important; border:none !important; border-radius:8px !important;
  font-family:var(--aff-font-body) !important; font-weight:600 !important;
  padding:10px 22px !important;
}
body.site-page .btn--base:hover { opacity:.9 !important; }
body.site-page .btn--base.pill { border-radius:50rem !important; }
body.site-page .btn-awin-cta {
  display:inline-flex; align-items:center; gap:8px;
  padding:12px 24px; border-radius:8px;
  font-family:var(--aff-font-body); font-size:.9rem; font-weight:600;
  text-decoration:none; transition:opacity .2s,transform .15s; cursor:pointer; border:none;
}
body.site-page .btn-awin-primary {
  background: var(--aff-grad); color:#fff !important;
  box-shadow:0 4px 20px rgba(0,81,213,.28);
}
body.site-page .btn-awin-secondary {
  background:transparent; color:var(--aff-navy) !important;
  border:1.5px solid var(--aff-border) !important;
}
body.site-page .btn-awin-cta:hover { opacity:.88; transform:translateY(-2px); }
body.site-page .btn-awin-secondary:hover { border-color:var(--aff-navy) !important; }

/* ═══════════════════════════════════════════════════
   HERO SECTION — .aff-hero
═══════════════════════════════════════════════════ */
body.site-page .aff-hero {
  padding: clamp(72px,9vw,110px) 0 clamp(56px,7vw,90px);
  background: #f8f9ff; position: relative; overflow: hidden;
}
body.site-page .aff-hero::before {
  content:''; position:absolute; top:-120px; right:-120px;
  width:600px; height:600px; border-radius:50%;
  background: radial-gradient(circle,rgba(0,81,213,.07) 0%,transparent 70%);
  pointer-events:none;
}
body.site-page .aff-container { max-width:1240px; margin-inline:auto; padding-inline:24px; }

body.site-page .aff-hero__badges { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:20px; }
body.site-page .aff-badge {
  display:inline-flex; align-items:center; gap:6px;
  font-family:var(--aff-font-body); font-size:.78rem; font-weight:500;
  color:#45464d; background:#fff; border:1px solid var(--aff-border);
  padding:4px 12px; border-radius:50rem;
  box-shadow:0 1px 4px rgba(15,23,42,.06);
}
body.site-page .aff-badge__dot {
  width:7px; height:7px; border-radius:50%; flex-shrink:0;
}
body.site-page .aff-badge__dot--green { background:#10b981; }
body.site-page .aff-badge__dot--blue  { background:#3b82f6; }

body.site-page .aff-hero__label {
  display:inline-block;
  font-family:var(--aff-font-body); font-size:.72rem; font-weight:700;
  letter-spacing:.12em; text-transform:uppercase;
  color:var(--aff-blue); background:rgba(0,81,213,.08);
  border:1px solid rgba(0,81,213,.18); padding:5px 12px;
  border-radius:50rem; margin-bottom:20px;
}
body.site-page .aff-hero__title {
  font-family:var(--aff-font-head) !important;
  font-size:clamp(2rem,4.5vw,3.25rem) !important;
  font-weight:800 !important; color:var(--aff-navy) !important;
  line-height:1.15 !important; letter-spacing:-.025em !important;
  margin-bottom:20px !important;
}
body.site-page .aff-hero__desc {
  font-family:var(--aff-font-body); font-size:1.0625rem;
  line-height:1.75; color:#45464d !important;
  max-width:520px; margin-bottom:32px;
}
body.site-page .aff-hero__ctas { display:flex; flex-wrap:wrap; gap:12px; margin-bottom:24px; }
body.site-page .aff-hero__trust {
  font-family:var(--aff-font-body); font-size:.8rem; color:var(--aff-muted) !important;
  display:flex; align-items:center; gap:6px; margin:0;
}
body.site-page .aff-hero__trust i { color:var(--aff-blue); font-size:.85rem; }

/* ── Dashboard Mockup ── */
body.site-page .aff-mockup {
  border-radius:16px; overflow:hidden;
  box-shadow:0 24px 64px rgba(15,23,42,.14);
  background:#fff; position:relative; z-index:1;
}
body.site-page .aff-mockup__bar {
  background:#0b1c30; padding:13px 18px;
  display:flex; align-items:center; gap:7px;
}
body.site-page .aff-mockup__dot {
  width:10px; height:10px; border-radius:50%; flex-shrink:0;
}
body.site-page .aff-mockup__dot--red    { background:#ff5f57; }
body.site-page .aff-mockup__dot--yellow { background:#febc2e; }
body.site-page .aff-mockup__dot--green  { background:#28c840; }
body.site-page .aff-mockup__url {
  font-family:var(--aff-font-body); font-size:.72rem;
  color:rgba(255,255,255,.4); margin-left:8px;
}
body.site-page .aff-mockup__body { padding:20px; background:#f8f9ff; }
body.site-page .aff-mockup__stats {
  display:grid; grid-template-columns:repeat(3,1fr);
  gap:10px; margin-bottom:16px;
}
body.site-page .aff-mockup__stat {
  background:#fff; border:1px solid #e8eaf6;
  border-radius:10px; padding:14px;
  box-shadow:0 2px 8px rgba(15,23,42,.04);
}
body.site-page .aff-mockup__stat-icon {
  width:34px; height:34px; border-radius:8px;
  display:flex; align-items:center; justify-content:center;
  margin-bottom:8px; font-size:1rem;
}
body.site-page .aff-mockup__stat-val {
  font-family:var(--aff-font-head); font-size:1.05rem;
  font-weight:700; color:#0b1c30 !important;
}
body.site-page .aff-mockup__stat-lbl {
  font-family:var(--aff-font-body); font-size:.68rem;
  color:var(--aff-muted) !important; margin-top:2px;
}
body.site-page .aff-mockup__chart {
  background:#fff; border:1px solid #e8eaf6;
  border-radius:10px; padding:14px; margin-bottom:14px;
}
body.site-page .aff-mockup__chart-title {
  font-family:var(--aff-font-head); font-size:.78rem;
  font-weight:600; color:#0b1c30 !important; margin-bottom:12px;
}

/* Bar chart — shared by hero + strategy mockups */
body.site-page .aff-hero__bars,
body.site-page .awin-hero__bars {
  display:flex !important; align-items:flex-end !important;
  gap:7px !important; height:56px !important;
  min-height:56px !important; overflow:visible !important;
}
body.site-page .awin-hero__bar {
  flex:1 !important; min-width:0 !important;
  border-radius:4px 4px 0 0 !important;
  background:linear-gradient(180deg,#0051d5,#3b82f6) !important;
  min-height:4px !important;
}
body.site-page .awin-hero__bar-labels,
body.site-page .aff-hero__bar-labels {
  display:flex !important; gap:7px !important; margin-top:5px !important;
}
body.site-page .awin-hero__bar-labels span,
body.site-page .aff-hero__bar-labels span {
  flex:1 !important; text-align:center !important;
  font-family:var(--aff-font-body) !important;
  font-size:.62rem !important; color:var(--aff-muted) !important;
}

/* Action pills inside mockup */
body.site-page .aff-mockup__actions {
  display:flex; flex-wrap:wrap; gap:8px;
}
body.site-page .aff-mockup__action {
  display:inline-flex; align-items:center; gap:5px;
  font-family:var(--aff-font-body); font-size:.72rem; font-weight:500;
  color:#45464d; background:#f0f4ff; border:1px solid #e8eaf6;
  padding:5px 10px; border-radius:20px;
}
body.site-page .aff-mockup__action--active {
  background:#ecfdf5; color:#166534; border-color:#bbf7d0;
}

/* Floating badges */
body.site-page .aff-float {
  position:absolute; border-radius:12px; padding:12px 16px;
  font-family:var(--aff-font-body);
}
body.site-page .aff-float--top-right {
  top:-16px; right:-16px;
  background:#0051d5; color:#fff;
  box-shadow:0 8px 24px rgba(0,81,213,.3);
  text-align:center;
}
body.site-page .aff-float--bottom-left {
  bottom:-16px; left:-16px;
  background:#fff; border:1px solid #e8eaf6;
  box-shadow:0 8px 24px rgba(15,23,42,.1);
  display:flex; align-items:center; gap:10px;
}
body.site-page .aff-float__val { font-size:1.2rem; font-weight:800; line-height:1; }
body.site-page .aff-float__lbl { font-size:.68rem; opacity:.8; margin-top:2px; color:inherit; }
body.site-page .aff-float__val-sm { font-size:.78rem; font-weight:700; color:#0b1c30; }
body.site-page .aff-float__icon {
  width:30px; height:30px; border-radius:8px; background:#ecfdf5;
  display:flex; align-items:center; justify-content:center;
  color:#059669; font-size:1rem; flex-shrink:0;
}

@media (max-width:991px) {
  body.site-page .aff-hero { padding-top:60px; padding-bottom:50px; }
  body.site-page .aff-hero__title { font-size:clamp(1.8rem,5vw,2.4rem) !important; }
}
@media (max-width:767px) {
  body.site-page .aff-hero__title { font-size:1.75rem !important; }
  body.site-page .aff-hero__desc { font-size:.9375rem; }
}

/* ═══════════════════════════════════════════════════
   STATS BAR
═══════════════════════════════════════════════════ */
body.site-page .awin-stats-bar {
  background:#0b1c30 !important; padding:44px 0;
}
body.site-page .awin-stats-bar__number {
  font-family:var(--aff-font-head) !important;
  font-size:clamp(1.6rem,3vw,2.4rem) !important;
  font-weight:800 !important; color:#fff !important; line-height:1; margin-bottom:6px;
}
body.site-page .awin-stats-bar__label {
  font-family:var(--aff-font-body) !important;
  font-size:.8125rem !important; color:rgba(255,255,255,.55) !important;
}
body.site-page .awin-stats-bar__divider {
  width:1px; height:48px; background:rgba(255,255,255,.12);
}
@media(max-width:767px){
  body.site-page .awin-stats-bar { padding:32px 0; }
  body.site-page .awin-stats-bar__divider { display:none; }
}

/* ═══════════════════════════════════════════════════
   SECTIONS — shared
═══════════════════════════════════════════════════ */
body.site-page .awin-section-tag {
  display:inline-block; font-family:var(--aff-font-body);
  font-size:.72rem; font-weight:700; letter-spacing:.12em;
  text-transform:uppercase; color:var(--aff-blue) !important; margin-bottom:14px;
}
body.site-page .awin-section-title {
  font-family:var(--aff-font-head) !important;
  font-size:clamp(1.55rem,2.8vw,2.2rem) !important;
  font-weight:700 !important; color:var(--aff-navy) !important;
  line-height:1.25 !important; letter-spacing:-.02em !important; margin-bottom:14px !important;
}
body.site-page .awin-section-desc {
  font-family:var(--aff-font-body); font-size:1rem;
  line-height:1.72; color:#45464d !important; max-width:580px;
}
body.site-page section { margin:0 !important; }
body.site-page .my-120 { margin:0 !important; }
body.site-page .section-bg { background:#fff !important; }

/* ═══════════════════════════════════════════════════
   FEATURES SECTION
═══════════════════════════════════════════════════ */
body.site-page .awin-features {
  padding:clamp(64px,8vw,96px) 0; background:#fff;
}
body.site-page .awin-feature-card {
  background:#fff !important; border:1px solid #e8eaf6 !important;
  border-radius:14px !important; padding:28px 24px !important;
  height:100%; box-shadow:0 2px 12px rgba(15,23,42,.05) !important;
  transition:box-shadow .25s,border-color .25s,transform .25s;
}
body.site-page .awin-feature-card:hover {
  box-shadow:0 12px 36px rgba(15,23,42,.1) !important;
  border-color:rgba(0,81,213,.2) !important; transform:translateY(-4px);
}
body.site-page .awin-feature-card__icon {
  width:52px; height:52px; border-radius:12px;
  display:flex; align-items:center; justify-content:center;
  margin-bottom:18px; font-size:1.5rem; flex-shrink:0;
}
body.site-page .awin-feature-card__title {
  font-family:var(--aff-font-head) !important; font-size:.9375rem !important;
  font-weight:700 !important; color:var(--aff-navy) !important;
  margin-bottom:8px !important; line-height:1.35 !important;
  border-bottom:1px solid #e8eaf6; padding-bottom:10px;
}
body.site-page .awin-feature-card__desc {
  font-family:var(--aff-font-body); font-size:.875rem;
  line-height:1.68; color:#45464d !important; margin:0;
}

/* ═══════════════════════════════════════════════════
   HOW IT WORKS
═══════════════════════════════════════════════════ */
body.site-page .how-it-works {
  padding:clamp(64px,8vw,96px) 0; background:#f8f9ff;
}
body.site-page .hiw-step {
  background:#fff !important; border:1px solid #e8eaf6 !important;
  border-radius:14px !important; padding:28px 22px !important;
  height:100%; transition:box-shadow .25s,transform .25s;
  box-shadow:0 2px 12px rgba(15,23,42,.05) !important;
}
body.site-page .hiw-step:hover {
  box-shadow:0 10px 32px rgba(15,23,42,.1) !important; transform:translateY(-3px);
}
body.site-page .hiw-step__num {
  width:40px; height:40px; border-radius:10px;
  background:linear-gradient(135deg,#0051d5,#3b82f6);
  color:#fff; display:flex; align-items:center; justify-content:center;
  font-family:var(--aff-font-head); font-size:1.1rem; font-weight:800;
  margin-bottom:16px;
}
body.site-page .hiw-step__title {
  font-family:var(--aff-font-head) !important; font-size:.9375rem !important;
  font-weight:700 !important; color:var(--aff-navy) !important;
  margin-bottom:10px !important;
}
body.site-page .hiw-step__desc {
  font-family:var(--aff-font-body); font-size:.875rem;
  line-height:1.7; color:#45464d !important; margin:0;
}

/* ═══════════════════════════════════════════════════
   USER PATH / ADVERTISER-PUBLISHER SPLIT
═══════════════════════════════════════════════════ */
body.site-page .awin-adv-section {
  padding:clamp(64px,8vw,96px) 0; background:#ffffff;
}
body.site-page .awin-adv-section:nth-of-type(even) { background:#f8f9ff; }
body.site-page .awin-adv-section__label {
  display:inline-block; font-family:var(--aff-font-body); font-size:.72rem;
  font-weight:700; letter-spacing:.12em; text-transform:uppercase;
  color:var(--aff-blue) !important; margin-bottom:12px;
}
body.site-page .awin-adv-section__title {
  font-family:var(--aff-font-head) !important;
  font-size:clamp(1.55rem,2.8vw,2.2rem) !important;
  font-weight:700 !important; color:var(--aff-navy) !important;
  line-height:1.25 !important; letter-spacing:-.02em !important; margin-bottom:28px !important;
}
body.site-page .awin-benefit-list { list-style:none; padding:0; margin:0 0 28px; display:flex; flex-direction:column; gap:18px; }
body.site-page .awin-benefit-list li { display:flex; align-items:flex-start; gap:14px; }
body.site-page .awin-benefit-list__icon {
  width:32px; height:32px; border-radius:50%;
  background:rgba(0,81,213,.1); color:var(--aff-blue);
  display:flex; align-items:center; justify-content:center;
  font-size:.9rem; flex-shrink:0; margin-top:2px;
}
body.site-page .awin-benefit-list__title {
  font-family:var(--aff-font-body); font-size:.9375rem;
  font-weight:600; color:var(--aff-navy) !important; margin-bottom:3px;
}
body.site-page .awin-benefit-list p,
body.site-page .awin-benefit-list__text {
  font-family:var(--aff-font-body); font-size:.875rem;
  line-height:1.6; color:#45464d !important; margin:0;
}

/* ═══════════════════════════════════════════════════
   FOOTER — Kill bullets definitively
═══════════════════════════════════════════════════ */
body.site-page .footer-area,
body.site-page footer { background:#0b1c30 !important; }

/* NUCLEAR bullet kill — every possible source */
body.site-page .footer-area ul,
body.site-page .footer-area ul li,
body.site-page .footer-menu,
body.site-page .footer-menu li,
body.site-page .footer-menu__item {
  list-style:none !important;
  list-style-type:none !important;
  padding-left:0 !important;
  margin-left:0 !important;
}
body.site-page .footer-area ul li::before,
body.site-page .footer-area ul li::after,
body.site-page .footer-menu li::before,
body.site-page .footer-menu li::after,
body.site-page .footer-menu__item::before,
body.site-page .footer-menu__item::after {
  display:none !important;
  content:none !important;
}

/* Footer grid */
body.site-page .footer-grid {
  display:grid;
  grid-template-columns:2fr 1fr 1fr 1fr 1fr;
  gap:40px; padding:60px 0 44px;
}
@media(max-width:1199px){
  body.site-page .footer-grid { grid-template-columns:1fr 1fr 1fr; gap:32px; padding:48px 0 32px; }
}
@media(max-width:767px){
  body.site-page .footer-grid { grid-template-columns:1fr 1fr; gap:24px; padding:40px 0 24px; }
  body.site-page .footer-item--brand { grid-column:1/-1; }
}
@media(max-width:479px){
  body.site-page .footer-grid { grid-template-columns:1fr; }
}

body.site-page .footer-item__logo img {
  max-height:34px; width:auto; filter:brightness(0) invert(1);
}
body.site-page .footer-item__desc {
  font-family:var(--aff-font-body); font-size:.875rem;
  line-height:1.72; color:rgba(255,255,255,.5) !important; margin-top:14px;
}
body.site-page .footer-item__title {
  font-family:var(--aff-font-body); font-size:.68rem;
  font-weight:700; letter-spacing:.12em; text-transform:uppercase;
  color:rgba(255,255,255,.35) !important; margin-bottom:16px;
}
body.site-page .footer-menu { list-style:none !important; padding:0 !important; margin:0 !important; }
body.site-page .footer-menu__item { margin-bottom:10px !important; }
body.site-page .footer-menu__link {
  font-family:var(--aff-font-body); font-size:.875rem;
  color:rgba(255,255,255,.55) !important; text-decoration:none !important;
  transition:color .2s; display:inline-block;
}
body.site-page .footer-menu__link:hover { color:#fff !important; }

/* Social */
body.site-page .footer-social {
  list-style:none !important; padding:0 !important; margin:14px 0 0 !important;
  display:flex; flex-wrap:wrap; gap:10px;
}
body.site-page .footer-social li { list-style:none !important; }
body.site-page .footer-social li::before,
body.site-page .footer-social li::after { display:none !important; content:none !important; }
body.site-page .footer-social__link {
  display:flex; align-items:center; justify-content:center;
  width:34px; height:34px; border-radius:8px;
  background:rgba(255,255,255,.08);
  color:rgba(255,255,255,.5) !important; font-size:1rem;
  text-decoration:none; transition:background .2s,color .2s;
}
body.site-page .footer-social__link:hover {
  background:rgba(255,255,255,.16); color:#fff !important;
}

/* Footer bottom bar */
body.site-page .footer-bottom {
  background:rgba(0,0,0,.3) !important;
  border-top:1px solid rgba(255,255,255,.08) !important; padding:14px 0;
}
body.site-page .footer-bottom__inner {
  display:flex; align-items:center; justify-content:space-between;
  flex-wrap:wrap; gap:12px;
}
body.site-page .footer-bottom__copy {
  font-family:var(--aff-font-body); font-size:.8125rem;
  color:rgba(255,255,255,.4) !important;
}
body.site-page .footer-bottom__copy a {
  color:rgba(255,255,255,.6) !important; text-decoration:none;
}
body.site-page .footer-bottom__copy a:hover { color:rgba(255,255,255,.9) !important; }

/* Kill shape decorations */
body.site-page .footer-area .footer-area__shape-one,
body.site-page .footer-area .footer-area__shape-two,
body.site-page .footer-area .footer-area__shape-three,
body.site-page .footer-area .footer-area__shape-four,
body.site-page .footer-area .bg-area,
body.site-page .footer-area::before,
body.site-page .footer-area::after { display:none !important; }

/* Footer text overrides */
body.site-page .footer-area h1,body.site-page .footer-area h2,
body.site-page .footer-area h3,body.site-page .footer-area h4,
body.site-page .footer-area h5,body.site-page .footer-area h6 { color:#fff !important; }
body.site-page .footer-area p,body.site-page .footer-area span,
body.site-page .footer-area a,body.site-page .footer-area li {
  color:rgba(255,255,255,.55) !important;
}
body.site-page .footer-area a:hover { color:#fff !important; }

/* ═══════════════════════════════════════════════════
   CTA SECTION
═══════════════════════════════════════════════════ */
body.site-page .cta-section {
  background:linear-gradient(135deg,#0b1c30 0%,#1e3a5f 100%) !important;
  padding:72px 0;
}
body.site-page .cta-section *:not(.aff-btn):not(.btn-awin-cta):not(.btn--base) {
  color:rgba(255,255,255,.85) !important;
}
body.site-page .cta-section h2,body.site-page .cta-section h3 { color:#fff !important; }
body.site-page .cta-section::before,body.site-page .cta-section::after,
body.site-page .cta-section .cta-shape,body.site-page .cta-section .bg-area { display:none !important; }

/* ═══════════════════════════════════════════════════
   CARDS — generic
═══════════════════════════════════════════════════ */
body.site-page .campaign-item,body.site-page .category-item,
body.site-page .work-process-item,body.site-page .testimonial-item,
body.site-page .blog-item,body.site-page .blog-card,body.site-page .faq-item {
  background:#fff !important; border:1px solid #e8eaf6 !important;
  box-shadow:0 2px 12px rgba(15,23,42,.06) !important; border-radius:12px !important;
}
body.site-page .campaign-item::before,body.site-page .campaign-item::after,
body.site-page .category-item::after,body.site-page .work-process-item::before,
body.site-page .testimonial-item::before { background:#fff !important; opacity:0 !important; }
body.site-page .campaign-item__title,body.site-page .category-item__title,
body.site-page .work-process-item__title,body.site-page .testimonial-item__title {
  color:var(--aff-navy) !important;
}
body.site-page .campaign-item__desc,body.site-page .category-item__number,
body.site-page .work-process-item__desc,body.site-page .testimonial-item__desc,
body.site-page .testimonial-item__designation { color:#45464d !important; }

/* ═══════════════════════════════════════════════════
   FAQ
═══════════════════════════════════════════════════ */
body.site-page .faq-section { padding:72px 0; background:#fff; }
body.site-page .faq-section .accordion-item {
  background:#fff !important; border:1px solid #e8eaf6 !important;
  border-radius:10px !important; margin-bottom:10px !important; overflow:hidden;
}
body.site-page .faq-section .accordion-button {
  background:#fff !important; color:var(--aff-navy) !important;
  font-family:var(--aff-font-body) !important; font-size:.9375rem !important;
  font-weight:600 !important; padding:18px 20px !important;
  border-radius:0 !important; box-shadow:none !important;
}
body.site-page .faq-section .accordion-button:not(.collapsed) {
  color:var(--aff-blue) !important; background:#f0f4ff !important;
}
body.site-page .faq-section .accordion-body {
  background:#f8f9ff !important; color:#45464d !important;
  font-size:.875rem !important; line-height:1.7 !important; padding:16px 20px !important;
}

/* ═══════════════════════════════════════════════════
   BREADCRUMB
═══════════════════════════════════════════════════ */
body.site-page .breadcrumb-section {
  background:#f0f4ff !important; border-bottom:1px solid #e8eaf6 !important;
  padding:32px 0 !important;
}
body.site-page .breadcrumb-section .breadcrumb-title { color:var(--aff-navy) !important; }
body.site-page .breadcrumb-section .breadcrumb-item,
body.site-page .breadcrumb-section .breadcrumb-item a { color:var(--aff-muted) !important; }

/* ═══════════════════════════════════════════════════
   AUTH / ACCOUNT FORMS
═══════════════════════════════════════════════════ */
body.site-page .account-section {
  background:linear-gradient(135deg,#f8f9ff 0%,#f1f5f9 100%) !important;
}
body.site-page .account-form {
  background:#fff !important; border:1px solid #e8eaf6 !important;
  box-shadow:0 20px 60px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.04) !important;
  border-radius:16px !important;
}
body.site-page .account-form::before { background:#fff !important; }
body.site-page .account-form .form--label { color:#334155 !important; }
body.site-page .account-form .account-form__title { color:var(--aff-navy) !important; }
body.site-page .account-form .form--control {
  background:#f8fafc !important; color:#1e293b !important;
  border:1.5px solid #e2e8f0 !important;
}
body.site-page .account-form .form--control:focus {
  border-color:var(--aff-blue) !important;
  box-shadow:0 0 0 3px rgba(0,81,213,.1) !important; background:#fff !important;
}

/* ═══════════════════════════════════════════════════
   CONTACT FORM
═══════════════════════════════════════════════════ */
body.site-page .contact-form .form--control {
  background:#f8fafc !important; color:#1e293b !important;
  border:1.5px solid #e2e8f0 !important;
}
body.site-page .contact-form .form--label { color:#334155 !important; }

/* ═══════════════════════════════════════════════════
   SCROLL-TOP + PRELOADER
═══════════════════════════════════════════════════ */
.scroll-top { background:var(--aff-blue) !important; border-radius:8px !important; }
body.site-page .preloader { background:#0b1c30 !important; }

/* ═══════════════════════════════════════════════════
   GLOBAL NO-OVERFLOW
═══════════════════════════════════════════════════ */
body.site-page { /* overflow-x removed to allow sticky header */ }

/* ═══ FOOTER BULLET FIX — kills main.css .footer-menu__link::after dot ═══ */
body.site-page .footer-menu__link,
body.site-page .footer-menu__link:hover { text-decoration:none !important; }
body.site-page .footer-menu__link::after,
body.site-page .footer-menu__link::before {
  display:none !important;
  content:none !important;
  width:0 !important; height:0 !important;
  background:none !important;
}
body.site-page .footer-menu__link { padding-left:0 !important; }

/* ═══ ADDITIONAL MOBILE RESPONSIVE FIXES ═══ */
@media(max-width:767px){
  body.site-page .aff-hero__ctas { flex-direction:column; }
  body.site-page .aff-btn { width:100%; justify-content:center; }
  body.site-page .aff-mockup__stats { grid-template-columns:repeat(3,1fr); gap:7px; }
  body.site-page .aff-mockup__stat { padding:10px 8px; }
  body.site-page .aff-mockup__stat-val { font-size:.9rem; }
}
@media(max-width:479px){
  body.site-page .aff-mockup__stats { grid-template-columns:1fr 1fr; }
  body.site-page .aff-hero__badges { flex-direction:column; gap:6px; }
}

/* ═══ CAMPAIGN PAGE ═══ */
body.site-page .campaign-filter-wrapper,
body.site-page .campaign-sidebar {
  background:#fff !important; border:1px solid var(--aff-border) !important;
  border-radius:12px !important; padding:20px !important;
  box-shadow:0 2px 12px rgba(15,23,42,.05) !important;
}
body.site-page .campaign-filter-wrapper label,
body.site-page .campaign-sidebar label { color:var(--aff-navy) !important; }
body.site-page .filter-item__title,
body.site-page .filter-title { color:var(--aff-navy) !important; font-weight:600 !important; }
body.site-page .campaign-item {
  background:#fff !important; border:1px solid #e8eaf6 !important;
  border-radius:12px !important; padding:22px !important;
  transition:box-shadow .25s,transform .25s;
}
body.site-page .campaign-item:hover {
  box-shadow:0 12px 36px rgba(15,23,42,.1) !important; transform:translateY(-3px);
}
body.site-page .campaign-item .btn--base {
  background:linear-gradient(135deg,#0051d5,#0b3ba8) !important;
  color:#fff !important; border-radius:8px !important;
  padding:8px 18px !important; font-size:.8125rem !important;
}

/* ═══ POLICY / STATIC PAGES ═══ */
body.site-page .policy-section,
body.site-page .static-page-section { background:#f8f9ff !important; padding:48px 0 !important; }
body.site-page .policy-section .card,
body.site-page .policy-content-card {
  background:#fff !important; border:1px solid #e8eaf6 !important;
  border-radius:14px !important; max-width:900px; margin-inline:auto;
  padding:40px 48px !important; box-shadow:0 4px 24px rgba(15,23,42,.06) !important;
}
body.site-page .policy-content-card h1,body.site-page .policy-content-card h2,
body.site-page .policy-content-card h3 { color:var(--aff-navy) !important; }
body.site-page .policy-content-card p { color:#334155 !important; line-height:1.8 !important; }
@media(max-width:767px){
  body.site-page .policy-content-card { padding:24px 20px !important; }
}

/* ═══ BREADCRUMB — light Awin style ═══ */
body.site-page .breadcrumb-section {
  background:#f0f4ff !important; border-bottom:1px solid #e8eaf6 !important;
  padding:28px 0 !important; margin-bottom:0 !important;
}
body.site-page .breadcrumb-section .page-title,
body.site-page .breadcrumb-section h4,
body.site-page .breadcrumb-section h5 { color:var(--aff-navy) !important; font-weight:700 !important; }
body.site-page .breadcrumb-item,body.site-page .breadcrumb-item a { color:var(--aff-muted) !important; }
body.site-page .breadcrumb-item.active { color:var(--aff-blue) !important; }
body.site-page .breadcrumb-item + .breadcrumb-item::before { color:var(--aff-border) !important; }
body.site-page .breadcrumb-section::before,
body.site-page .breadcrumb-section::after,
body.site-page .breadcrumb-section .bg-area,
body.site-page .breadcrumb-section .breadcrumb-shape { display:none !important; }

/* ═══ Dark-mode public overrides ═══ */
body.dark-mode.site-page { background:#0f172a !important; color:#e2e8f0 !important; }
body.dark-mode.site-page .aff-header { background:#0b1c30 !important; border-color:rgba(255,255,255,.08) !important; }
body.dark-mode.site-page .aff-nav__link { color:rgba(255,255,255,.65) !important; }
body.dark-mode.site-page .aff-nav__link:hover { color:#fff !important; background:rgba(255,255,255,.06) !important; }
body.dark-mode.site-page .aff-hero { background:#0f172a !important; }
body.dark-mode.site-page .aff-hero__title { color:#f1f5f9 !important; }
body.dark-mode.site-page .awin-feature-card { background:#1e293b !important; border-color:rgba(255,255,255,.08) !important; }
body.dark-mode.site-page .awin-feature-card__title { color:#f1f5f9 !important; }
body.dark-mode.site-page .hiw-step { background:#1e293b !important; border-color:rgba(255,255,255,.08) !important; }
body.dark-mode.site-page .awin-hero__bar { background:linear-gradient(180deg,#3b82f6,#60a5fa) !important; }
body.dark-mode.site-page .aff-mobile-nav { background:#0b1c30 !important; border-color:rgba(255,255,255,.08) !important; }
body.dark-mode.site-page .aff-mobile-nav__link { color:rgba(255,255,255,.75) !important; border-color:rgba(255,255,255,.08) !important; }
body.dark-mode.site-page .breadcrumb-section { background:#1e293b !important; border-color:rgba(255,255,255,.08) !important; }
/* ═══════════════════════════════════════════════════
   CRITICAL FIXES BATCH — appended to awin-theme.css
═══════════════════════════════════════════════════ */

/* ── 1. STICKY HEADER — works on all scroll depths ── */
body.site-page .aff-header,
body.site-page header.aff-header {
  position: fixed !important;
  top: 0 !important;
  z-index: 1060 !important;
  background: #ffffff !important;
  border-bottom: 1px solid #e5e7eb !important;
  box-shadow: 0 1px 4px rgba(15,23,42,.06) !important;
  width: 100% !important;
}

/* ── 2. ORANGE TEXT FIX — .aff-hero div/p text must NOT be link-colored ── */
body.site-page .aff-hero .aff-hero__desc,
body.site-page .aff-hero__desc,
body.site-page .aff-hero .aff-hero__trust {
  color: #475569 !important;
  font-family: var(--aff-font-body) !important;
  font-size: 1.0625rem !important;
  line-height: 1.75 !important;
}
body.site-page .aff-hero .aff-hero__desc a,
body.site-page .aff-hero .aff-hero__trust a { color: inherit !important; }

/* ── 3. HIDE GEAR / THEME TOGGLE ICON from header ── */
body.site-page .header .theme-toggle,
body.site-page .header .btn-icon[title*="theme"],
body.site-page .header .btn-icon[title*="Theme"],
body.site-page .aff-header .theme-toggle,
body.site-page #themeToggle,
body.site-page .header-theme-btn,
body.site-page .theme-btn,
body.site-page button[id*="theme"],
body.site-page button[class*="theme"],
body.site-page a[id*="theme"] { display: none !important; }

/* ── 4. CAMPAIGNS SECTION — clean spacing + empty state ── */
body.site-page .aff-campaigns-section {
  padding: clamp(64px,8vw,96px) 0 !important;
  background: #f8f9ff !important;
}
body.site-page .aff-campaigns-section .campaign-section { margin: 0 !important; }

/* Empty state */
body.site-page .aff-empty-state {
  text-align: center; padding: 60px 24px;
  background: #fff; border: 1px solid #e8eaf6;
  border-radius: 16px; max-width: 480px; margin: 0 auto;
  box-shadow: 0 4px 20px rgba(15,23,42,.05);
}
body.site-page .aff-empty-state__icon {
  width: 64px; height: 64px; border-radius: 16px;
  background: rgba(0,81,213,.08); color: #0051d5;
  font-size: 1.75rem;
  display: flex; align-items: center; justify-content: center;
  margin: 0 auto 20px;
}
body.site-page .aff-empty-state__title {
  font-family: var(--aff-font-head) !important;
  font-weight: 700 !important; color: #0b1c30 !important;
  font-size: 1.1rem !important; margin-bottom: 10px !important;
}
body.site-page .aff-empty-state__desc {
  font-size: .9rem !important; color: #64748b !important;
  line-height: 1.65 !important; margin: 0 !important;
}

/* Kill old Furstic campaign section decorators */
body.site-page .campaign-section .left-thumb-wrapper,
body.site-page .campaign-section .right-thumb-wrapper,
body.site-page .campaign-section .left-thumb,
body.site-page .campaign-section .right-thumb,
body.site-page .campaign-section .border-shape { display: none !important; }
body.site-page .campaign-section { margin: 0 !important; padding: 0 !important; }

/* ── 5. CAMPAIGN CARDS — light theme ── */
body.site-page .campaign-card,
body.site-page .campaign-item {
  background: #fff !important; border: 1px solid #e8eaf6 !important;
  border-radius: 14px !important; overflow: hidden;
  box-shadow: 0 2px 12px rgba(15,23,42,.05) !important;
  transition: box-shadow .25s, transform .25s;
}
body.site-page .campaign-card:hover,
body.site-page .campaign-item:hover {
  box-shadow: 0 12px 36px rgba(15,23,42,.1) !important;
  transform: translateY(-3px);
}
body.site-page .campaign-card__thumb,
body.site-page .campaign-item__thumb { background: #f0f4ff !important; }
body.site-page .campaign-card__title,
body.site-page .campaign-item__title { color: #0b1c30 !important; font-weight: 700 !important; }
body.site-page .campaign-card__category,
body.site-page .campaign-item__category { color: #64748b !important; }
body.site-page .campaign-card .btn,
body.site-page .campaign-item .btn { border-radius: 8px !important; }

/* ── 6. SECTION SPACING — ensure all sections breathe ── */
body.site-page .awin-features,
body.site-page .how-it-works,
body.site-page .awin-adv-section,
body.site-page .awin-stats-bar { margin: 0 !important; }

body.site-page section + section,
body.site-page .section-wrap + .section-wrap { margin-top: 0 !important; }

/* Kill .my-120 default margin on all sections */
body.site-page .my-120 { margin-top: 0 !important; margin-bottom: 0 !important; }

/* Hero bottom spacing */
body.site-page .aff-hero { margin-bottom: 0 !important; }

/* ── 7. STRATEGY / USER-PATH SECTION spacing fix ── */
body.site-page .awin-adv-section { padding: clamp(60px,7vw,90px) 0 !important; }
body.site-page .awin-adv-section:nth-child(even) { background: #f8f9ff !important; }
body.site-page .awin-adv-section:nth-child(odd) { background: #fff !important; }

/* ── 8. "Know more" button → replace with blue ── */
body.site-page .btn-round,
body.site-page .know-more-btn,
body.site-page a.btn-round,
body.site-page .awin-adv-section a[href*="register"] {
  background: linear-gradient(135deg,#0051d5,#0b3ba8) !important;
  color: #fff !important; border-color: transparent !important;
  border-radius: 50rem !important;
}

/* ── 9. HERO SECTION MIN-HEIGHT so it never collapses ── */
body.site-page .aff-hero {
  min-height: 520px !important;
  display: flex !important;
  align-items: center !important;
}
body.site-page .aff-hero .container { width: 100% !important; }

/* ── 10. HEADER MAX-WIDTH ALIGNMENT ── */
body.site-page .aff-header__inner {
  max-width: 1240px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
}

/* ── 11. Kill any overflow:hidden on hero wrapper ── */
body.site-page .aff-hero { overflow: visible !important; }

/* ── 12. SECTION SEPARATOR — subtle divider between sections ── */
body.site-page .awin-stats-bar + section,
body.site-page .aff-hero + section { border-top: none !important; }

/* ── 13. Stats bar separator dots on mobile ── */
@media(max-width:767px) {
  body.site-page .awin-stats-bar .col-6:nth-child(odd) {
    border-right: 1px solid rgba(255,255,255,.1);
  }
  body.site-page .awin-stats-bar .col-6 { padding: 20px 0 !important; }
}

/* ── 14. FOOTER — remove extra padding from footer-item-wrapper ── */
body.site-page .footer-item-wrapper .footer-item { padding: 0 !important; }
body.site-page .footer-item-wrapper {
  padding-top: 60px !important;
  padding-bottom: 44px !important;
}

/* ── 15. HERO BUTTONS — ensure correct blue (not orange from base color) ── */
body.site-page .aff-btn--primary {
  background: linear-gradient(135deg, #0051d5, #0b3ba8) !important;
  color: #fff !important;
  box-shadow: 0 4px 14px rgba(0,81,213,.3) !important;
}
body.site-page .aff-btn--outline {
  background: transparent !important;
  color: #0b1c30 !important;
  border: 1.5px solid #d1d5db !important;
}
body.site-page .aff-btn--outline:hover {
  border-color: #0b1c30 !important;
  background: rgba(11,28,48,.04) !important;
}




/* Fix for fixed header overlapping hero */
body.site-page main { padding-top: 72px !important; }


body.site-page .aff-header { width: 100% !important; left: 0 !important; }

/* ═══════════════════════════════════════════════════════════════════
   CRITICAL CLIENT BUGFIXES — 2026-05-18
   Issues: checkbox visibility, dark mode text, onboarding headings,
   hero button/trust text, signup form label contrast
═══════════════════════════════════════════════════════════════════ */

/* ── FIX #1: Privacy Policy Checkbox — visible on light mode ── */
body.site-page .form--check .form-check-input {
  border: 2px solid #94a3b8 !important;
  background-color: #ffffff !important;
  width: 18px !important;
  height: 18px !important;
  cursor: pointer;
}
body.site-page .form--check .form-check-input:checked {
  background-color: hsl(var(--base)) !important;
  border-color: hsl(var(--base)) !important;
}
body.site-page .form--check .form-check-input:checked::before {
  color: #fff !important;
}
body.site-page .form--check .form-check-label {
  color: #334155 !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
}
body.site-page .form--check .form-check-label a {
  color: #0051d5 !important;
  text-decoration: underline !important;
}

/* ── FIX #2: Dark mode — force light on ALL public/site pages ── */
body.dark-mode.site-page {
  background: #f8f9ff !important;
  color: #0b1c30 !important;
}
body.dark-mode.site-page h1,
body.dark-mode.site-page h2,
body.dark-mode.site-page h3,
body.dark-mode.site-page h4,
body.dark-mode.site-page h5,
body.dark-mode.site-page h6 {
  color: #0b1c30 !important;
}
body.dark-mode.site-page p {
  color: #45464d !important;
}
body.dark-mode.site-page .aff-header {
  background: #ffffff !important;
  border-color: #e5e7eb !important;
}
body.dark-mode.site-page .aff-nav__link {
  color: #45464d !important;
}
body.dark-mode.site-page .aff-nav__link:hover,
body.dark-mode.site-page .aff-nav__link.active {
  color: #0051d5 !important;
  background: rgba(0,81,213,.06) !important;
}
body.dark-mode.site-page .aff-header__login {
  color: #64748b !important;
}
body.dark-mode.site-page .aff-hero {
  background: #f8f9ff !important;
}
body.dark-mode.site-page .aff-hero__title {
  color: #0b1c30 !important;
}
body.dark-mode.site-page .aff-hero__desc {
  color: #475569 !important;
}
body.dark-mode.site-page .aff-hero__trust {
  color: #64748b !important;
}
body.dark-mode.site-page .aff-btn--outline {
  color: #0b1c30 !important;
  border-color: #d1d5db !important;
}
body.dark-mode.site-page .aff-mobile-nav {
  background: #fff !important;
  border-color: #e5e7eb !important;
}
body.dark-mode.site-page .aff-mobile-nav__link {
  color: #0b1c30 !important;
  border-color: #e5e7eb !important;
}
body.dark-mode.site-page .awin-feature-card {
  background: #fff !important;
  border-color: #e8eaf6 !important;
}
body.dark-mode.site-page .awin-feature-card__title {
  color: #0b1c30 !important;
}
body.dark-mode.site-page .awin-feature-card__desc {
  color: #45464d !important;
}
body.dark-mode.site-page .hiw-step {
  background: #fff !important;
  border-color: #e8eaf6 !important;
}
body.dark-mode.site-page .hiw-step__title {
  color: #0b1c30 !important;
}
body.dark-mode.site-page .hiw-step__desc {
  color: #45464d !important;
}
body.dark-mode.site-page .breadcrumb-section {
  background: #f0f4ff !important;
  border-color: #e8eaf6 !important;
}
body.dark-mode.site-page .account-form {
  background: #fff !important;
  border-color: #e2e8f0 !important;
}
body.dark-mode.site-page .account-form .form--label {
  color: #334155 !important;
}
body.dark-mode.site-page .account-form .form--control {
  background-color: #f8fafc !important;
  color: #1e293b !important;
  border-color: #e2e8f0 !important;
}
body.dark-mode.site-page .account-form .form-check-label {
  color: #475569 !important;
}
body.dark-mode.site-page .account-form .have-account__text {
  color: #475569 !important;
}
body.dark-mode.site-page .account-form .account-form__title {
  color: #0b1c30 !important;
}
body.dark-mode.site-page .account-form .account-form__badge {
  color: #0051d5 !important;
}
body.dark-mode.site-page .footer-area {
  background: #0b1c30 !important;
}
body.dark-mode.site-page .form--check .form-check-input {
  border-color: #94a3b8 !important;
  background-color: #ffffff !important;
}
body.dark-mode.site-page .form--check .form-check-label {
  color: #334155 !important;
}

/* ── FIX #3: Onboarding payment page — headings/text readable ── */
body.onboarding-page .ob-title,
body.onboarding-page .ob-card__title,
body.onboarding-page .ob-section-label,
body.onboarding-page .ob-order-row__name,
body.onboarding-page .ob-order-row__price,
body.onboarding-page .ob-ref-badge strong,
body.onboarding-page .ob-amount-row__val {
  color: #0b1c30 !important;
}
body.onboarding-page .ob-subtitle,
body.onboarding-page .ob-order-row__desc,
body.onboarding-page .ob-trust__item,
body.onboarding-page .ob-amount-row__label,
body.onboarding-page .ob-ref-badge,
body.onboarding-page .ob-submit-note,
body.onboarding-page .ob-progress__labels span,
body.onboarding-page .ob-upload-zone__text,
body.onboarding-page .ob-upload-zone__hint,
body.onboarding-page .ob-header__secure span,
body.onboarding-page .ob-optional,
body.onboarding-page .ob-no-gateway__desc {
  color: #45464d !important;
}
body.onboarding-page .ob-no-gateway__title {
  color: #0b1c30 !important;
}
body.onboarding-page .form--label {
  color: #334155 !important;
}
body.onboarding-page .form--control {
  background-color: #f8fafc !important;
  color: #1e293b !important;
  border: 1.5px solid #e2e8f0 !important;
}
body.onboarding-page .form--control::placeholder {
  color: #94a3b8 !important;
}
body.dark-mode.onboarding-page,
body.dark-mode .onboarding-page {
  background: #f8f9ff !important;
  color: #0b1c30 !important;
}
body.dark-mode.onboarding-page .ob-shell {
  background: #f8f9ff !important;
}
body.dark-mode.onboarding-page .ob-header {
  background: #ffffff !important;
}
body.dark-mode.onboarding-page .ob-card {
  background: #ffffff !important;
  border-color: #e8eaf6 !important;
}

/* ── FIX #4: Hero secondary button visibility ── */
body.site-page .aff-hero__ctas .aff-btn--outline {
  color: #0b1c30 !important;
  border: 1.5px solid #cbd5e1 !important;
  background: #ffffff !important;
}
body.site-page .aff-hero__ctas .aff-btn--outline:hover {
  border-color: #0b1c30 !important;
  background: rgba(11,28,48,.04) !important;
}

/* ── FIX #5: Hero trust note text readable ── */
body.site-page .aff-hero__trust {
  color: #64748b !important;
  font-size: .8125rem !important;
}
body.site-page .aff-hero__trust i {
  color: #0051d5 !important;
}

/* ── FIX #6: Nav active link visible ── */
body.site-page .aff-nav__link.active {
  color: #0051d5 !important;
  background: rgba(0,81,213,.08) !important;
  border-radius: 6px;
}

/* ── FIX #7: Account form badge (role label) ── */
body.site-page .account-form__badge {
  color: #0051d5 !important;
  font-weight: 600 !important;
}

/* ── FIX #8: Autofill text on light mode ── */
body.site-page input:-webkit-autofill,
body.site-page textarea:-webkit-autofill,
body.site-page select:-webkit-autofill {
  -webkit-text-fill-color: #1e293b !important;
  -webkit-box-shadow: 0 0 0px 1000px #f8fafc inset !important;
}