/* =========================================================
   FINPLUS OSTIA - Mobile Races spacing fix v4
   Fix:
   - elimina lo spazio eccessivo tra PDF elenco gare e ricerca
   - rimuove lo sticky del box ricerca su mobile, evitando sovrapposizione alla lista gare
   - mantiene visibile Gestione Gara per istruttore grazie alla patch v3
   ========================================================= */

@media (max-width: 820px) {
  /* Card principale Gare piu' compatta */
  #racesView > .card {
    margin-top: 8px !important;
  }

  #racesView > .card > .card-head {
    padding: 10px 12px 4px !important;
    margin: 0 !important;
    gap: 8px !important;
  }

  #racesView > .card > .card-body {
    padding: 4px 10px 10px !important;
    margin: 0 !important;
  }

  #exportRaceListBtn {
    margin: 0 !important;
  }

  /* La ricerca deve stare nel flusso della pagina, non appiccicata sopra la lista */
  #racesView .race-toolbar {
    position: static !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    z-index: auto !important;
    transform: none !important;
    margin: 4px 0 8px !important;
    padding: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-shadow: 0 6px 16px rgba(13,31,53,.05) !important;
  }

  /* Il testo helper, se presente, non deve creare un blocco troppo alto */
  #racesView .mobile-race-helper,
  #mobileRaceHelper {
    margin: 0 0 8px !important;
    padding: 8px 10px !important;
    font-size: 11.5px !important;
    line-height: 1.3 !important;
  }

  /* Lista gare subito sotto ricerca/helper */
  #racesView .race-list-wrap {
    margin-top: 0 !important;
  }

  #racesView .race-layout {
    gap: 10px !important;
  }

  /* Evita qualsiasi sovrapposizione residua */
  #racesView .race-list-wrap,
  #racesView .race-detail-panel,
  #raceEditorCard {
    position: relative !important;
    top: auto !important;
  }
}