/* ============================================================
   THEME OVERRIDES — load LAST so it wins over adv3d.css / wow.css
   - .adv3d (S/02) is LIGHT (white background, dark text, orange
     accents). Padding halved per marketer feedback.
   - .form-section (S/10) is LIGHT.
   ============================================================ */


/* ============================================================
   ADV3D — light theme + halved padding
   White surface, dark text, orange accents only on em / hover.
   ============================================================ */
.adv3d {
  background: var(--white, #fafaf7) !important;
  color: var(--black, #0D0D0D) !important;
  padding: 56px 0 64px !important;  /* tighter vertical rhythm */
}
.adv3d::before {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(240,125,7,.08), transparent 55%) !important;
}
/* Atmospheric layers — soften for light bg */
.adv3d-grid-floor {
  background-image:
    linear-gradient(to right, rgba(13,13,13,.05) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(13,13,13,.05) 1px, transparent 1px) !important;
}
.adv3d-glow-1 { opacity: .22 !important; }
.adv3d-glow-2 { opacity: .14 !important; }
.adv3d-showroom-bg { display: none !important; }  /* the photo overlay was for dark intravedere — superfluous on white */

/* Title + eyebrow — flat dark, orange em */
.adv3d-eyebrow { color: rgba(13,13,13,.7) !important; }
.adv3d .adv3d-title-row {
  background: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
  color: var(--black, #0D0D0D) !important;
  text-shadow: none !important;
}
.adv3d .adv3d-title-em em {
  background: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
  color: var(--orange, #f07d07) !important;
}

/* Step labels */
.adv3d-step { color: var(--orange, #f07d07) !important; }
.adv3d-step-label { color: rgba(13,13,13,.55) !important; }

/* Cards — light surface */
.adv3d .adv3d-card-inner {
  background: #fafaf7 !important;
  border: 1px solid rgba(13,13,13,.08) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: 0 8px 24px rgba(13,13,13,.04);
}
.adv3d .adv3d-card-inner::before { display: none !important; }
.adv3d .adv3d-card:hover .adv3d-card-inner {
  border-color: rgba(240,125,7,.45) !important;
  background: #fff !important;
  box-shadow:
    0 30px 80px rgba(240,125,7,.10),
    0 12px 40px rgba(13,13,13,.06) !important;
}

/* Featured card — warm cream tinta arancio */
.adv3d .adv3d-card-feat .adv3d-card-inner {
  background: #fff7ec !important;
  border: 1px solid rgba(240,125,7,.35) !important;
}

/* Body text — dark on light */
.adv3d .adv3d-card-feat .adv3d-body h3,
.adv3d .adv3d-body h3 {
  background: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
  color: var(--black, #0D0D0D) !important;
  text-shadow: none !important;
}
.adv3d-body p { color: rgba(13,13,13,.65) !important; }
.adv3d-checks li { color: rgba(13,13,13,.85) !important; }

/* Kill the radial wash + interior grid on cards */
.adv3d .adv3d-card-bg { display: none !important; }
.adv3d .adv3d-card-grid { display: none !important; }

/* Big background watermark counter — dark on light */
.adv3d .adv3d-counter { color: rgba(13,13,13,.05) !important; }
.adv3d .adv3d-card-feat .adv3d-counter { color: rgba(240,125,7,.10) !important; }

/* Card 03 — phone3d frame + bubbles need to read on the light card surface */
.adv3d-scene-3 .phone3d-frame {
  background: var(--black, #0D0D0D) !important;
  border-color: rgba(13,13,13,.18) !important;
}

/* Mobile: same 50% reduction */
@media (max-width: 640px) {
  .adv3d { padding: 40px 0 44px !important; }
}


/* ============================================================
   FORM-SECTION — light scheme
   ============================================================ */
.form-section {
  background: var(--white, #fafaf7) !important;
  color: #0a0a0a !important;
}
.form-section .mark-wm { opacity: .04 !important; }
.form-section .form-left h2 { color: #0a0a0a !important; }
.form-section .form-left .lead { color: rgba(10,10,10,.7) !important; }

/* GRATIS callout */
.form-section .incentive {
  background: linear-gradient(135deg, rgba(240,125,7,.14), rgba(240,125,7,.03)) !important;
  border: 1px solid rgba(240,125,7,.4) !important;
}
.form-section .incentive h4 { color: #0a0a0a !important; }
.form-section .incentive p { color: rgba(10,10,10,.75) !important; }

/* Card */
.form-section .form-card {
  background: #fff !important;
  border: 1px solid rgba(10,10,10,.10) !important;
  box-shadow: 0 30px 80px rgba(10,10,10,.06) !important;
}
.form-section .form-card h3 { color: #0a0a0a !important; }
.form-section .form-card .sub { color: rgba(10,10,10,.6) !important; }

/* Fields */
.form-section .field label { color: rgba(10,10,10,.65) !important; }
.form-section .field input,
.form-section .field select,
.form-section .field textarea {
  background: #fafaf7 !important;
  border: 1px solid rgba(10,10,10,.14) !important;
  color: #0a0a0a !important;
}
.form-section .field input::placeholder,
.form-section .field textarea::placeholder { color: rgba(10,10,10,.35) !important; }
.form-section .field input:focus,
.form-section .field select:focus,
.form-section .field textarea:focus {
  border-color: var(--orange) !important;
  box-shadow: 0 0 0 3px rgba(240,125,7,.18) !important;
  background: #fff !important;
}

/* Inline incentive strip */
.form-section .form-incentive {
  background: rgba(240,125,7,.08) !important;
  border: 1px dashed rgba(240,125,7,.5) !important;
}
.form-section .form-incentive .text strong { color: #0a0a0a !important; }
.form-section .form-incentive .text span { color: rgba(10,10,10,.65) !important; }

/* Fineprint */
.form-section .form-fineprint { color: rgba(10,10,10,.55) !important; }
.form-section .form-fineprint a { color: var(--orange) !important; }

/* "facoltativo" inline hint inside a label was hardcoded white — flip it */
.form-section .field label span[style*="rgba(255,255,255"] {
  color: rgba(10,10,10,.4) !important;
}
.form-section .field-optional {
  color: rgba(10,10,10,.45) !important;
}

/* GDPR consent row — light scheme */
.form-section .consent-row {
  background: #fafaf7 !important;
  border: 1px solid rgba(10,10,10,.10) !important;
}
.form-section .consent-row:hover {
  background: #fff !important;
  border-color: rgba(10,10,10,.20) !important;
}
/* Sibling-span checkbox (.consent-box) — light scheme */
.form-section .consent-box {
  background: #fff !important;
  border-color: rgba(10,10,10,.30) !important;
}
.form-section .consent-check input[type="checkbox"]:checked ~ .consent-box {
  background: var(--orange) !important;
  border-color: var(--orange) !important;
}
.form-section .consent-text {
  color: rgba(10,10,10,.65) !important;
}
.form-section .consent-text strong { color: rgba(10,10,10,.95) !important; }

/* Custom datepicker — light scheme. Trigger background and border
   match .field input light overrides so the row stays uniform. */
.form-section .datepicker-trigger {
  background: #fafaf7 !important;
  border: 1px solid rgba(10,10,10,.14) !important;
  color: rgba(10,10,10,.35) !important;
}
.form-section .datepicker-trigger:hover { border-color: rgba(10,10,10,.3) !important; }
.form-section .datepicker-trigger:focus-visible {
  border-color: var(--orange) !important;
  box-shadow: 0 0 0 3px rgba(240,125,7,.18) !important;
  background: #fff !important;
}
.form-section .datepicker-trigger.has-value { color: #0a0a0a !important; }
.form-section .datepicker-pop {
  /* Solid white — explicit opacity:1 prevents inheritance from any
     atmospheric form-section opacity / mask rules. */
  background: #ffffff !important;
  opacity: 1 !important;
  border: 1px solid rgba(10,10,10,.10) !important;
  box-shadow: 0 30px 80px rgba(10,10,10,.10), 0 12px 30px rgba(10,10,10,.06) !important;
}
.form-section .dp-btn {
  border: 1px solid rgba(10,10,10,.14) !important;
  color: #0a0a0a !important;
}
.form-section .dp-btn:hover:not(:disabled) {
  border-color: var(--orange) !important;
  color: var(--orange) !important;
}
.form-section .dp-month { color: #0a0a0a !important; }
.form-section .datepicker-weekdays span { color: rgba(10,10,10,.4) !important; }
.form-section .dp-cell { color: #0a0a0a !important; }
.form-section .dp-day:hover {
  background: rgba(240,125,7,.10) !important;
  border-color: rgba(240,125,7,.4) !important;
  color: var(--orange) !important;
}
.form-section .dp-disabled {
  color: rgba(10,10,10,.22) !important;
  text-decoration-color: rgba(10,10,10,.12) !important;
}
.form-section .dp-disabled:hover {
  background: transparent !important;
  border-color: transparent !important;
  color: rgba(10,10,10,.22) !important;
}
.form-section .dp-selected {
  background: var(--orange) !important;
  color: #fff !important;
  border-color: var(--orange) !important;
}
.form-section .datepicker-foot { color: rgba(10,10,10,.45) !important; }

/* Submit disabled state — light */
.form-section .form-submit:disabled {
  background: rgba(10,10,10,.12) !important;
  color: rgba(10,10,10,.4) !important;
}
.form-section .form-submit:disabled:hover { background: rgba(10,10,10,.12) !important; }

/* (consent-row light overrides already defined earlier at lines 175-188) */

/* ============================================================
   FORM-SECTION — flatten / material (drop atmospheric gradients)
   Same treatment as adv3d: keep accents, drop gradient text +
   blurred glows + perspective grid floor + glassy card gradients.
   ============================================================ */

/* Kill ambient atmospheric layers */
.form-section::before,
.form-section::after,
.form-section .form-glow-1,
.form-section .form-glow-2 { display: none !important; }

/* Flatten title — no gradient fill, no halo */
.form-section .form-left h2 {
  background: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
  text-shadow: none !important;
}
.form-section .form-left h2 em {
  background: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
  color: var(--orange) !important;
}

/* Solid orange incentive card — bold, decisive, no transparency */
.form-section .incentive {
  background: var(--orange) !important;
  border: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: 0 20px 50px rgba(240,125,7,.28) !important;
  color: #fff !important;
}
.form-section .incentive::after { display: none !important; }
.form-section .incentive h4 { color: #fff !important; }
.form-section .incentive p { color: rgba(255,255,255,.92) !important; }
.form-section .incentive .value { color: #fff !important; opacity: .9; }
.form-section .incentive .ico-gift {
  border-color: rgba(255,255,255,.55) !important;
  color: #fff !important;
}
/* GRATIS badge — keep dark on the orange card for solid contrast */
.form-section .incentive::before {
  background: #0D0D0D !important;
  color: #fff !important;
}

/* Flatten form-card heading — solid color (card itself stays white from light scheme) */
.form-section .form-card h3 {
  background: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
}
.form-section .form-card::before { display: none !important; }