/* ==========================================================================
   MARS · CORREZIONI PER TELEFONO

   Foglio separato apposta: contiene solo aggiustamenti di ergonomia e
   leggibilità, nessuna scelta grafica. Il desktop non viene toccato —
   tutto sta dentro media query che valgono fino a 900px.

   Tre problemi, dall'audit:
   1. aree toccabili sotto i 44×44px raccomandati
   2. testi sotto i 15px su blocchi di lettura
   3. altezze in vh, che sul telefono saltano quando la barra
      dell'indirizzo compare e scompare
   ========================================================================== */

/* ---------------------------------------------------------------------------
   1 · AREE TOCCABILI
   Dove possibile si allarga solo l'area sensibile, non l'elemento: così
   il disegno resta identico e il dito ha comunque i suoi 44px.
   --------------------------------------------------------------------------- */
@media (max-width:900px){

  /* pulsante del menu: era 41×36 e 42×28, il comando più importante del telefono */
  .burger,.d-burger{
    min-width:48px;min-height:48px;
    display:flex;align-items:center;justify-content:center;
    padding:12px;
  }

  /* freccina del sottomenu servizi: era 29×29 */
  .sub-caret{
    min-width:44px;min-height:44px;
    display:inline-flex;align-items:center;justify-content:center;
  }

  /* logo: il link era alto 19-27px */
  .brand,.d-brand{display:inline-flex;align-items:center;min-height:44px}

  /* icone social del footer: erano 38×38 e 40×40 */
  .footer-social a,.d-soc a,.social a{
    min-width:44px;min-height:44px;
    display:inline-flex;align-items:center;justify-content:center;
  }

  /* voci del menu a scomparsa */
  .nav-links a,.d-drawer a,.nav-sub-mobile a{min-height:44px;display:flex;align-items:center}

  /* elenchi di link nel footer: l'area cresce, il testo resta dov'è */
  .footer-col a,.d-foot__col a,.footer-legal a,.d-foot__bot a{
    display:inline-flex;align-items:center;min-height:44px;
  }

  /* L'invito a scorrere sparisce sul telefono: finiva sotto il banner
     cookie a tutte le misure e a 320px si sovrapponeva ai pulsanti.
     Su un telefono, poi, nessuno ha bisogno che gli si dica di scorrere. */
  .d-hero__scroll{display:none}
  .d-go,.btn-link{min-height:44px;display:inline-flex;align-items:center}

  /* voci del mega menu */
  .mega-item,.d-mi{min-height:48px}
}

/* ---------------------------------------------------------------------------
   2 · LEGGIBILITÀ
   Sotto i 15px un blocco di testo su telefono si legge male. I 13px
   restano dove sono etichette brevi, non testo da leggere.
   --------------------------------------------------------------------------- */
@media (max-width:900px){
  .footer-info,.footer-bottom span,.d-foot__bot span{font-size:15px;line-height:1.6}
  .cs-trust-note{font-size:14px;line-height:1.6}
  .d-note,.p-illu,.p-case__tags,.d-card__note{font-size:14px;line-height:1.6}
  .p-case__meta,.d-card__meta{font-size:14px}
  .legal p,.legal li{font-size:16px;line-height:1.75}
  .legal td,.legal th{font-size:15px}
}

/* ---------------------------------------------------------------------------
   3 · ALTEZZE
   100vh sul telefono è calcolato sulla finestra senza barra dell'indirizzo:
   quando la barra compare, il contenuto viene tagliato. dvh segue la
   finestra vera. Il fallback in vh resta per i browser vecchi.
   --------------------------------------------------------------------------- */
.book.is-h .spread{min-height:100vh;min-height:100dvh}
.cs-modal__panel{max-height:100vh;max-height:100dvh}
.csf-stage{min-height:100vh;min-height:100dvh}

/* ---------------------------------------------------------------------------
   4 · MOVIMENTO RIDOTTO
   Vale su tutto il sito, non solo su telefono.
   --------------------------------------------------------------------------- */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
    scroll-behavior:auto !important;
  }
}