/* ============================================================
   Italianway Academy — custom.css
   UIkit overrides per riportare le pagine al look DESIGN-STATIC originale.
   Niente modifica al markup: solo override su classi UIkit.
   ============================================================ */

/* ── FONTS ───────────────────────────────────────────────── */
/* Solo Montserrat (sans, body, headings) + Cormorant Garamond (riservato a <em>). */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400..700;1,300..600&family=Montserrat:wght@300..800&display=swap');
/* DM Sans / DM Mono: usati SOLO dal template TEST (scope .iht), unificato in fondo a questo file.
   Tenuto qui in cima perché gli @import devono precedere ogni regola. */
@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@300..600&display=swap');

/* ── TOKENS ──────────────────────────────────────────────── */
:root {
  --iw-bg:           #FAFAFA;
  --iw-surface:      #EDEAE8;
  --iw-surfaceElev:  #FFFFFF;
  --iw-line:         rgba(0,0,0,0.08);
  --iw-lineStrong:   rgba(0,0,0,0.16);
  --iw-text:         #1D1D1F;
  --iw-textMuted:    rgba(29,29,31,0.56);
  --iw-textFaint:    rgba(29,29,31,0.34);
  --iw-accent:       #e3696a;
  --iw-accentSoft:   rgba(227,105,106,0.08);
  --iw-accentBorder: rgba(227,105,106,0.25);
  --iw-accentStrong: #c75051;

  /* Montserrat ovunque. Cormorant è riservato esclusivamente al tag <em>. */
  --f-em:    'Cormorant Garamond', Georgia, serif;
  --f-sans:  'Montserrat', 'Helvetica Neue', Arial, sans-serif;
  --f-mono:  'Montserrat', 'Helvetica Neue', Arial, sans-serif;
  --f-title: 'Montserrat', 'Helvetica Neue', Arial, sans-serif;
}

/* <em> globale: Cormorant italic (unica eccezione a Montserrat). */
em {
  font-family: var(--f-em);
  font-style: italic;
}

#wc-stripe-express-checkout-element {
  display: none !important;
}

/* ── GLOBAL ──────────────────────────────────────────────── */
html, body {
  background: var(--iw-bg);
  color: var(--iw-text);
  font-family: var(--f-sans);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ── HEADINGS — Montserrat per titoli "title", Cormorant per "serif" ── */
.uk-heading-xlarge,
.uk-heading-large,
.uk-heading-medium,
.uk-heading-small,
.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6,
h1, h2, h3, h4, h5, h6 {
  font-family: var(--f-title);
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--iw-text);
}
.uk-heading-xlarge { font-size: 72px !important; line-height: 1; font-weight: 400; }
.uk-heading-large  { font-size: 44px !important; line-height: 1.05; }
.uk-heading-medium { font-size: 40px !important; line-height: 1.1; }
.uk-heading-small  { font-size: 32px !important; line-height: 1.15; }

/* em dentro headings → Cormorant italic accent */
.uk-heading-xlarge em,
.uk-heading-large em,
.uk-heading-medium em,
.uk-heading-small em,
h1 em, h2 em, h3 em {
  font-family: var(--f-em);
  font-style: italic;
  font-weight: 400;
  color: var(--iw-accent);
}

/* card titles (h4 dentro card) → Montserrat */
.uk-card-title {
  font-family: var(--f-title);
  font-weight: 600;
  letter-spacing: -0.01em;
  font-size: 18px;
  line-height: 1.3;
  color: var(--iw-text);
}

/* lead paragraph */
.uk-text-lead {
  font-family: var(--f-sans);
  font-weight: 400;
  font-size: 18px;
  line-height: 1.65;
}

/* meta / muted */
.uk-text-meta {
  font-family: var(--f-sans);
  font-size: 13px;
  color: #000;
  line-height: 1.8;
}
.uk-text-muted { color: var(--iw-textMuted) !important; }

/* ── ACCENT: text-warning → rosso Italianway ─────────────── */
.uk-text-warning,
.uk-link-warning,
.uk-link-warning:hover {
  color: var(--iw-accent) !important;
}

/* Eyebrow di sezione (landing/sales): sempre rosso brand pieno, mai grigio.
   Pattern usato dai template: uk-text-meta + uk-text-uppercase + uk-text-bold. */
.uk-text-meta.uk-text-uppercase.uk-text-bold {
  color: var(--iw-accent);
}

/* ── LABEL ────────────────────────────────────────────────── */
.uk-label {
  font-family: var(--f-sans);
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  padding: 4px 8px;
  border-radius: 4px;
  background: rgba(0,0,0,0.04);
  color: var(--iw-textMuted);
  text-shadow: none;
}
.uk-label-warning {
  background: var(--iw-accentSoft);
  color: var(--iw-accent) !important;
  border: 1px solid var(--iw-accentBorder);
}
.uk-label-success {
  background: rgba(40,167,69,0.10);
  color: #28a745 !important;
}
/* monogramma "Ia" — label-warning con uk-border-circle (size diversa) */
.uk-label-warning.uk-margin-small-right:not(.uk-padding-small):not(.uk-border-circle) {
  background: var(--iw-accent);
  color: #fff !important;
  border: none;
  font-family: var(--f-title);
  font-style: italic;
  font-size: 14px;
  padding: 4px 8px;
  letter-spacing: 0;
  text-transform: none;
}

/* ── BUTTONS ─────────────────────────────────────────────── */
.uk-button {
  font-family: var(--f-sans);
  font-weight: 500;
  text-transform: none;
  letter-spacing: 0;
  border-radius: 8px;
  padding: 10px 20px;
  font-size: 14px;
}
.uk-button-primary {
  background: var(--iw-accent);
  color: #fff;
  border: 1px solid var(--iw-accent);
}
.uk-button-primary:hover,
.uk-button-primary:focus {
  background: var(--iw-accentStrong);
  border-color: var(--iw-accentStrong);
  color: #fff;
}
.uk-button-default {
  background: transparent;
  border: 1px solid var(--iw-line);
  color: var(--iw-text);
}
.uk-button-default:hover,
.uk-button-default:focus {
  border-color: var(--iw-lineStrong);
  background: rgba(0,0,0,0.04);
  color: var(--iw-text);
}
.uk-button-secondary {
  background: var(--iw-text);
  color: #fff;
  border-color: var(--iw-text);
}
.uk-button-secondary:hover,
.uk-button-secondary:focus {
  background: #000;
  border-color: #000;
  color: #fff;
}
.uk-button-link {
  color: var(--iw-text);
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.uk-button-link:hover { color: var(--iw-accent); }
.uk-button.uk-border-pill { border-radius: 999px; }
.uk-button-small { padding: 7px 14px; font-size: 13px; }

/* ── CARDS ───────────────────────────────────────────────── */
.uk-card-default,
.uk-card-secondary,
.uk-card-primary {
  border-radius: 12px;
  box-shadow: none;
}
.uk-card-default {
  background: var(--iw-surfaceElev);
  border: 1px solid var(--iw-line);
  color: var(--iw-text);
}
.uk-card-secondary {
  background: var(--iw-surface);
  color: var(--iw-text);
}
.uk-card-primary {
  background: var(--iw-accentSoft);
  border: 1px solid var(--iw-accentBorder);
  color: var(--iw-text);
  box-shadow: 0 8px 40px rgba(232,68,44,0.12);
}
.uk-card-primary .uk-text-meta,
.uk-card-primary .uk-text-muted,
.uk-card-primary .uk-card-title { color: var(--iw-text); }
.uk-card-hover:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 48px rgba(0,0,0,0.10);
  border-color: var(--iw-lineStrong);
  transition: all 280ms cubic-bezier(.2,.8,.2,1);
}

/* ── SECTIONS ────────────────────────────────────────────── */
.uk-section-muted { background: var(--iw-surface); }
.uk-section-default { background: var(--iw-bg); }
.uk-section { padding-top: 96px; padding-bottom: 96px; }
.uk-section-large { padding-top: 120px; padding-bottom: 120px; }
.uk-section-small { padding-top: 56px; padding-bottom: 56px; }

/* ── DIVIDERS ────────────────────────────────────────────── */
hr, .uk-divider-icon { border-color: var(--iw-line); }
.uk-divider-icon::before { color: var(--iw-accent); }

/* ── NAVBAR ──────────────────────────────────────────────── */
.uk-navbar-container {
  background: var(--iw-bg);
  border-bottom: 1px solid var(--iw-line);
  backdrop-filter: blur(12px);
}
.uk-logo {
  font-family: var(--f-title);
  font-weight: 800;
  font-size: 18px;
  letter-spacing: -0.01em;
  text-transform: none;
  color: var(--iw-text);
  display: flex;
  align-items: center;
}
.uk-logo:hover { color: var(--iw-text); }
.uk-navbar-nav > li > a {
  font-family: var(--f-sans);
  font-weight: 500;
  font-size: 14px;
  text-transform: none;
  letter-spacing: 0;
  color: var(--iw-textMuted);
  min-height: 72px;
}
.uk-navbar-nav > li:hover > a,
.uk-navbar-nav > li.uk-active > a {
  color: var(--iw-text);
}
.uk-navbar-nav > li.uk-active > a { font-weight: 600; }

/* ── PROGRESS ─────────────────────────────────────────────── */
.uk-progress {
  height: 4px;
  border-radius: 2px;
  background: rgba(0,0,0,0.04);
}
.uk-progress::-webkit-progress-bar { background: rgba(0,0,0,0.04); border-radius: 2px; }
.uk-progress::-webkit-progress-value { background: var(--iw-accent); border-radius: 2px; }
.uk-progress::-moz-progress-bar { background: var(--iw-accent); border-radius: 2px; }

/* ── ALERT ────────────────────────────────────────────────── */
.uk-alert-warning {
  background: var(--iw-surface);
  border-left: 3px solid var(--iw-accent);
  color: var(--iw-text);
}
.uk-alert-success {
  background: rgba(40,167,69,0.06);
  border-left: 3px solid #28a745;
  color: var(--iw-text);
}
.uk-alert-primary {
  background: var(--iw-accentSoft);
  border-left: 3px solid var(--iw-accent);
  color: var(--iw-text);
}

/* ── KBD ──────────────────────────────────────────────────── */
kbd {
  font-family: var(--f-mono);
  font-size: 11px;
  padding: 2px 6px;
  background: var(--iw-surface);
  border: 1px solid var(--iw-line);
  border-radius: 4px;
  color: var(--iw-textFaint);
}

/* ── SEARCH (uk-search) ──────────────────────────────────── */
.uk-search-input {
  font-family: var(--f-sans);
  background: var(--iw-bg);
  border: 1px solid var(--iw-line);
  border-radius: 999px;
  padding-left: 44px;
  padding-right: 16px;
  height: 44px;
}
.uk-search-default .uk-search-icon { color: var(--iw-textMuted); }

/* ── ACCORDION (FAQ) ──────────────────────────────────────── */
.uk-accordion > li { border-bottom: 1px solid var(--iw-line); }
.uk-accordion > li > .uk-accordion-title {
  font-family: var(--f-title);
  font-size: 19px;
  font-weight: 400;
  color: var(--iw-text);
  padding: 22px 0;
}
.uk-accordion > li > .uk-accordion-title::before {
  background-image: none;
  content: '+';
  color: var(--iw-text);
  width: 28px; height: 28px;
  border-radius: 50%;
  background: var(--iw-surface);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  margin-left: 12px;
  transition: transform .25s, background .2s;
}
.uk-accordion > li.uk-open > .uk-accordion-title::before {
  content: '×';
  background: var(--iw-accentSoft);
  color: var(--iw-accent);
}

/* ── BREADCRUMB ───────────────────────────────────────────── */
.uk-breadcrumb > * > * { font-family: var(--f-sans); font-size: 13px; }
.uk-breadcrumb > :last-child > * { color: var(--iw-text); }

/* ── LIST + LIST-DIVIDER ──────────────────────────────────── */
.uk-list-divider > li + li { border-color: var(--iw-line); }

/* ── LANDING-SPECIFIC ────────────────────────────────────── */
/* hero h1 lead em */
.uk-heading-xlarge em {
  display: inline-block;
  font-family: var(--f-title);
  font-style: italic;
  font-weight: 400;
  color: var(--iw-accent);
}

/* "Numeri" 4-col strip — uk-grid-collapse con bordo come gap */
.uk-grid-collapse > .uk-card-default {
  border-radius: 0;
  border-right-width: 0;
  border-bottom-width: 0;
}
.uk-grid-collapse > div:last-child > .uk-card-default { border-right-width: 1px; }
/* numero serif gigante */
.uk-card-default .uk-heading-medium.uk-text-warning {
  font-family: var(--f-title);
  font-style: normal;
  font-weight: 400;
  font-size: 52px;
  letter-spacing: -0.02em;
  line-height: 1;
}

/* Speaker card avatar (uk-label-warning + uk-border-circle + uk-padding-small) */
.uk-card-default .uk-label.uk-label-warning.uk-border-circle.uk-padding-small {
  width: 52px;
  height: 52px;
  border: 1px solid var(--iw-accentBorder);
  background: var(--iw-accentSoft);
  color: var(--iw-accent) !important;
  font-family: var(--f-title);
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0;
  text-transform: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Speaker card role (uk-text-warning uk-text-uppercase) */
.uk-card-small .uk-text-meta.uk-text-warning.uk-text-uppercase {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.06em;
}

/* Footer-ish small section */
.uk-section-small .uk-text-meta.uk-text-center {
  font-size: 12px;
  color: var(--iw-textFaint);
}

/* Eyebrow look — sequenza tipica: uk-text-meta + uk-text-warning + uk-text-uppercase + uk-text-bold */
.uk-text-meta.uk-text-warning.uk-text-uppercase.uk-text-bold {
  font-family: var(--f-sans);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.12em;
  color: var(--iw-accent) !important;
  margin-bottom: 12px;
}

/* mark / highlight */
mark {
  background: var(--iw-accentSoft);
  color: var(--iw-accent);
  padding: 0 2px;
  border-radius: 3px;
}

/* SVG icons inherit currentColor — text-warning su parent → svg rosso */
.uk-text-warning svg { color: var(--iw-accent); }

/* selection */
::selection { background: rgba(232,68,44,0.25); }

/* ============================================================
   ROUND 1 FIXES — Critical
   ============================================================ */

/* ── 0. Disabilita scrollspy hiding (per screenshot e accessibilità no-JS) */
[uk-scrollspy] > *,
[uk-scrollspy] [class*="uk-animation"],
.uk-invisible-toggle {
  opacity: 1 !important;
  visibility: visible !important;
}

/* ── 1. Hero pill "● AGGIORNATO AL 2026" ─────────────────── */
.uk-section-large .uk-width-1-2\@m > .uk-label.uk-label-warning:first-child {
  display: inline-flex;
  align-items: center;
  padding: 6px 14px;
  border-radius: 999px;
  font-size: 11px;
  letter-spacing: 0.08em;
  border: 1px solid var(--iw-accentBorder);
  background: var(--iw-accentSoft);
  color: var(--iw-accent) !important;
}

/* ── 2 + 3. Hero video card + play button + review card flottante ── */
.uk-section-large .uk-position-relative {
  /* hero right column wrapper */
  position: relative;
  padding-bottom: 40px;     /* spazio per review card che sporge */
}
.uk-section-large .uk-position-relative > .uk-card-default:not(.uk-card-small) {
  /* video card */
  position: relative;
  aspect-ratio: 16/9;
  display: grid;
  place-items: center;
  border-radius: 16px;
  background: var(--iw-surface);
  box-shadow: 0 24px 64px rgba(0,0,0,0.10);
  overflow: hidden;
}
.uk-section-large .uk-position-relative > .uk-card-default:not(.uk-card-small) > div {
  /* inner content (play + label) */
  display: grid;
  place-items: center;
  position: relative;
  z-index: 1;
}
/* play-circle SVG span → pulsante rosso rotondo grande */
.uk-section-large .uk-position-relative > .uk-card-default:not(.uk-card-small) .uk-text-warning {
  display: inline-grid;
  place-items: center;
  width: 72px; height: 72px;
  border-radius: 50%;
  background: var(--iw-accent);
  color: #fff;
  box-shadow: 0 8px 32px rgba(232,68,44,0.40);
  transition: transform .2s;
}
.uk-section-large .uk-position-relative > .uk-card-default:not(.uk-card-small) .uk-text-warning:hover {
  transform: scale(1.08);
}
.uk-section-large .uk-position-relative > .uk-card-default:not(.uk-card-small) .uk-text-warning svg {
  color: #fff;
  width: 26px; height: 26px;
  margin-left: 3px;
}
.uk-section-large .uk-position-relative > .uk-card-default:not(.uk-card-small) .uk-text-meta {
  position: absolute;
  bottom: -32px; left: 0;
  font-family: var(--f-title);
  font-style: italic;
  color: var(--iw-textFaint);
  font-size: 14px;
  width: 100%;
  text-align: center;
}

/* Review card flottante (uk-card-small con uk-position-bottom-left) */
.uk-section-large .uk-position-relative > .uk-card-small.uk-position-bottom-left {
  position: absolute;
  bottom: -20px !important;
  left: -20px !important;
  width: 280px;
  margin: 0 !important;
  transform: none !important;
  background: var(--iw-surfaceElev);
  border: 1px solid var(--iw-line);
  border-radius: 12px;
  padding: 16px 20px;
  box-shadow: 0 8px 32px rgba(0,0,0,0.08);
  z-index: 2;
}
.uk-section-large .uk-position-relative > .uk-card-small.uk-position-bottom-left .uk-text-warning svg {
  color: #e3696a;        /* stelle giallo-arancio */
  width: 14px; height: 14px;
}
.uk-section-large .uk-position-relative > .uk-card-small.uk-position-bottom-left .uk-text-bold {
  color: var(--iw-accent);
  font-size: 12px;
}
.uk-section-large .uk-position-relative > .uk-card-small.uk-position-bottom-left p {
  font-family: var(--f-title);
  font-size: 14px;
  line-height: 1.5;
  font-style: italic;
  margin: 8px 0 8px;
}
.uk-section-large .uk-position-relative > .uk-card-small.uk-position-bottom-left .uk-text-meta {
  font-size: 11px;
  font-weight: 600;
  color: var(--iw-textFaint);
  letter-spacing: 0.06em;
}

/* ── 4. Hero "NEW — 9 moduli..." banner ─────────────────── */
.uk-section-large .uk-width-1-2\@m > .uk-card-default.uk-card-small {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 16px;
  background: var(--iw-surface);
  border: 1px solid var(--iw-line);
  border-radius: 8px;
  box-shadow: none;
  margin-top: 16px;
}
.uk-text-danger {
  color: #e3696a;
  display: inline-block;
  width: 7px; height: 7px;
  border-radius: 50%;
  background: #e3696a;
  font-size: 0;     /* hide the "●" char, use bg only */
  flex-shrink: 0;
}
.uk-section-large .uk-width-1-2\@m > .uk-card-default.uk-card-small .uk-text-small {
  font-family: var(--f-sans);
  font-size: 13px;
  font-weight: 500;
  color: var(--iw-text);
}

/* ── 5. "Per chi è" — pallini I-VI rotondi soft ─────────── */
#per-chi-e .uk-card-default .uk-label.uk-label-warning.uk-border-circle.uk-padding-small {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--iw-accentSoft);
  border: 1px solid var(--iw-accentBorder);
  color: var(--iw-accent) !important;
  font-family: var(--f-title);
  font-style: italic;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0;
  text-transform: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin-bottom: 16px;
}

/* ── 6. "Cosa ottieni" — 3 icone in box accent-soft ─────── */
#cosa-ottieni .uk-card-default > span.uk-text-warning:first-child,
#cosa-ottieni .uk-card-default > .uk-text-warning:has(svg) {
  display: inline-grid;
  place-items: center;
  width: 52px;
  height: 52px;
  border-radius: 12px;
  background: var(--iw-accentSoft);
  margin-bottom: 20px;
  color: var(--iw-accent);
}
#cosa-ottieni .uk-card-default > .uk-text-warning svg {
  width: 24px;
  height: 24px;
}

/* ── 7. Banner bonus live (uk-alert-warning) ─────────────── */
#cosa-ottieni .uk-alert-warning {
  background: var(--iw-surface) !important;
  border: 1px solid var(--iw-line) !important;
  border-left: 1px solid var(--iw-line) !important;
  border-radius: 12px !important;
  padding: 28px 32px !important;
  color: var(--iw-text) !important;
  display: flex;
  align-items: center;
  gap: 20px;
}
#cosa-ottieni .uk-alert-warning > .uk-margin-small-right {
  display: inline-grid;
  place-items: center;
  width: 48px; height: 48px;
  border-radius: 10px;
  background: var(--iw-accentSoft);
  color: var(--iw-accent);
  margin: 0 !important;
  flex-shrink: 0;
}
#cosa-ottieni .uk-alert-warning > .uk-margin-small-right svg {
  width: 22px; height: 22px;
}
#cosa-ottieni .uk-alert-warning strong {
  font-family: var(--f-title);
  font-weight: 400;
  font-size: 18px;
  display: block;
  margin-bottom: 4px;
  color: var(--iw-text);
}

/* ── 8. Consulenza standalone (sotto pricing) ────────────── */
#iscriviti > .uk-container > .uk-card.uk-card-default.uk-card-body {
  /* questo è il banner consulenza dopo la grid 3 colonne */
  background: var(--iw-surface);
  border-radius: 16px;
  padding: 28px 36px;
}
#iscriviti > .uk-container > .uk-card.uk-card-default.uk-card-body .uk-label.uk-label-warning.uk-border-circle.uk-padding-small {
  width: 48px; height: 48px;
  background: var(--iw-accentSoft);
  border: 1px solid var(--iw-accentBorder);
  color: var(--iw-accent) !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
#iscriviti > .uk-container > .uk-card.uk-card-default.uk-card-body .uk-heading-small {
  font-family: var(--f-title);
  font-size: 32px;
  font-weight: 700;
  letter-spacing: -0.02em;
}

/* ── 9. h4 dentro card → Montserrat (titoli "Parti da zero", "13 ore di formazione", ecc.) */
.uk-card-default h4,
.uk-card-default .uk-card-title {
  font-family: var(--f-title);
  font-weight: 600;
  font-size: 20px;
  letter-spacing: -0.01em;
  line-height: 1.3;
  color: var(--iw-text);
}
/* webinar card titles: anche h4 dentro card hover */
.uk-card-hover h4 {
  font-family: var(--f-title);
  font-weight: 600;
}

/* ============================================================
   ROUND 2 FIXES — Important
   ============================================================ */

/* ── 10. NUMERI 4-col: rimuovere bordi card, separatori verticali ── */
.uk-section-small .uk-grid-collapse > div > .uk-card-default {
  background: transparent !important;
  border: none !important;
  border-left: 1px solid var(--iw-line) !important;
  border-radius: 0 !important;
  padding: 0 40px !important;
  box-shadow: none !important;
}
.uk-section-small .uk-grid-collapse > div:first-child > .uk-card-default {
  border-left: none !important;
  padding-left: 0 !important;
}

/* ── 11. TopNav: monogramma "Ia" solido + "Academy" rosso uppercase ── */
.uk-navbar-item.uk-logo .uk-label.uk-label-warning {
  background: var(--iw-accent) !important;
  color: #fff !important;
  border: none !important;
  font-family: var(--f-title);
  font-style: italic;
  font-size: 14px;
  font-weight: 500;
  padding: 6px 9px;
  letter-spacing: 0;
  text-transform: none;
  border-radius: 2px;
  line-height: 1;
}
.uk-navbar-item.uk-logo .uk-text-muted {
  color: var(--iw-accent) !important;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  font-size: 10px;
  font-weight: 700;
  margin-top: 2px;
}
.uk-navbar-item.uk-logo .uk-text-bold {
  font-family: var(--f-title);
  font-weight: 400;
  font-size: 17px;
  color: var(--iw-text);
  line-height: 1.1;
}

/* ── 12. TopNav: navlinks centrate ── */
.uk-navbar-right > .uk-navbar-nav {
  flex: 1;
  justify-content: center;
}

/* ── 13. Pricing: tag "Consigliato" / "Solo Fiscalità" pill che sporge ── */
#iscriviti .uk-card-primary .uk-label.uk-position-top-right,
#iscriviti .uk-card-default .uk-label.uk-position-top-right {
  position: absolute;
  top: -14px !important;
  right: 24px !important;
  margin: 0 !important;
  padding: 4px 16px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
#iscriviti .uk-card-primary .uk-label.uk-label-warning.uk-position-top-right {
  background: var(--iw-accent) !important;
  color: #fff !important;
  border: none !important;
}
#iscriviti .uk-card-default .uk-label.uk-position-top-right:not(.uk-label-warning) {
  background: var(--iw-surface);
  color: var(--iw-textMuted);
  border: 1px solid var(--iw-line);
}

/* ── 14. Pricing: card uniforme width + Pro più visibile ── */
#iscriviti .uk-card-default,
#iscriviti .uk-card-primary {
  padding: 36px 32px;
  height: 100%;
}
#iscriviti .uk-card-primary {
  background: var(--iw-accentSoft) !important;
  border: 1px solid var(--iw-accent) !important;
  box-shadow: 0 8px 40px rgba(232,68,44,0.12);
}

/* ── 15. Pricing: prezzo grande + line-through ── */
#iscriviti .uk-heading-medium {
  font-family: var(--f-title);
  font-size: 48px;
  font-weight: 700;
  letter-spacing: -0.02em;
  font-style: normal;
}
#iscriviti .uk-heading-medium small {
  font-family: var(--f-sans);
  font-weight: 400;
  font-size: 14px;
  color: var(--iw-textMuted);
  text-decoration: line-through;
}

/* ── 16. Hero "Vedi il programma" link più visibile ── */
.uk-section-large .uk-button.uk-button-link {
  color: var(--iw-text);
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
  font-size: 15px;
}

/* ── 17. Stats hero: numeri Cormorant grandi ── */
.uk-section-large .uk-heading-small {
  font-family: var(--f-title);
  font-weight: 400;
  font-size: 28px;
  letter-spacing: -0.01em;
}
.uk-section-large .uk-heading-small.uk-text-warning {
  color: var(--iw-accent) !important;
}

/* ── 18. uk-card-primary: forza testo nero leggibile ── */
.uk-card-primary,
.uk-card-primary *:not(.uk-text-warning):not(.uk-label-warning):not(.uk-label):not(svg):not(path) {
  color: var(--iw-text) !important;
}
.uk-card-primary .uk-text-meta {
  color: var(--iw-textMuted) !important;
}
.uk-card-primary .uk-button-secondary {
  background: var(--iw-text);
  color: #fff !important;
  border-color: var(--iw-text);
}
.uk-card-primary .uk-button-secondary:hover { background: #000; }

/* card-primary heading visible */
.uk-card-primary h3,
.uk-card-primary .uk-heading-medium {
  color: var(--iw-text) !important;
}

/* svg icons inside card-primary should be visible too */
.uk-card-primary svg {
  color: var(--iw-text);
}
.uk-card-primary .uk-text-warning svg,
.uk-card-primary li svg {
  color: var(--iw-accent) !important;
}

/* ============================================================
   ROUND 3 FIXES — Minor polish
   ============================================================ */

/* ── 19. Footer: "Academy" rosso uppercase tracking (solo nel brand block) ── */
footer .uk-width-auto > .uk-text-meta {
  color: var(--iw-accent) !important;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  font-size: 10px;
  font-weight: 700;
}
footer .uk-width-auto > .uk-text-bold {
  font-family: var(--f-title);
  font-weight: 400;
  font-size: 15px;
  color: var(--iw-text);
}
/* Copyright centro: muted normale */
footer .uk-width-expand.uk-text-meta {
  color: var(--iw-textFaint) !important;
  text-transform: none;
  letter-spacing: 0;
  font-size: 12px;
  font-weight: 400;
}
/* footer label "Ia" stessa formula del topnav */
footer .uk-label.uk-label-warning {
  background: var(--iw-accent) !important;
  color: #fff !important;
  border: none !important;
  font-family: var(--f-title);
  font-style: italic;
  font-size: 13px;
  font-weight: 500;
  padding: 5px 8px;
  border-radius: 2px;
  letter-spacing: 0;
  text-transform: none;
  line-height: 1;
}

/* ── 20. Accordion FAQ: spacing più compatto ── */
.uk-accordion > li > .uk-accordion-title {
  padding: 20px 0;
}

/* ── 21. Stars (uk-text-warning containing star svg) — colore oro ── */
.uk-text-warning svg path[d*="M10 3l1.5 4.5"],
.uk-text-warning svg circle + path[d*="L16 9"] {
  /* solo per il pattern stella */
}
/* tutti gli SVG dentro uk-text-warning ereditano accent, ma stars devono essere gialle */
.uk-section .uk-text-warning .uk-icon[uk-icon*="star"] svg,
.uk-section .uk-text-warning svg path[d^="M10 3l1.5"] {
  color: #e3696a;
}

/* ── 22. Pulsanti dentro testimonianze + review card: stars gialle ── */
[class*="uk-card"] .uk-text-warning > svg path[d^="M10 3l1.5"] {
  fill: #e3696a;
  stroke: #e3696a;
}

/* ── 23. Programma: titoli moduli serif italic accent + meta docente lato dx ── */
#programma .uk-list > li {
  padding: 16px 24px;
}
#programma .uk-list > li > span[style*="font-style:italic"] {
  font-size: 22px !important;
  min-width: 36px;
}

/* ── 24. Section padding più compatto per matchare original ── */
.uk-section { padding-top: 72px; padding-bottom: 72px; }
.uk-section-large { padding-top: 96px; padding-bottom: 80px; }
.uk-section-small { padding-top: 48px; padding-bottom: 48px; }
.uk-section + hr,
hr + .uk-section { margin: 0; }

/* ============================================================
   ROUND 5 FIXES — DASHBOARD
   ============================================================ */

/* ── 25. heading-bullet: rimuovi barra (originale non ha) ── */
.uk-heading-bullet {
  border-left: none !important;
  padding-left: 0 !important;
}
.uk-heading-bullet::before { display: none !important; }

/* ── 26. Avatar topnav (LB) → cerchio rosso solido ── */
.uk-navbar-item > button.uk-button.uk-button-secondary.uk-border-circle,
.uk-navbar-item button.uk-button-secondary.uk-border-circle {
  background: var(--iw-accent) !important;
  color: #fff !important;
  border: none !important;
  width: 40px;
  height: 40px;
  padding: 0;
  font-family: var(--f-title);
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.04em;
  border-radius: 50%;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* ── 27. uk-badge "8" Appunti → pill rosso piccolo ── */
.uk-navbar-nav .uk-badge,
.uk-badge {
  background: var(--iw-accent);
  color: #fff;
  min-width: 18px;
  height: 18px;
  padding: 0 6px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 700;
  line-height: 18px;
}

/* ── 28. uk-card-secondary → bg surface + testo nero leggibile ── */
/* Excluded: .uk-light (dark video player) which keeps its inline gradient */
.uk-card-secondary:not(.uk-light) {
  background: var(--iw-surface) !important;
  color: var(--iw-text) !important;
  border: 1px solid var(--iw-line);
}
.uk-card-secondary:not(.uk-light) *:not(.uk-text-warning):not(.uk-label-warning):not(.uk-label):not(svg):not(path) {
  color: var(--iw-text);
}
.uk-card-secondary.uk-light {
  color: rgba(255,255,255,0.92) !important;
}
.uk-card-secondary.uk-light .uk-text-meta {
  color: rgba(255,255,255,0.55) !important;
}
.uk-card-secondary.uk-light .uk-text-bold,
.uk-card-secondary.uk-light h1, .uk-card-secondary.uk-light h2,
.uk-card-secondary.uk-light h3, .uk-card-secondary.uk-light h4,
.uk-card-secondary.uk-light .uk-heading-small {
  color: #fff !important;
}
.uk-card-secondary .uk-text-meta {
  color: var(--iw-textMuted);
}
.uk-card-secondary .uk-text-lead {
  font-family: var(--f-title);
  font-style: italic;
  font-weight: 400;
  font-size: 36px;
  line-height: 1;
  color: var(--iw-accent);
  letter-spacing: -0.01em;
  display: block;
  margin-bottom: 4px;
}

/* ── 29. Hero h1 (dashboard "Lorenzo, continua...") ── */
body[data-screen-label="Dashboard"] .uk-heading-small,
body[data-screen-label="Catalog"] .uk-heading-small,
body[data-screen-label="My Notes"] .uk-heading-small,
body[data-screen-label="Webinars"] .uk-heading-small,
body[data-screen-label="Job Board"] .uk-heading-small {
  font-family: var(--f-title);
  font-size: 38px;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.1;
}

/* ── 30. Course tiles II/III/IV — diagonal stripe pattern ── */
.uk-card-default .uk-grid-collapse > .uk-width-small.uk-background-muted {
  background: var(--iw-surface);
  background-image: repeating-linear-gradient(
    -45deg,
    transparent 0,
    transparent 8px,
    rgba(0,0,0,0.045) 8px,
    rgba(0,0,0,0.045) 9px
  );
  min-height: 120px;
  border-right: 1px solid var(--iw-line);
}
.uk-card-default .uk-grid-collapse > .uk-width-small .uk-text-warning.uk-text-lead em {
  font-family: var(--f-em);
  font-style: italic;
  font-weight: 400;
  font-size: 40px;
  color: var(--iw-accent);
  letter-spacing: -0.01em;
}
.uk-card-default .uk-grid-collapse > .uk-width-small .uk-text-warning.uk-text-lead {
  font-size: 0; /* hide the wrapper space, em rules size */
}

/* ── 31. Webinar list item — icon box + label pill ── */
.uk-list > li .uk-background-muted.uk-padding-small.uk-border-rounded.uk-text-warning {
  background: var(--iw-accentSoft) !important;
  width: 48px;
  height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px !important;
  padding: 0 !important;
}
.uk-list > li .uk-background-muted.uk-text-warning svg {
  color: var(--iw-accent);
  width: 22px;
  height: 22px;
}
.uk-list > li .uk-label.uk-label-warning {
  background: var(--iw-accent) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 999px;
  padding: 5px 14px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

/* ── 32. Stat pills hero (12 giorni / 62% / 8h / 1) — più compatti ── */
.uk-card-default.uk-card-small.uk-border-pill {
  padding: 8px 16px !important;
  background: var(--iw-bg);
  border: 1px solid var(--iw-line);
}
.uk-card-default.uk-card-small.uk-border-pill .uk-text-bold {
  font-family: var(--f-sans);
  font-weight: 700;
  font-size: 14px;
  color: var(--iw-text);
  line-height: 1.1;
}
.uk-card-default.uk-card-small.uk-border-pill .uk-text-meta {
  font-size: 11px;
  color: var(--iw-textMuted);
  line-height: 1.1;
}

/* ── 33. uk-list-divider (Prossimi webinar) — separatori sottili ── */
.uk-list-divider > li + li {
  border-top: 1px solid var(--iw-line);
  padding-top: 16px;
  margin-top: 16px;
}
.uk-list-divider > li:first-child { padding-top: 8px; }

/* ── 34. uk-nav (Accesso rapido) — link rows ── */
.uk-nav-default > li > a {
  font-family: var(--f-sans);
  font-size: 14px;
  font-weight: 500;
  color: var(--iw-text);
  padding: 12px 0;
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--iw-line);
}
.uk-nav-default > li:last-child > a { border-bottom: none; }
.uk-nav-default > li > a:hover { color: var(--iw-accent); }

/* ── 35. uk-text-meta.uk-text-warning.uk-text-uppercase eyebrow inside cards ── */
.uk-card-body > .uk-text-meta.uk-text-warning.uk-text-uppercase.uk-text-bold,
.uk-card-body > .uk-text-meta.uk-text-muted.uk-text-uppercase.uk-text-bold {
  font-family: var(--f-sans);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  margin-bottom: 12px;
}
.uk-card-body > .uk-text-meta.uk-text-warning.uk-text-uppercase.uk-text-bold {
  color: var(--iw-accent) !important;
}
.uk-card-body > .uk-text-meta.uk-text-muted.uk-text-uppercase.uk-text-bold {
  color: var(--iw-textFaint) !important;
}

/* ── 36. uk-section-muted hero card (saluto) bordo bottom ── */
.uk-section-muted.uk-section-small {
  border-bottom: 1px solid var(--iw-line);
}

/* ============================================================
   ROUND 6 FIXES — CATALOG
   ============================================================ */

/* ── 37. Card media-top thumbnail → strip diagonal compatto ── */
.uk-card-media-top.uk-background-muted[style*="aspect-ratio"] {
  aspect-ratio: auto !important;
  height: 110px !important;
  background: var(--iw-surface);
  background-image: repeating-linear-gradient(
    -45deg,
    transparent 0,
    transparent 8px,
    rgba(0,0,0,0.045) 8px,
    rgba(0,0,0,0.045) 9px
  );
  border-bottom: 1px solid var(--iw-line);
}
.uk-card-media-top.uk-background-muted .uk-text-meta.uk-text-muted {
  font-size: 11px;
  letter-spacing: 0.04em;
  color: var(--iw-textMuted);
  background: var(--iw-bg);
  padding: 4px 10px;
  border-radius: 999px;
  border: 1px solid var(--iw-line);
}

/* ── 38. Search default form (catalog/search) ── */
.uk-search-default {
  position: relative;
  display: block;
  width: 100%;
  max-width: 560px;
}
.uk-search-default > span:first-child {
  position: absolute;
  left: 18px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--iw-textMuted);
  display: inline-flex;
  z-index: 2;
  pointer-events: none;
}
.uk-search-default .uk-search-input {
  width: 100%;
  height: 48px;
  background: var(--iw-bg);
  border: 1px solid var(--iw-line);
  border-radius: 999px;
  padding-left: 48px;
  padding-right: 16px;
  font-family: var(--f-sans);
  font-size: 14px;
}

/* ── 39. Pills filtro (uk-button-small uk-border-pill) — più compatti ── */
.uk-button.uk-button-small.uk-border-pill {
  padding: 6px 14px;
  font-size: 12px;
  font-weight: 500;
  border-radius: 999px;
}
.uk-button-secondary.uk-button-small.uk-border-pill {
  background: var(--iw-text);
  color: #fff;
  border-color: var(--iw-text);
}
.uk-button-default.uk-button-small.uk-border-pill {
  background: var(--iw-bg);
  color: var(--iw-text);
  border-color: var(--iw-line);
}
.uk-button-default.uk-button-small.uk-border-pill:hover {
  background: var(--iw-surface);
  border-color: var(--iw-lineStrong);
}

/* ── 40. Catalog: card body più compatta ── */
body[data-screen-label="Catalog"] .uk-card-body,
body[data-screen-label="My Notes"] .uk-card-body,
body[data-screen-label="Webinars"] .uk-card-body,
body[data-screen-label="Job Board"] .uk-card-body {
  padding: 18px 22px;
}
body[data-screen-label="Catalog"] .uk-card-body hr,
body[data-screen-label="My Notes"] .uk-card-body hr {
  margin: 14px 0 12px;
  border-color: var(--iw-line);
}

/* ── 41. Catalog/grid card: gap maggiore + non-hover state lighter ── */
body[data-screen-label="Catalog"] main .uk-grid-small,
body[data-screen-label="My Notes"] main .uk-grid-small {
  margin-left: -20px;
}
body[data-screen-label="Catalog"] main .uk-grid-small > *,
body[data-screen-label="My Notes"] main .uk-grid-small > * {
  padding-left: 20px;
  margin-top: 20px;
}

/* ── 42. uk-label-success → verde soft ── */
.uk-label-success {
  background: rgba(40,167,69,0.10) !important;
  color: #28a745 !important;
  border: 1px solid rgba(40,167,69,0.25);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.08em;
  padding: 3px 7px;
}

/* ── 43. Catalog: spaziatura tra label superiori ── */
body[data-screen-label="Catalog"] .uk-card-body > div:first-child {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  margin-bottom: 10px;
}

/* ── 44. h4.uk-card-title size + line ── */
.uk-card-body > .uk-card-title {
  font-family: var(--f-title);
  font-weight: 400;
  font-size: 19px;
  letter-spacing: -0.01em;
  line-height: 1.3;
  color: var(--iw-text);
  margin-top: 8px;
  margin-bottom: 8px;
}

/* ============================================================
   ROUND 7 FIXES — COURSE PLAYER / LESSON PLAYER
   ============================================================ */

/* ── 45. Player title (course-player + lesson-player) — Cormorant 36px ── */
body[data-screen-label*="Player"] .uk-heading-medium,
body[data-screen-label*="Lezione"] .uk-heading-medium,
body[data-screen-label*="Capitolo"] .uk-heading-medium {
  font-family: var(--f-title) !important;
  font-weight: 400 !important;
  font-size: 36px !important;
  letter-spacing: -0.005em;
  line-height: 1.2;
}

/* ── 46. Breadcrumb (uk-breadcrumb) — link rosso primo ── */
.uk-breadcrumb > :first-child > a { color: var(--iw-accent); }
.uk-breadcrumb > * > * { font-size: 13px; }
.uk-breadcrumb > * + ::before { color: var(--iw-textFaint); }

/* ── 47. Eyebrow inline (BASE + NEW labels sopra titolo) ── */
.uk-breadcrumb + div .uk-label,
.uk-text-meta + h1 + .uk-label {
  font-size: 10px;
  font-weight: 700;
}

/* ── 48. Tab UI (Capitoli/Note/Trascrizione) ── */
.uk-tab {
  border-bottom: 1px solid var(--iw-line);
  margin: 0 0 16px;
}
.uk-tab > * > a {
  font-family: var(--f-sans);
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  padding: 12px 4px;
  color: var(--iw-textMuted);
  border-bottom: 2px solid transparent;
}
.uk-tab > .uk-active > a {
  color: var(--iw-accent);
  border-bottom-color: var(--iw-accent);
}

/* ── 49. Video player area: bordo + radius coerente ── */
.uk-card-default > video,
.uk-card-default .uk-cover-container,
.uk-card-default > [class*="uk-video"] {
  border-radius: 12px;
  overflow: hidden;
}

/* ── 50. Descrizione + Cosa imparerai eyebrow ── */
.uk-text-meta.uk-text-warning.uk-text-uppercase.uk-text-bold:not(.uk-card-body > *) {
  color: var(--iw-accent) !important;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.14em;
  margin-bottom: 12px;
}

/* ── 51. Lista checklist (✓) — small text + accent check ── */
.uk-list .uk-text-warning > svg,
.uk-list svg path[d*="M5 10l3 3 7-7"] {
  color: var(--iw-accent);
}

/* ── Star SVG (5-point) fill gold ── */
svg path[d^="M10 2 L12.36"] {
  fill: #e3696a;
  stroke: #e3696a;
}

/* ============================================================
   ROUND 8 FIXES — COURSE RATING / SURVEY
   ============================================================ */

/* ── 53. Active pill (uk-button-secondary) come scelta → ROSSO ── */
body[data-screen-label="Course Rating"] .uk-button-secondary,
body[data-screen-label*="Quiz"] .uk-button-secondary.uk-button-small.uk-border-pill {
  background: var(--iw-accent) !important;
  color: #fff !important;
  border-color: var(--iw-accent) !important;
}

/* ── 54. Title centered → Cormorant italic per "Lorenzo." inline em ── */
body[data-screen-label="Course Rating"] .uk-heading-medium {
  font-size: 44px !important;
  font-weight: 700;
  line-height: 1.15;
}
body[data-screen-label="Course Rating"] .uk-heading-medium em {
  display: block;
}

/* ── 55. uk-card-secondary header per "Valutazione complessiva" ── */
body[data-screen-label="Course Rating"] .uk-card-secondary {
  background: var(--iw-surface) !important;
  border: 1px solid var(--iw-line);
  border-radius: 12px;
  padding: 20px 28px;
}

/* ── 56. Number bullet (01, 02, ecc.) — accent text in serif ── */
body[data-screen-label="Course Rating"] .uk-text-warning.uk-margin-small-right,
body[data-screen-label*="Quiz"] .uk-text-warning.uk-margin-small-right {
  font-family: var(--f-sans);
  font-weight: 700;
  font-size: 14px;
  color: var(--iw-accent) !important;
}

/* ── 57. Question text → Cormorant per item label ── */
body[data-screen-label="Course Rating"] .uk-text-bold:has(.uk-text-warning) {
  font-family: var(--f-title);
  font-weight: 400;
  font-size: 19px;
  line-height: 1.3;
  margin-bottom: 12px;
}

/* ============================================================
   ROUND 9 FIXES — LOGIN (Credenziali + Ruolo)
   ============================================================ */

/* ── 58. Login aside (right) — diagonal stripe bg ── */
body[data-screen-label*="Login"] aside.uk-background-muted {
  background-color: var(--iw-surface) !important;
  background-image: repeating-linear-gradient(
    -45deg,
    transparent 0,
    transparent 12px,
    rgba(0,0,0,0.04) 12px,
    rgba(0,0,0,0.04) 13px
  ) !important;
  border-left: 1px solid var(--iw-line);
}
/* ── 59. Hide big placeholder SVG, keep text label only ── */
body[data-screen-label*="Login"] aside.uk-background-muted .uk-text-warning > svg {
  display: none;
}
body[data-screen-label*="Login"] aside.uk-background-muted .uk-position-center .uk-text-meta {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--iw-textMuted);
}

/* ── 60. Testimonial card sopra placeholder ── */
body[data-screen-label*="Login"] aside .uk-position-bottom > .uk-card-default {
  background: rgba(255,255,255,0.96);
  backdrop-filter: blur(12px);
  border: 1px solid var(--iw-line);
  border-radius: 16px;
  padding: 22px 26px;
}
body[data-screen-label*="Login"] aside .uk-card-default p {
  font-family: var(--f-title);
  font-size: 17px;
  line-height: 1.4;
  font-style: italic;
}
body[data-screen-label*="Login"] aside .uk-card-default .uk-text-meta.uk-text-uppercase {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: var(--iw-textMuted);
  margin-top: 10px;
}

/* ── 61. Login left column hero ── */
body[data-screen-label*="Login"] .uk-heading-medium,
body[data-screen-label*="Login"] form ~ * h1,
body[data-screen-label*="Login"] h1.uk-heading-medium {
  font-size: 38px !important;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.1;
}

/* ── 62. Login form labels / inputs ── */
body[data-screen-label*="Login"] form label {
  display: block;
  margin-top: 18px;
}
body[data-screen-label*="Login"] form .uk-form-label {
  display: block;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--iw-textMuted);
  margin-bottom: 8px;
}
body[data-screen-label*="Login"] form input,
body[data-screen-label*="Login"] form .uk-input {
  width: 100%;
  height: 48px;
  background: var(--iw-bg);
  border: 1px solid var(--iw-line);
  border-radius: 10px;
  padding: 0 16px;
  font-family: var(--f-sans);
  font-size: 15px;
  color: var(--iw-text);
}
body[data-screen-label*="Login"] form input:focus,
body[data-screen-label*="Login"] form .uk-input:focus {
  border-color: var(--iw-accent);
  outline: none;
  box-shadow: 0 0 0 3px var(--iw-accentSoft);
}

/* ============================================================
   ROUND 10 FIXES — QUIZ
   ============================================================ */

/* ── 67. Quiz-intro: sparkle nel cerchio rosso outline ── */
body[data-screen-label*="Quiz"] .uk-label.uk-label-warning.uk-border-circle.uk-padding {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 84px;
  height: 84px;
  border-radius: 50%;
  background: var(--iw-accentSoft);
  border: 1.5px solid var(--iw-accentBorder);
  color: var(--iw-accent) !important;
  padding: 0;
}
body[data-screen-label*="Quiz"] .uk-label.uk-label-warning.uk-border-circle.uk-padding svg {
  color: var(--iw-accent);
  width: 28px;
  height: 28px;
}

/* ── 68. Quiz stat cards (3 / ~5 min / 70%) — Cormorant italic accent ── */
body[data-screen-label*="Quiz"] .uk-card-secondary .uk-heading-small.uk-text-warning {
  font-family: var(--f-title) !important;
  font-style: italic;
  font-weight: 400;
  font-size: 38px !important;
  color: var(--iw-accent) !important;
  letter-spacing: -0.01em;
  line-height: 1.1;
}
body[data-screen-label*="Quiz"] .uk-card-secondary {
  background: var(--iw-surface) !important;
  border: 1px solid var(--iw-line);
}

/* ── 69. Quiz checklist items (✓) — bullet in cerchio rosso ── */
body[data-screen-label*="Quiz"] .uk-list > li > .uk-text-warning.uk-margin-small-right:first-child {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: var(--iw-accent);
  color: #fff;
  margin-right: 10px;
}
body[data-screen-label*="Quiz"] .uk-list > li > .uk-text-warning.uk-margin-small-right:first-child svg {
  color: #fff;
  width: 12px;
  height: 12px;
}
body[data-screen-label*="Quiz"] .uk-list > li {
  display: flex;
  align-items: center;
  padding: 10px 0;
}

/* ── 70. Quiz-question: option buttons (A, B, C, D) ── */
body[data-screen-label*="Domanda"] .uk-button.uk-width-1-1 {
  text-align: left;
  padding: 18px 24px;
  background: var(--iw-bg);
  border: 1px solid var(--iw-line);
  color: var(--iw-text);
  border-radius: 12px;
  font-size: 15px;
  display: flex;
  align-items: center;
}
body[data-screen-label*="Domanda"] .uk-button-primary.uk-width-1-1 {
  background: var(--iw-accentSoft);
  border-color: var(--iw-accent);
  color: var(--iw-text);
}
body[data-screen-label*="Domanda"] .uk-button .uk-label.uk-border-circle.uk-padding-small {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--iw-surface);
  border: 1px solid var(--iw-line);
  color: var(--iw-textMuted);
  font-family: var(--f-sans);
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0;
  text-transform: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
body[data-screen-label*="Domanda"] .uk-button-primary .uk-label.uk-label-warning.uk-border-circle.uk-padding-small {
  background: var(--iw-accent);
  border: none;
  color: #fff !important;
}

/* ── 71. Quiz-result: ring + score big ── */
body[data-screen-label*="Risultato"] .uk-heading-medium,
body[data-screen-label*="Risultato"] .uk-heading-large {
  font-family: var(--f-title);
  font-style: italic;
  font-weight: 400;
}

/* ── 63. Topnav slim (no nav links) ── */
body[data-screen-label*="Login"] .uk-navbar-container,
body[data-screen-label="Course Rating"] .uk-navbar-container,
body[data-screen-label*="Quiz"] .uk-navbar-container {
  background: var(--iw-bg);
}

/* ── 52. Sidebar Capitoli list (course-player) ── */
.uk-card-body .uk-list > li {
  padding: 10px 0;
  font-size: 13px;
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--iw-text);
}
/* Border custom SOLO sulle liste senza uk-list-divider: altrimenti UIkit aggiunge
   già il suo bordo e si vedono doppie lineette (es. pagina consulenze). */
.uk-card-body .uk-list:not(.uk-list-divider) > li { border-bottom: 1px solid var(--iw-line); }
.uk-card-body .uk-list:not(.uk-list-divider) > li:last-child { border-bottom: none; }
.uk-card-body .uk-list > li.uk-active,
.uk-card-body .uk-list > li[class*="active"] {
  color: var(--iw-accent);
  font-weight: 600;
}

/* ============================================================
   ROUND 11 FIXES — Q&A COMMENTS (wp_comments native)
   ============================================================ */

/* ── 72. Comment row base ── */
.iw-comments ol { list-style: none; padding-left: 0; }
.iw-comments .children { padding-left: 28px; margin-top: 12px; }
.iw-comments .uk-comment { transition: border-color .2s; }
.iw-comments .uk-comment:hover { border-color: var(--iw-lineStrong); }

/* ── 73. Commento ufficiale (Italianway team) ── */
.iw-comments .uk-comment.uk-comment-primary,
.iw-comment--official .uk-comment {
  background: var(--iw-accentSoft) !important;
  border: 1px solid var(--iw-accentBorder) !important;
  box-shadow: 0 2px 12px rgba(232,68,44,0.06);
}
.iw-comment--official .uk-comment header strong {
  color: var(--iw-accent);
}
.iw-comment--official .uk-comment header .uk-label-warning {
  background: var(--iw-accent) !important;
  color: #fff !important;
  border: none !important;
}

/* ── 74. Comment form ── */
.iw-comment-form {
  background: var(--iw-surface);
  border: 1px solid var(--iw-line);
  border-radius: 12px;
  padding: 24px 28px;
  margin-top: 24px;
}
.iw-comment-form .comment-reply-title {
  font-family: var(--f-title);
  font-weight: 400;
  font-size: 22px;
  margin: 0 0 14px;
}
.iw-comment-form .uk-form-label {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--iw-textMuted);
}
.iw-comment-form .uk-textarea {
  background: var(--iw-bg);
  border: 1px solid var(--iw-line);
  border-radius: 10px;
  padding: 12px 14px;
}
.iw-comment-form .uk-textarea:focus {
  border-color: var(--iw-accent);
  outline: none;
  box-shadow: 0 0 0 3px var(--iw-accentSoft);
}

/* ── 75. Replies indent + connector line ── */
.iw-comments .children {
  position: relative;
}
.iw-comments .children::before {
  content: '';
  position: absolute;
  left: -4px;
  top: 0;
  bottom: 12px;
  border-left: 2px solid var(--iw-accentBorder);
}

/* ============================================================
   ROUND 12 — Academy full-width pages
   ============================================================ */

/* Su /academy/ + /academy/appunti/ + /academy/certificati/ ecc.
   Nasconde header/footer del tema; il content shortcode include il proprio
   TopNav Italianway (topnav-logged.php). */
body.iwa-academy-fullwidth > header,
body.iwa-academy-fullwidth > #header,
body.iwa-academy-fullwidth > .site-header,
body.iwa-academy-fullwidth > .header,
body.iwa-academy-fullwidth > footer:not(.uk-section),
body.iwa-academy-fullwidth > #footer,
body.iwa-academy-fullwidth > .site-footer,
body.iwa-academy-fullwidth > .footer {
  display: none !important;
}

body.iwa-academy-fullwidth {
  background: var(--iw-bg);
  margin: 0;
  padding: 0;
}

body.iwa-academy-fullwidth #content,
body.iwa-academy-fullwidth .site-main,
body.iwa-academy-fullwidth .entry-content,
body.iwa-academy-fullwidth main {
  margin: 0 !important;
  padding: 0 !important;
  max-width: none !important;
  width: 100% !important;
}

/* Logo TopNav: se è un'immagine, niente padding strano */
.iwa-brand img { max-height: 36px; width: auto; }

/* ============================================================
   Job Board — classi semantiche (sostituiscono inline style)
   ============================================================ */

.iwa-badge-accent {
  display: inline-block;
  font: 600 10px/1 sans-serif;
  text-transform: uppercase;
  letter-spacing: .08em;
  padding: 5px 10px;
  border-radius: 4px;
  background: var(--iw-accentSoft);
  color: var(--iw-accent);
}
.iwa-badge-muted {
  display: inline-block;
  font: 600 11px/1 sans-serif;
  text-transform: uppercase;
  letter-spacing: .06em;
  padding: 5px 10px;
  border-radius: 4px;
  background: rgba(0,0,0,.04);
  color: var(--iw-textMuted);
}

.iwa-avatar {
  border-radius: 50%;
  background: var(--iw-accentSoft);
  color: var(--iw-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  font: 700 12px sans-serif;
  flex-shrink: 0;
}
.iwa-avatar-sm { width: 28px; height: 28px; font-size: 11px; }
.iwa-avatar-md { width: 36px; height: 36px; font-size: 12px; }
.iwa-avatar-lg { width: 48px; height: 48px; font-size: 16px; }

.iwa-job-card {
  display: flex;
  flex-direction: column;
  gap: 14px;
  height: 100%;
}
.iwa-job-card-title { font-size: 22px; font-weight: 600; line-height: 1.25; margin: 0; }
.iwa-job-card-body  { font-size: 14px; line-height: 1.6; flex: 1; margin: 0; }
.iwa-job-card-foot {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  padding-top: 14px;
  border-top: 1px solid rgba(0,0,0,.06);
}
.iwa-job-card-author { display: flex; align-items: center; gap: 10px; }
.iwa-job-card-author-name { font-size: 13px; font-weight: 600; line-height: 1.3; }
.iwa-job-card-author-meta { font-size: 11px; color: var(--iw-textMuted); line-height: 1.3; }
.iwa-job-card-cta { font-size: 12px; color: var(--iw-accent); font-weight: 600; }

.iwa-meta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--iw-line);
  margin-bottom: 24px;
}
.iwa-meta-label {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--iw-textFaint);
  margin-bottom: 2px;
}
.iwa-meta-value { font-size: 14px; font-weight: 600; }
.iwa-job-body   { font-size: 15px; line-height: 1.8; }

.iwa-back-link {
  color: var(--iw-accent);
  font-weight: 600;
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.iwa-author-card-name { font-weight: 700; font-size: 15px; }
.iwa-author-card-meta { font-size: 12px; color: var(--iw-textMuted); }

/* CTA accent (upsell "Vuoi pubblicare?", "Webinar in corso", ecc.) */
.iwa-cta-accent {
  background: var(--iw-accentSoft);
  border: 1px solid var(--iw-accent);
  border-radius: 12px;
}

/* ============================================================
   Webinar — countdown + chip dashboard
   ============================================================ */
.iwa-countdown-card {
  background: linear-gradient(160deg, #1c1408 0%, #080808 100%);
  border-radius: 12px;
  text-align: center;
}
.iwa-countdown-eyebrow { letter-spacing: 0.22em; }
.iwa-countdown-number {
  font-family: Georgia, serif;
  font-size: 48px;
  line-height: 1;
  font-weight: 700;
  color: #fff;
}
.iwa-countdown-label {
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #888;
  font-size: 11px;
  margin-top: 6px;
}

.iwa-stat-chip       { padding: 8px 16px; }
.iwa-stat-chip-icon  { font-size: 18px; line-height: 1; }
.iwa-stat-chip-value { font-size: 14px; line-height: 1.2; }
.iwa-stat-chip-label { font-size: 11px; line-height: 1.2; }

/* ============================================================
   Appunti (mynotes) — stile templates-custom/mynotes.html
   ============================================================ */
.iwa-notes-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 24px;
  margin-bottom: 28px;
}
.iwa-notes-eyebrow {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--iw-accent);
  margin-bottom: 6px;
}
.iwa-notes-stats { display: flex; gap: 12px; flex-wrap: wrap; }
.iwa-notes-stat-card {
  background: var(--iw-surface);
  border: 1px solid var(--iw-line);
  border-radius: 12px;
  padding: 14px 22px;
  text-align: center;
  min-width: 88px;
}
.iwa-notes-stat-card .n {
  font-family: var(--f-title);
  font-size: 32px;
  font-weight: 600;
  color: var(--iw-accent);
  line-height: 1;
}
.iwa-notes-stat-card .l {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--iw-textMuted);
  margin-top: 4px;
}

/* Module group (accordion item) */
.iwa-notes-group {
  border: 1px solid var(--iw-line);
  border-radius: 12px;
  background: var(--iw-surfaceElev, #FFFFFF);
  margin-bottom: 14px;
  overflow: hidden;
}
.iwa-notes-group-head {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 18px 20px;
  background: transparent;
  border: 0;
  width: 100%;
  text-align: left;
  cursor: pointer;
}
.iwa-notes-group-head:hover { background: rgba(0,0,0,.02); }
.iwa-notes-group-num {
  font-family: var(--f-title);
  font-style: italic;
  font-size: 28px;
  color: var(--iw-accent);
  width: 40px;
  flex-shrink: 0;
}
.iwa-notes-group-title { font-size: 15px; font-weight: 600; line-height: 1.3; }
.iwa-notes-group-meta { font-size: 12px; color: var(--iw-textMuted); margin-top: 2px; }
.iwa-notes-group-body { padding: 4px 20px 20px; border-top: 1px solid var(--iw-line); }

/* Lesson block (dentro group-body) */
.iwa-notes-lesson { padding: 16px 0; border-bottom: 1px dashed var(--iw-line); }
.iwa-notes-lesson:last-child { border-bottom: 0; }
.iwa-notes-lesson-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 10px;
  flex-wrap: wrap;
}
.iwa-notes-lesson-name {
  font-size: 14px;
  font-weight: 600;
  color: var(--iw-text);
}
.iwa-notes-lesson-name:hover { color: var(--iw-accent); }
.iwa-notes-lesson-count {
  font-size: 11px;
  color: var(--iw-textMuted);
  margin-left: 6px;
}

/* Note card */
.iwa-note-card {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 12px;
  background: var(--iw-surface);
  border: 1px solid var(--iw-line);
  border-radius: 10px;
  margin-bottom: 8px;
}
.iwa-note-timestamp {
  font-family: 'DM Mono', monospace, sans-serif;
  font-size: 12px;
  font-weight: 600;
  padding: 5px 10px;
  border-radius: 999px;
  background: var(--iw-accent);
  color: #fff;
  text-decoration: none;
  flex-shrink: 0;
  align-self: flex-start;
}
.iwa-note-timestamp:hover { background: var(--iw-accentStrong, #c75051); color: #fff; }
.iwa-note-text {
  font-size: 14px;
  line-height: 1.6;
  color: var(--iw-text);
  flex: 1;
}
.iwa-note-date {
  font-size: 11px;
  color: var(--iw-textFaint);
  margin-top: 4px;
}

/* ============================================================
   HERO pattern — usato su Webinar archive, Catalog, Notes, ecc.
   eyebrow + h1 (con <em> accent) + sub + stats inline a destra
   ============================================================ */
.iwa-hero-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap;
  gap: 24px;
  margin-bottom: 28px;
}
.iwa-hero-eyebrow {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--iw-accent);
  margin-bottom: 6px;
}
.iwa-hero-title {
  font-family: var(--f-title);
  font-size: 56px;
  font-weight: 400;
  letter-spacing: -.02em;
  line-height: 1.05;
  margin: 0;
}
.iwa-hero-title em { font-style: italic; color: var(--iw-accent); }
.iwa-hero-sub { color: var(--iw-textMuted); margin-top: 10px; font-size: 16px; }
.iwa-hero-stats { display: flex; gap: 28px; flex-wrap: wrap; }
.iwa-hero-stat .n {
  font-family: var(--f-title);
  font-size: 38px;
  font-weight: 500;
  color: var(--iw-text);
  line-height: 1;
}
.iwa-hero-stat .l {
  font-size: 11px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--iw-textMuted);
  margin-top: 4px;
}

/* ============================================================
   Catalog — grid moduli (course-card stile templates-custom)
   ============================================================ */
.iwa-catalog-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(280px, 100%), 1fr));
  gap: 20px;
}
.iwa-course-card {
  background: var(--iw-surfaceElev, #FFFFFF);
  border: 1px solid var(--iw-line);
  border-radius: 14px;
  overflow: hidden;
  transition: border-color .2s, transform .2s;
  display: flex;
  flex-direction: column;
}
.iwa-course-card:hover { border-color: var(--iw-accentBorder); transform: translateY(-2px); }
.iwa-course-thumb {
  aspect-ratio: 16 / 9;
  background: var(--iw-surface);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--f-title);
  font-style: italic;
  font-size: 28px;
  color: var(--iw-accent);
  text-align: center;
  padding: 12px;
}
.iwa-course-thumb img { width: 100%; height: 100%; object-fit: cover; }
.iwa-course-body { padding: 16px; display: flex; flex-direction: column; gap: 8px; flex: 1; }
.iwa-course-badges { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 4px; }
.iwa-course-title { font-size: 16px; font-weight: 600; line-height: 1.3; margin: 0; }
.iwa-course-sub { font-size: 13px; color: var(--iw-textMuted); line-height: 1.5; margin: 0; flex: 1; }
.iwa-course-foot {
  display: flex; justify-content: space-between; align-items: center;
  font-size: 11px; color: var(--iw-textMuted);
  padding-top: 10px; margin-top: 6px;
  border-top: 1px solid var(--iw-line);
}

.iwa-badge-success {
  display: inline-block;
  font: 600 10px/1 sans-serif;
  text-transform: uppercase;
  letter-spacing: .08em;
  padding: 4px 8px;
  border-radius: 4px;
  background: rgba(40, 167, 69, .12);
  color: #28a745;
}
.iwa-badge-new {
  display: inline-block;
  font: 700 10px/1 sans-serif;
  text-transform: uppercase;
  letter-spacing: .08em;
  padding: 4px 8px;
  border-radius: 4px;
  background: var(--iw-accent);
  color: #fff;
}

/* ============================================================
   Single Module — head + meta-row + progress card + accordion
   ============================================================ */
.iwa-crumb {
  display: flex;
  gap: 8px;
  font-size: 12px;
  color: var(--iw-textMuted);
  margin-bottom: 14px;
  align-items: center;
}
.iwa-crumb a { color: var(--iw-textMuted); }
.iwa-crumb a:hover { color: var(--iw-accent); }
.iwa-crumb-sep { color: var(--iw-textFaint); }

.iwa-progress-card {
  background: var(--iw-surface);
  border: 1px solid var(--iw-line);
  border-radius: 14px;
  padding: 18px;
}
.iwa-progress-card .label {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--iw-textFaint);
  margin-bottom: 6px;
}
.iwa-progress-card .value {
  font-family: var(--f-title);
  font-size: 32px;
  font-weight: 500;
  color: var(--iw-accent);
  line-height: 1;
}
.iwa-pbar {
  height: 6px;
  background: rgba(0,0,0,.06);
  border-radius: 999px;
  overflow: hidden;
  margin-top: 10px;
}
.iwa-pbar i { display: block; height: 100%; background: var(--iw-accent); }

/* ============================================================
   Lesson Player — single-iw_lesson
   ============================================================ */
.iwa-player-card {
  background: linear-gradient(160deg, #1c1408 0%, #080808 100%);
  border-radius: 16px;
  overflow: hidden;
  position: relative;
}
.iwa-player-top {
  position: absolute; top: 0; left: 0; right: 0;
  padding: 18px 22px;
  color: #fff;
  z-index: 2;
  background: linear-gradient(180deg, rgba(0,0,0,.4), transparent);
}
.iwa-player-top .ey {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--iw-accent);
  margin-bottom: 4px;
}
.iwa-player-top .t {
  font-family: var(--f-title);
  font-size: 22px;
  font-weight: 500;
  line-height: 1.2;
}

.iwa-lesson-side {
  background: var(--iw-surfaceElev, #FFFFFF);
  border: 1px solid var(--iw-line);
  border-radius: 12px;
  padding: 18px;
}
.iwa-lesson-side-eyebrow {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--iw-accent);
  margin-bottom: 10px;
}

/* ============================================================
   Quiz — progress steps + question + options
   ============================================================ */
.iwa-quiz-steps { display: flex; gap: 6px; margin-bottom: 8px; }
.iwa-quiz-step {
  flex: 1;
  height: 4px;
  background: rgba(0,0,0,.08);
  border-radius: 999px;
}
.iwa-quiz-step.active { background: var(--iw-accent); }
.iwa-quiz-meta {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  color: var(--iw-textMuted);
  margin-bottom: 20px;
}
.iwa-quiz-question {
  font-family: var(--f-title);
  font-size: 32px;
  font-weight: 500;
  line-height: 1.25;
  margin: 0 0 20px;
}
.iwa-quiz-options { display: flex; flex-direction: column; gap: 10px; margin-bottom: 20px; }
.iwa-quiz-option {
  display: block;
  width: 100%;
  text-align: left;
  padding: 14px 18px;
  background: var(--iw-surfaceElev, #FFFFFF);
  border: 1px solid var(--iw-line);
  border-radius: 10px;
  font-size: 14px;
  line-height: 1.5;
  cursor: pointer;
  transition: border-color .15s;
}
.iwa-quiz-option:hover { border-color: var(--iw-accent); }
.iwa-quiz-option.correct {
  border-color: #28a745;
  background: rgba(40,167,69,.06);
}
.iwa-quiz-option.wrong {
  border-color: #d63638;
  background: rgba(214,54,56,.06);
}
.iwa-quiz-explain {
  background: var(--iw-surface);
  border-left: 3px solid var(--iw-accent);
  padding: 16px 18px;
  border-radius: 4px;
  margin-top: 16px;
}

/* ============================================================
   Certificate — card stile attestato
   ============================================================ */
.iwa-cert-card {
  background: #FAFAF7;
  border: 1px solid rgba(180, 140, 60, .3);
  border-radius: 14px;
  padding: 60px 50px;
  position: relative;
  text-align: center;
}
.iwa-cert-corner {
  position: absolute;
  width: 36px;
  height: 36px;
  border: 2px solid var(--iw-accent);
}
.iwa-cert-corner.tl { top: 16px; left: 16px;    border-right: 0; border-bottom: 0; }
.iwa-cert-corner.tr { top: 16px; right: 16px;   border-left: 0;  border-bottom: 0; }
.iwa-cert-corner.bl { bottom: 16px; left: 16px; border-right: 0; border-top: 0; }
.iwa-cert-corner.br { bottom: 16px; right: 16px; border-left: 0; border-top: 0; }
.iwa-cert-brand {
  font-family: var(--f-title);
  font-size: 18px;
  font-weight: 600;
  letter-spacing: .04em;
  margin-bottom: 4px;
}
.iwa-cert-tag {
  font-size: 11px;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--iw-accent);
  margin-bottom: 36px;
}
.iwa-cert-attesta {
  font-style: italic;
  color: var(--iw-textMuted);
  font-size: 14px;
  margin-bottom: 8px;
}
.iwa-cert-name {
  font-family: var(--f-title);
  font-size: 48px;
  font-weight: 600;
  color: var(--iw-text);
  margin-bottom: 4px;
  letter-spacing: -.01em;
}
.iwa-cert-role { color: var(--iw-textMuted); font-size: 14px; margin-bottom: 36px; }
.iwa-cert-completed {
  font-style: italic;
  color: var(--iw-textMuted);
  font-size: 14px;
  margin-bottom: 6px;
}
.iwa-cert-course {
  font-family: var(--f-title);
  font-size: 26px;
  font-weight: 500;
  color: var(--iw-accent);
  margin-bottom: 36px;
}
.iwa-cert-ornament {
  text-align: center;
  margin: 18px 0;
  color: var(--iw-accent);
  font-size: 18px;
}

/* ── My Account: icona per la voce "I miei corsi" (iw-corsi) ──
   Il template navigation.php del tema ha un array $icons hardcoded (non filtrabile)
   e fa esc_html della label → non possiamo passare l'icona dal plugin via label.
   Qui la agganciamo via CSS sulla classe WC dell'endpoint, in stile uk-icon
   (mask SVG in currentColor → eredita il colore del testo come le altre icone). */
.woocommerce-MyAccount-navigation-link--iw-corsi > a::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 10px;
  vertical-align: middle;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='8.5' fill='none' stroke='%23000' stroke-width='1.2'/%3E%3Cpolygon points='8,6.5 14,10 8,13.5' fill='%23000'/%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='8.5' fill='none' stroke='%23000' stroke-width='1.2'/%3E%3Cpolygon points='8,6.5 14,10 8,13.5' fill='%23000'/%3E%3C/svg%3E") center / contain no-repeat;
}



/* ============================================================
   UNIFICATO — ex theme-templates/home-italianway-test.css
   Template "Home Italianway TEST". Tutto scoped sotto .iht (nessun
   impatto globale). Caricato via custom.css del plugin (header globale),
   il file separato non viene piu\x27 incluso.
   ============================================================ */
.iht *, .iht *::before, .iht *::after { box-sizing: border-box; margin: 0; padding: 0; }

.iht {
  --bg:           #FAFAFA;
  --surface:      #EDEAE8;
  --surfaceElev:  #FFFFFF;
  --line:         rgba(0, 0, 0, 0.08);
  --lineStrong:   rgba(0, 0, 0, 0.16);
  --text:         #1D1D1F;
  --textMuted:    rgba(29, 29, 31, 0.62);
  --textFaint:    rgba(29, 29, 31, 0.36);
  --accent:       #e3696a;
  --accentSoft:   rgba(227, 105, 106, 0.10);
  --accentStrong: #c75051;
  --chip:         rgba(0, 0, 0, 0.04);

  --serif: 'Cormorant Garamond', 'Times New Roman', Georgia, serif;
  --sans:  'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --mono:  'DM Mono', 'JetBrains Mono', 'SF Mono', Menlo, monospace;
  --title: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;

  font-family: var(--sans);
  background: var(--bg);
  color: var(--text);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.iht a { color: inherit; text-decoration: none; }
.iht ::selection { background: rgba(227, 105, 106, 0.22); }

/* ── TOP BAR ── */
.iht .topbar {
  position: sticky; top: 0; z-index: 50;
  background: rgba(250, 250, 250, 0.92);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  border-bottom: 1px solid var(--line);
}
.iht .topbar-inner {
  max-width: 1280px; margin: 0 auto; padding: 0 48px;
  height: 72px; display: flex; align-items: center; gap: 40px;
}
.iht .logo { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }
.iht .logo-mark {
  width: 34px; height: 34px; background: var(--accent);
  display: grid; place-items: center;
  font-family: var(--serif); font-style: italic; font-size: 18px; color: #fff;
}
.iht .logo-text { line-height: 1.1; }
.iht .logo-text .name {
  font-family: var(--serif); font-size: 16px; letter-spacing: -0.01em; color: var(--text);
}
.iht .logo-text .sub {
  font-family: var(--sans); font-size: 8px; font-weight: 700;
  letter-spacing: 0.22em; color: var(--accent); text-transform: uppercase;
}
.iht .topnav { display: flex; gap: 4px; flex: 1; }
.iht .topnav a {
  font-family: var(--sans); font-size: 14px; font-weight: 500;
  color: var(--textMuted);
  padding: 8px 14px; border-radius: 999px;
  transition: all 180ms;
}
.iht .topnav a:hover { background: var(--chip); color: var(--text); }
.iht .topnav a.active { color: var(--text); }

.iht .topbar-actions { display: flex; gap: 8px; align-items: center; flex-shrink: 0; }

/* ── BUTTONS ── */
.iht .btn-primary {
  display: inline-flex; align-items: center; gap: 8px;
  background: var(--accent); color: #fff;
  font-family: var(--sans); font-size: 15px; font-weight: 600;
  padding: 13px 26px; border: none; border-radius: 999px;
  cursor: pointer; transition: background 200ms, transform 200ms;
}
.iht .btn-primary:hover { background: var(--accentStrong); color:#fff; }
.iht .btn-primary:active { transform: scale(0.98); }

.iht .btn-ghost {
  display: inline-flex; align-items: center; gap: 8px;
  background: transparent; color: var(--text);
  font-family: var(--sans); font-size: 14px; font-weight: 500;
  padding: 11px 22px; border: 1px solid var(--lineStrong); border-radius: 999px;
  cursor: pointer; transition: all 200ms;
}
.iht .btn-ghost:hover { border-color: var(--text); background: var(--chip); }

.iht .btn-text {
  font-family: var(--sans); font-size: 15px; font-weight: 600;
  color: var(--accent); cursor: pointer;
  display: inline-flex; align-items: center; gap: 6px;
  transition: gap 200ms;
}
.iht .btn-text:hover { gap: 10px; }

.iht .eyebrow {
  font-family: var(--mono); font-size: 11px;
  letter-spacing: 0.22em; text-transform: uppercase;
  color: var(--accent);
}

/* ── HERO ── */
.iht .hero {
  max-width: 1280px; margin: 0 auto;
  padding: 96px 48px 64px;
}
.iht .hero h1 {
  font-family: var(--title);
  font-size: 80px; line-height: 1.0;
  letter-spacing: -0.03em; font-weight: 700;
  margin: 28px 0 28px;
  max-width: 1000px;
  color: var(--text);
}
.iht .hero h1 em {
  font-family: var(--serif); font-style: italic;
  font-weight: 400; color: var(--accent);
}
.iht .hero p.lead {
  font-family: var(--sans);
  font-size: 19px; line-height: 1.65;
  color: var(--textMuted);
  max-width: 640px;
  margin-bottom: 40px;
}
.iht .hero-stats {
  display: flex; gap: 56px; flex-wrap: wrap;
  padding-top: 36px; margin-top: 8px;
  border-top: 1px solid var(--line);
}
.iht .hero-stat .v {
  font-family: var(--title); font-size: 32px; font-weight: 700;
  letter-spacing: -0.02em;
}
.iht .hero-stat .l {
  font-family: var(--mono); font-size: 10px;
  letter-spacing: 0.16em; text-transform: uppercase;
  color: var(--textMuted); margin-top: 6px;
}

/* ── OVERVIEW SECTION ── */
.iht .overview-head {
  max-width: 1280px; margin: 0 auto;
  padding: 80px 48px 48px;
  display: flex; justify-content: space-between; align-items: flex-end;
  gap: 32px;
}
.iht .overview-head h2 {
  font-family: var(--title); font-size: 44px; font-weight: 700;
  letter-spacing: -0.02em; line-height: 1.05;
  margin-top: 14px; color: var(--text);
}
.iht .overview-head p {
  font-family: var(--sans); font-size: 15px;
  color: var(--textMuted); line-height: 1.7;
  max-width: 380px;
}

.iht .cards {
  max-width: 1280px; margin: 0 auto;
  padding: 0 48px 64px;
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 24px;
}

/* Card base */
.iht .card {
  position: relative;
  border: 1px solid var(--line); border-radius: 20px;
  background: var(--surfaceElev);
  overflow: hidden;
  transition: transform 320ms cubic-bezier(.2,.8,.2,1),
              box-shadow 320ms cubic-bezier(.2,.8,.2,1),
              border-color 320ms;
  display: flex; flex-direction: column;
  min-height: 460px;
}
.iht .card:hover {
  transform: translateY(-4px);
  box-shadow: 0 30px 70px rgba(0, 0, 0, 0.08);
  border-color: var(--lineStrong);
}
.iht .card-body { padding: 40px; flex: 1; display: flex; flex-direction: column; }
.iht .card-head { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 28px; gap: 16px; }
.iht .card-tag {
  font-family: var(--mono); font-size: 10px;
  letter-spacing: 0.18em; text-transform: uppercase;
  color: var(--textMuted);
  padding: 5px 10px; border: 1px solid var(--line); border-radius: 999px;
  background: var(--bg); white-space: nowrap;
}
.iht .card-title {
  font-family: var(--title); font-size: 36px;
  font-weight: 700; letter-spacing: -0.02em;
  line-height: 1.05;
  margin-bottom: 16px;
  color: var(--text);
}
.iht .card-title em {
  font-family: var(--serif); font-style: italic; font-weight: 400;
  color: var(--accent);
}
.iht .card-lead {
  font-family: var(--sans); font-size: 15px;
  line-height: 1.65; color: var(--textMuted);
  margin-bottom: 28px; max-width: 460px;
}
.iht .card-bullets {
  display: flex; flex-direction: column; gap: 10px;
  margin-bottom: 28px; list-style: none;
}
.iht .card-bullets li {
  display: flex; gap: 10px; align-items: flex-start;
  font-family: var(--sans); font-size: 14px;
  line-height: 1.55; color: var(--text);
}
.iht .card-bullets li::before {
  content: '—'; color: var(--accent); flex-shrink: 0;
  font-weight: 700;
}
.iht .card-foot {
  margin-top: auto;
  display: flex; align-items: center; justify-content: space-between;
  gap: 16px; padding-top: 24px;
  border-top: 1px solid var(--line);
}
.iht .card-price {
  font-family: var(--title); font-size: 22px; font-weight: 700;
  letter-spacing: -0.02em; color: var(--text);
}
.iht .card-price small {
  font-family: var(--sans); font-size: 12px; font-weight: 500;
  color: var(--textMuted); margin-left: 6px;
}
.iht .card-meta {
  font-family: var(--mono); font-size: 10px;
  letter-spacing: 0.18em; text-transform: uppercase;
  color: var(--textMuted);
}

/* ── Card 1 — Corso (big, accent background) ── */
.iht .card-corso {
  background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 60%, var(--accentSoft) 100%);
  grid-column: 1 / -1;
}
.iht .card-corso .card-body { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: 56px; padding: 56px; }
.iht .card-corso .card-title { font-size: 56px; }
.iht .card-corso .card-lead { font-size: 17px; max-width: 520px; }
.iht .card-corso .card-foot { border-top: none; padding-top: 0; flex-wrap: wrap; }

.iht .corso-viz {
  background: var(--bg);
  border: 1px solid var(--line); border-radius: 16px;
  padding: 32px; display: flex; flex-direction: column; gap: 14px;
}
.iht .corso-viz-head {
  display: flex; justify-content: space-between; align-items: center;
  margin-bottom: 12px;
}
.iht .corso-viz-eyebrow {
  font-family: var(--mono); font-size: 10px;
  letter-spacing: 0.18em; text-transform: uppercase;
  color: var(--accent);
}
.iht .corso-viz-count {
  font-family: var(--mono); font-size: 11px;
  color: var(--textMuted);
}
.iht .corso-mod {
  display: flex; gap: 14px; align-items: center;
  padding: 14px 16px; background: var(--surfaceElev);
  border: 1px solid var(--line); border-radius: 10px;
  transition: border-color 200ms;
}
.iht .corso-mod:hover { border-color: var(--accent); }
.iht .corso-mod-num {
  width: 30px; height: 30px; border-radius: 50%;
  background: var(--accentSoft);
  display: grid; place-items: center; flex-shrink: 0;
  font-family: var(--mono); font-size: 11px; font-weight: 600;
  color: var(--accent);
}
.iht .corso-mod-name {
  font-family: var(--title); font-size: 14px; font-weight: 600;
  flex: 1; color: var(--text);
}
.iht .corso-mod-len {
  font-family: var(--mono); font-size: 10px;
  color: var(--textMuted); letter-spacing: 0.08em;
}
.iht .corso-mod-extra {
  border-style: dashed; opacity: 0.7;
}
.iht .corso-mod-extra .corso-mod-num {
  background: var(--chip); color: var(--textMuted);
}
.iht .corso-mod-extra .corso-mod-name {
  color: var(--textMuted); font-weight: 500;
}

/* ── Card 2 — Consulenze ── */
.iht .card-consulenze .corner {
  position: absolute; top: 0; right: 0;
  width: 200px; height: 200px;
  background: radial-gradient(circle at top right, var(--accentSoft) 0%, transparent 70%);
  pointer-events: none;
}

.iht .speakers-mini {
  display: flex;
  margin-top: 20px; margin-bottom: 24px;
}
.iht .speakers-mini .av {
  width: 44px; height: 44px; border-radius: 50%;
  background: var(--accentSoft);
  border: 2px solid var(--surfaceElev);
  display: grid; place-items: center;
  font-family: var(--serif); font-style: italic; font-size: 16px;
  color: var(--accent); margin-left: -10px;
  overflow:hidden;
}
.iht .speakers-mini .av:first-child { margin-left: 0; }
.iht .speakers-mini .av img {
  width: 100%; height: 100%; object-fit: cover; border-radius: 50%;
}
.iht .speakers-mini-text {
  margin-left: 14px; font-family: var(--sans); font-size: 13px;
  color: var(--textMuted); align-self: center;
  line-height: 1.5;
}

/* ── Card 3 — Job Board ── */
.iht .job-grid {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 8px;
  margin-bottom: 24px;
}
.iht .job-tile {
  border: 1px solid var(--line); border-radius: 10px;
  background: var(--bg);
  padding: 14px;
}
.iht .job-tile .num {
  font-family: var(--title); font-size: 22px; font-weight: 700;
  letter-spacing: -0.02em; color: var(--text);
}
.iht .job-tile .lbl {
  font-family: var(--mono); font-size: 9px;
  letter-spacing: 0.16em; text-transform: uppercase;
  color: var(--textMuted); margin-top: 6px;
  line-height: 1.4;
}

/* ── Card 4 — Webinar ── */
.iht .webinar-list { display: flex; flex-direction: column; gap: 12px; margin-bottom: 24px; list-style: none; }
.iht .webinar-row {
  display: flex; align-items: center; gap: 14px;
  padding: 12px 14px;
  border: 1px solid var(--line); border-radius: 10px;
  background: var(--bg);
  transition: border-color 200ms;
}
.iht .webinar-row:hover { border-color: var(--accent); }
.iht .webinar-row.past { opacity: 0.6; }
.iht .webinar-date {
  width: 50px; flex-shrink: 0;
  text-align: center; border-right: 1px solid var(--line);
  padding-right: 14px;
}
.iht .webinar-date .d {
  font-family: var(--title); font-size: 20px; font-weight: 700;
  letter-spacing: -0.02em; line-height: 1; color: var(--text);
}
.iht .webinar-date .m {
  font-family: var(--mono); font-size: 9px;
  letter-spacing: 0.16em; text-transform: uppercase;
  color: var(--accent); margin-top: 4px;
}
.iht .webinar-date .y {
  font-family: var(--mono); font-size: 9px;
  letter-spacing: 0.12em; color: var(--textMuted); margin-top: 2px;
}
.iht .webinar-info { flex: 1; min-width: 0; }
.iht .webinar-info .t {
  font-family: var(--title); font-size: 14px; font-weight: 600;
  color: var(--text); margin-bottom: 3px;
  overflow-wrap: anywhere;
}
.iht .webinar-info .s {
  font-family: var(--sans); font-size: 12px; color: var(--textMuted);
}
.iht .webinar-dot {
  width: 7px; height: 7px; border-radius: 50%; background: var(--accent);
  flex-shrink: 0;
  animation: iht-pulse 2s infinite;
}
@keyframes iht-pulse { 0%,100% { opacity: 1; } 50% { opacity: 0.4; } }

/* ── PROOF STRIP ── */
.iht .proof {
  background: var(--surface);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.iht .proof-inner {
  max-width: 1280px; margin: 0 auto;
  padding: 64px 48px;
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: 64px; align-items: center;
}
.iht .proof h3 {
  font-family: var(--title); font-size: 28px;
  font-weight: 700; letter-spacing: -0.01em; line-height: 1.15;
  margin-top: 14px; color: var(--text);
}
.iht .proof-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 32px; }
.iht .proof-stat .v {
  font-family: var(--title); font-size: 40px; font-weight: 700;
  letter-spacing: -0.02em; color: var(--text);
}
.iht .proof-stat .l {
  font-family: var(--sans); font-size: 13px;
  color: var(--textMuted); margin-top: 6px;
}

/* ── CTA FINALE ── */
.iht .cta-final {
  max-width: 1280px; margin: 0 auto;
  padding: 96px 48px 120px;
  text-align: center;
}
.iht .cta-final h2 {
  font-family: var(--title); font-size: 56px;
  font-weight: 700; letter-spacing: -0.025em;
  line-height: 1.05; margin: 12px auto 20px;
  max-width: 800px; color: var(--text);
}
.iht .cta-final h2 em {
  font-family: var(--serif); font-style: italic; font-weight: 400;
  color: var(--accent);
}
.iht .cta-final p {
  font-family: var(--sans); font-size: 17px; line-height: 1.65;
  color: var(--textMuted); max-width: 560px; margin: 0 auto 36px;
}
.iht .cta-actions {
  display: inline-flex; gap: 12px; flex-wrap: wrap;
  justify-content: center;
}

/* ── FOOTER ── */
.iht .footer-strip { border-top: 1px solid var(--line); padding: 40px 48px; }
.iht .footer-strip-inner {
  max-width: 1280px; margin: 0 auto;
  display: flex; justify-content: space-between; align-items: center;
  gap: 24px; flex-wrap: wrap;
}
.iht .footer-strip-inner .copy {
  font-family: var(--mono); font-size: 10px;
  letter-spacing: 0.16em; text-transform: uppercase;
  color: var(--textFaint);
}

/* ── Animations ── */
@keyframes iht-fadeUp { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: translateY(0); } }
.iht .fade { animation: iht-fadeUp 700ms cubic-bezier(.2,.8,.2,1) both; }
.iht .fade-1 { animation-delay: 80ms; }
.iht .fade-2 { animation-delay: 160ms; }
.iht .fade-3 { animation-delay: 240ms; }
.iht .fade-4 { animation-delay: 320ms; }

/* ── Collapsible (mostra tutti / mostra meno) ── */
@keyframes iht-fadein { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }
.iht .iht-fadein { animation: iht-fadein 320ms cubic-bezier(.2,.8,.2,1) both; }

.iht .iht-btn-link {
  display: inline-flex; align-items: center; gap: 6px;
  background: none; border: none; cursor: pointer;
  font-family: var(--sans); font-size: 13px; font-weight: 600;
  color: var(--accent);
  margin-top: 8px; padding: 6px 0;
  transition: gap 200ms;
}
.iht .iht-btn-link:hover { gap: 10px; }
.iht .iht-btn-link::after { content: '↓'; transition: transform 200ms; }
.iht .iht-btn-link[aria-expanded="true"]::after { transform: rotate(180deg); }

/* eyebrow lista webinar */
.iht .webinar-list-eyebrow {
  font-family: var(--mono); font-size: 10px; letter-spacing: 0.18em;
  text-transform: uppercase; color: var(--accent); margin-bottom: 18px;
}
.iht .webinar-list-eyebrow-muted { color: var(--textMuted); }
.iht .webinar-list-spaced { margin-top: 28px; }

/* ── Responsive ── */
@media (max-width: 1080px) {
  .iht .card-corso .card-body { grid-template-columns: minmax(0, 1fr); gap: 36px; padding: 40px; }
  .iht .card-corso .card-title { font-size: 44px; }
  /* La card Webinar ha il grid INLINE (non sovrascrivibile da media query senza !important):
     collassa a 1 colonna su mobile/tablet, altrimenti la lista "passati" si schiaccia a strisce. */
  .iht #webinar .card-body { grid-template-columns: minmax(0, 1fr) !important; gap: 36px !important; padding: 40px !important; }
}
@media (max-width: 880px) {
  .iht .topbar-inner { padding: 0 24px; gap: 16px; }
  .iht .topnav { display: none; }
  .iht .hero { padding: 48px 15px 32px; }
  .iht .hero h1 { font-size: 42px; }
  .iht .hero p.lead { font-size: 16px; }
  .iht .hero-stats { gap: 28px; }
  .iht .overview-head { padding: 56px 15px 32px; flex-direction: column; align-items: flex-start; }
  .iht .overview-head h2 { font-size: 32px; }
  .iht .cards { grid-template-columns: minmax(0, 1fr); padding: 0 15px 48px; }
  .iht .card { min-height: auto; }
  .iht .card-body { padding: 28px; }
  .iht .card-title { font-size: 28px; }
  .iht .card-corso .card-title { font-size: 36px; }
  .iht .card-foot { flex-direction: column; align-items: flex-start; }
  .iht .proof-inner { grid-template-columns: minmax(0, 1fr); gap: 32px; padding: 48px 24px; }
  .iht .proof-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
  .iht .cta-final { padding: 64px 24px 80px; }
  .iht .cta-final h2 { font-size: 36px; }
  .iht .footer-strip { padding: 32px 24px; }
  .iht .corso-viz { padding: 15px; }
}

/* ── Textarea "Le tue note": stesso stile della textarea commenti
   (.iw-comment-form .uk-textarea), anche dentro la card scura (uk-card-secondary,
   contesto uk-light): servono gli override colore/placeholder + !important. ── */
.iwa-note-textarea {
  background: var(--iw-bg) !important;
  color: var(--iw-text) !important;
  border: 1px solid var(--iw-line) !important;
  border-radius: 10px !important;
  padding: 12px 14px !important;
}
.iwa-note-textarea::placeholder { color: var(--iw-textMuted) !important; }

/* ── Sales hero: la review card è overlay sul video da desktop; su mobile va in flusso
   SOTTO il video (altrimenti lo copre). Override anche degli stili inline (width/transform). ── */
@media (max-width: 959px) {
  .iwa-hero-review {
    position: static !important;
    width: auto !important;
    margin: 16px 0 0 !important;
    transform: none !important;
  }
}

/* Mobile: card interne della home TEST (.iht) più compatte — padding laterale a 8px
   (più spazio al contenuto su schermi stretti), verticale mantenuto. */
@media (max-width: 640px) {
  .iht .card-body,
  .iht .card-corso .card-body,
  .iht #webinar .card-body {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

/* ── Prezzo pieno "sbarrato" nelle card pricing (sales page + [iw_pricing]) ──
   Barra DIAGONALE in accent al posto del line-through dritto: più leggibile
   come "prima costava X". Dimensioni in em → scalano col font del contenitore. */
.iwa-price-was {
  position: relative;
  display: inline-block;
  font-size: .45em;
  font-weight: 600;
  color: var(--iw-textMuted, #6e6e6e);
  white-space: nowrap;
  margin-left: .2em;
  vertical-align: baseline;
}
.iwa-price-was::after {
  content: "";
  position: absolute;
  left: -8%;
  right: -8%;
  top: 50%;
  border-top: .13em solid var(--iw-accent);
  transform: rotate(-11deg);
  pointer-events: none;
}
/* Card "Consigliato" (uk-card-primary, fondo scuro): grigio chiaro leggibile. */
.uk-card-primary .iwa-price-was { color: rgba(255, 255, 255, .75); }