/* Ajustements table sur mobile */
@media (max-width: 768px) {
  .slots-table {
    font-size: 12px;
    width: 100%;
    overflow-x: auto;
    display: block;
  }

  .slots-table th,
  .slots-table td {
    padding: 6px 8px;
  }

  /* Masquer RTP (7ème colonne) et Volatility (6ème colonne) */
  .slots-table th:nth-child(6),
  .slots-table td:nth-child(6),
  .slots-table th:nth-child(7),
  .slots-table td:nth-child(7) {
    display: none;
  }

  .slots-table td img {
    width: 30px;
    height: 30px;
  }

  /* Compactage des champs de recherche au-dessus de la table */
  .slots-filters-container {
    display: flex !important;
    flex-wrap: nowrap !important;  /* empêche le retour à la ligne */
    overflow-x: auto;              /* scroll horizontal si besoin */
    justify-content: space-between !important;
    gap: 8px !important;
  }

  .slots-filters-container input,
  .slots-filters-container label {
    flex: 1 0 auto !important;
    margin: 0 4px !important;
    min-width: 0 !important;
    max-width: 100px !important;
    font-size: 12px !important;
    padding: 6px 8px !important;
    white-space: nowrap !important;
  }

  /* Ajustement spécifique pour la checkbox et son label */
  .filter-checkbox-container {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    flex: 0 1 auto !important;
    min-width: auto !important;
    max-width: 140px !important;
  }
  .filter-checkbox-container input[type="checkbox"] {
    margin: 0 !important;
  }
}
body.ios-device .slots-filters-container {
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 12px !important;
}

body.ios-device .slots-filters-container > * {
  width: 100% !important;
  min-width: auto !important;
}

body.ios-device .filter-input {
  width: 100% !important;
  box-sizing: border-box !important;
}

body.ios-device .filter-checkbox-container {
  justify-content: flex-start !important;
  width: 100% !important;
}

}