/* cta_fix.css – FIX MOBILE MIRATI (login + quick punch) */
@media (max-width: 576px){

  /* Evita overflow orizzontale in generale */
  html, body { overflow-x: hidden !important; }
  *, *::before, *::after { box-sizing: border-box !important; }

  /* Contenitori “card” compatti e centrati */
  .card, .box, .panel, .widget, .gd-card {
    margin: 12px !important;
    border-radius: 16px !important;
    padding: 16px !important;
  }

  /* INPUT/FIELD sempre a 100% senza allargarsi fuori */
  input, select, textarea, .form-control, .input, .field, .input-group, .form-group {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 44px;
    font-size: 16px; /* evita zoom iOS */
  }

  /* --- LOGIN -------------------------------------------------------------- */
  /* Checkbox "Ricordami" in blocco, con spazio dedicato */
  .form-check, .remember, label[for="remember"], input[type="checkbox"][name="remember"] {
    display: block !important;
    float: none !important;
    width: auto !important;
    margin: 10px 0 !important;
    clear: both !important;
  }

  /* “Timbratura Rapida” → a tutta larghezza e sotto alla checkbox */
  .quick-switch,
  .quick-punch-btn,
  a[href*="quick-punch"].btn,
  a[href*="quick-punch"].pill,
  a.quick-punch-btn {
    display: block !important;
    width: 100% !important;
    white-space: normal !important;
    line-height: 1.2 !important;
    padding: 12px 14px !important;
    font-size: 1rem !important;
    position: static !important;
    margin-top: 12px !important;
    clear: both !important;
  }

  /* Password e campi del form: niente larghezze fisse */
  input[type="password"] {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* --- QUICK PUNCH -------------------------------------------------------- */
  /* Contenitore principale più “respirato” */
  #quick-punch, .quick-punch, .punch-card {
    padding: 12px !important;
    margin: 0 12px !important;
  }

  /* Bottoni impilati e larghi */
  #quick-punch .btn, .quick-punch .btn {
    display: block !important;
    width: 100% !important;
    min-height: 48px !important;
    padding: 12px 14px !important;
    font-size: 1rem !important;
  }

  /* Evita righe a due colonne che stringono i testi */
  .row, .form-row, .grid {
    display: block !important;
  }
}