/* mobile-plus.css — leggibilita' e tap target su mobile (18/9/2026).
   Tocca solo <=640px per non alterare l'esperienza desktop.
   Corregge micro-testo (9-11px), tap target piccoli, zoom iOS al focus.
*/

/* globale — anti-zoom iOS, tap highlight pulito, immagini responsive */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{-webkit-tap-highlight-color:transparent}
img,svg,video{max-width:100%;height:auto}

@media (max-width:640px){
  /* micro-tipo del brand -> minimo 12px */
  .tmi span,.tmi small{font-size:12px !important;line-height:1.25 !important}
  .nav-grp{font-size:12px !important;letter-spacing:.8px !important}
  .corto{font-size:11.5px !important}
  .kitx-badge{font-size:12px !important}

  /* topbar promo dei landing */
  .tb-testo,.tb-orolo{font-size:13px !important}
  .tb-cta{min-height:34px !important;padding:6px 12px !important;font-size:13px !important;
          border-radius:8px !important;display:inline-flex !important;align-items:center !important;
          justify-content:center !important;touch-action:manipulation}

  /* mini-etichette e badge sotto la fold */
  .sg-hint,.prog-ric-t,.liv-comp,.liv-sconto,.sfe-pay__m{font-size:12.5px !important;line-height:1.3 !important}

  /* bottone lente su copertina manuale */
  .conf-tap{min-height:40px !important;padding:8px 14px !important;font-size:14px !important;touch-action:manipulation}

  /* footer: link piu' facili da toccare */
  footer a{min-height:40px !important;display:inline-flex !important;align-items:center !important;
           padding:6px 8px !important;font-size:13px !important}

  /* link in mezzo al testo: piu' area di tocco */
  p a:not(footer a){padding:6px 0 !important;display:inline-block !important;line-height:1.5}

  /* form: font >=16px evita lo zoom automatico di iOS al focus */
  input[type=email],input[type=text],input[type=search],input[type=tel],
  input[type=password],input[type=number],textarea,select{font-size:16px !important}

  /* recensioni: stelle grandi come i pollici */
  .rec-stars button{min-width:44px !important;min-height:44px !important;font-size:26px !important}

  /* sezioni landing: piu' compatte */
  .sez{padding-top:32px !important;padding-bottom:32px !important}

  /* dettagli/FAQ: tap-friendly */
  details>summary{min-height:44px;padding:10px 12px !important;font-size:15px !important;line-height:1.35 !important}

  /* scroll fluido dove serve */
  [class*=scroll],[class*=carousel],[class*=slider],[class*=track]{-webkit-overflow-scrolling:touch}

  /* previeni doppio-tap zoom su tutti i bottoni/link chiave */
  button,a.btn,.cta,.kbtn,.bigcta,.heroCta{touch-action:manipulation}
}

/* rispetta chi ha disabilitato le animazioni */
@media (prefers-reduced-motion:reduce){
  *{animation-duration:.001ms !important;animation-iteration-count:1 !important;
    transition-duration:.001ms !important;scroll-behavior:auto !important}
}