/* ============================================================
   TurboTasse — livello "premium"
   Si carica DOPO style.css e ne rifinisce i componenti.
   Non tocca l'HTML: agisce sulle classi che le pagine gia usano.
   Per annullare tutto basta togliere il <link> a questo file.
   ============================================================ */

:root{
  --tt-ink:#0B1220;
  --tt-muted:#64748B;
  --tt-line:rgba(15,23,42,.09);
  --tt-amber:#F59E0B;
  --tt-amber-d:#B45309;
  --tt-radius:16px;
  /* ombra a due livelli: una vicina che definisce, una lontana che stacca */
  --tt-shadow:0 1px 2px rgba(15,23,42,.04), 0 8px 24px rgba(15,23,42,.05);
  --tt-shadow-h:0 1px 2px rgba(15,23,42,.05), 0 18px 40px rgba(15,23,42,.09);
}

/* ---------- 0. COLORE DI BASE ---------------------------------
   Il tema definisce il giallo in --bs-yellow (#fab758) e da li
   derivano --bs-primary e tutte le varianti dei pulsanti:
   btn-soft-primary, btn-outline-primary, i link, i bordi.
   Allineando la variabile alla radice si allinea tutto insieme,
   invece di rincorrere una regola per variante. */
:root{
  --bs-yellow:#F59E0B;
  --bs-yellow-rgb:245,158,11;
  --bs-pale-yellow:#FEF3C7;
  --bs-primary:#F59E0B;
  --bs-primary-rgb:245,158,11;
  --bs-pale-primary:#FEF3C7;
}

/* Le varianti "soft" e chiare restano secondarie ma prendono la
   stessa forma dei pulsanti principali: pillola e peso del testo
   arrivano gia da .btn qui sotto. Sistemo solo il contrasto del
   testo, che sul giallo pallido risultava troppo chiaro. */
.btn-soft-primary{
  --bs-btn-color:#8A5200;
  --bs-btn-hover-color:#6B3F00;
  --bs-btn-bg:#FEF3C7;
  --bs-btn-border-color:#FDE68A;
  --bs-btn-hover-bg:#FDE68A;
  --bs-btn-hover-border-color:#FCD34D;
}
.btn-white,.btn-light{
  --bs-btn-color:#0B1220;
  --bs-btn-hover-color:#0B1220;
  --bs-btn-border-color:#E2E8F0;
  --bs-btn-hover-border-color:#0B1220;
}

/* ---------- 1. TIPOGRAFIA ------------------------------------
   Il tema lascia la spaziatura predefinita: i titoli risultano
   larghi e poco compatti. Stringerla rende il blocco piu solido. */
h1,.h1,.display-1,.display-2,.display-3,.display-4,.display-5,.display-6{
  letter-spacing:-1.1px;
  font-weight:800;
  line-height:1.14;
}
h2,.h2{ letter-spacing:-.7px; font-weight:800; line-height:1.2; }
h3,.h3{ letter-spacing:-.5px; font-weight:800; }
h4,.h4,h5,.h5{ letter-spacing:-.3px; font-weight:700; }
.lead{ line-height:1.62; }

/* ---------- 2. SCHEDE ----------------------------------------
   Prima: ombra diffusa senza bordo, angoli 6px.
   Dopo: bordo sottile che definisce sempre il contorno,
   angoli piu morbidi, sollevamento al passaggio del mouse. */
.card{
  border-radius:var(--tt-radius);
  border:1px solid var(--tt-line);
  box-shadow:var(--tt-shadow);
  transition:transform .18s ease, box-shadow .18s ease;
}
.card.shadow-lg,
.card.shadow-md,
.card.shadow{ box-shadow:var(--tt-shadow); }

/* si solleva solo dove ha senso: non nelle FAQ ne nei form */
.card:not(.plain):not(.accordion-item):not(.no-lift):hover{
  transform:translateY(-3px);
  box-shadow:var(--tt-shadow-h);
}
.card.plain,.card.accordion-item{ box-shadow:none; }

/* icone dentro le schede: dal cerchio pieno al quadrato arrotondato */
.card .icon-svg-md,
.card .icon-svg-sm,
.card .btn-circle{ border-radius:12px; }

/* ---------- 3. PULSANTI --------------------------------------
   Il tema usa le variabili di Bootstrap (--bs-btn-*): si sovrascrivono
   quelle, senza forzature. Il bianco su giallo ha un contrasto troppo
   basso per essere letto bene: il testo scuro e piu leggibile. */
.btn{
  border-radius:30px;
  font-weight:800;
  letter-spacing:-.1px;
  transition:transform .12s ease, box-shadow .2s ease;
}
.btn-primary{
  --bs-btn-color:#3B2600;
  --bs-btn-bg:var(--tt-amber);
  --bs-btn-border-color:var(--tt-amber);
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:var(--tt-amber-d);
  --bs-btn-hover-border-color:var(--tt-amber-d);
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:var(--tt-amber-d);
  --bs-btn-active-border-color:var(--tt-amber-d);
  --bs-btn-disabled-color:#3B2600;
  --bs-btn-disabled-bg:var(--tt-amber);
  --bs-btn-disabled-border-color:var(--tt-amber);
  box-shadow:0 6px 18px rgba(245,158,11,.26);
}
.btn-primary:hover{ transform:translateY(-1px); }

.btn-outline-primary{
  --bs-btn-color:var(--tt-ink);
  --bs-btn-border-color:#E2E8F0;
  --bs-btn-bg:#fff;
  --bs-btn-hover-color:var(--tt-ink);
  --bs-btn-hover-bg:#fff;
  --bs-btn-hover-border-color:var(--tt-ink);
  --bs-btn-active-color:var(--tt-ink);
  --bs-btn-active-bg:#fff;
  --bs-btn-active-border-color:var(--tt-ink);
}
.btn-outline-primary:hover{ transform:translateY(-1px); }


/* Il pulsante nella barra di navigazione ha una regola dedicata del tema,
   con specificita alta, che imposta i colori direttamente invece che
   tramite le variabili: va allineato a parte. */
.navbar.navbar-light.fixed .btn:not(.btn-expand):not(.btn-circle),
.navbar .btn-primary:not(.btn-expand):not(.btn-circle){
  background:var(--tt-amber);
  border-color:var(--tt-amber);
  color:#3B2600;
}
.navbar.navbar-light.fixed .btn:not(.btn-expand):not(.btn-circle):hover,
.navbar .btn-primary:not(.btn-expand):not(.btn-circle):hover{
  background:var(--tt-amber-d);
  border-color:var(--tt-amber-d);
  color:#fff;
}

/* ---------- 4. STACCHI FRA SEZIONI ---------------------------
   Il taglio diagonale e molto riconoscibile come "template".
   Lo neutralizzo e lo sostituisco con una sfumatura discreta. */
.wrapper.angled::before,
.wrapper.angled::after{ display:none !important; }
.wrapper.angled{ padding-top:4.5rem; padding-bottom:4.5rem; }

.wrapper.bg-light,
.wrapper.tt-section-soft{
  background-image:linear-gradient(180deg,#FFFDF8 0%,#FFFFFF 100%);
  background-color:transparent;
}
.wrapper.bg-soft-primary{
  background-image:linear-gradient(180deg,#FFF8EC 0%,#FFFDF8 100%);
  background-color:transparent;
}

/* ---------- 5. DETTAGLI --------------------------------------- */
.form-control{
  border-radius:10px;
  border-color:#E2E8F0;
  transition:border-color .15s, box-shadow .15s;
}
.form-control:focus{
  border-color:var(--tt-ink);
  box-shadow:0 0 0 3px rgba(11,18,32,.07);
}
.table>:not(caption)>*>*{ border-color:var(--tt-line); }
hr,.divider{ border-color:var(--tt-line); }

/* niente pattern a pallini: sostituito da fondo pieno */
[style*="radial-gradient"][style*="0.5px"]{ background-image:none !important; }

/* ---------- 6. ACCESSIBILITA --------------------------------- */
@media (prefers-reduced-motion: reduce){
  .card,.btn{ transition:none; }
  .card:hover,.btn:hover{ transform:none; }
}