/* ===== AMÉLIORATIONS TABLETTE ===== */
/* Corrections spécifiques pour l'affichage sur tablettes */

/* Messages flash - amélioration pour tablette */
@media (min-width: 768px) and (max-width: 1199px) {
  .flash-stack .alert {
    font-size: 0.875rem !important;
    padding: 0.75rem 1rem !important;
    margin-bottom: 0.75rem !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    hyphens: auto !important;
  }
  
  .flash-stack .alert .btn-close {
    font-size: 0.8rem !important;
  }
}

/* Layout check_player pour tablettes */
@media (min-width: 768px) and (max-width: 1199px) {
  /* IMPORTANT:
     On laisse Bootstrap gérer le layout (2 colonnes) sur tablette.
     L'ancien override forçait une pile 1-colonne (portrait) et cassait
     l'expérience attendue.
  */
  .check-player-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
  }
  .check-player-main,
  .check-player-sidebar {
    width: auto !important;
    order: initial !important;
    margin-bottom: 0 !important;
  }
  
  /* Actions et Pool Claim en pleine largeur sur tablette */
  .check-player-sidebar .card {
    margin-bottom: 1rem !important;
  }
  
  .check-player-sidebar .btn-block {
    padding: 0.75rem 1rem !important;
    font-size: 0.875rem !important;
  }
  
  /* Formulaires Pool Claim plus compacts */
  .check-player-sidebar .form-group {
    margin-bottom: 1rem !important;
  }
  
  .check-player-sidebar .form-control-sm {
    font-size: 0.875rem !important;
    padding: 0.5rem 0.75rem !important;
  }
  
  /* Alertes dans sidebar plus compactes */
  .check-player-sidebar .alert {
    padding: 0.5rem 0.75rem !important;
    font-size: 0.8rem !important;
    margin-bottom: 0.75rem !important;
  }
}

/* Player header amélioré pour tablette */
@media (min-width: 768px) and (max-width: 1199px) {
  .player-header {
    padding: 1rem !important;
    margin-bottom: 1.5rem !important;
  }

  /* Garder l'entête horizontal sur tablette (comme desktop) */
  .player-header > .d-flex {
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
  }
  
  .player-header .player-headshot {
    width: 100px !important;
    height: 100px !important;
    margin-bottom: 0 !important;
    margin-right: 1rem !important;
  }
  
  .player-header .player-team-logo {
    width: 60px !important;
    height: 60px !important;
    margin-bottom: 0 !important;
    margin-right: 1rem !important;
  }
  
  .player-header h2 {
    font-size: 1.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  
  .player-header .small {
    font-size: 0.875rem !important;
  }
}

/* Tables responsives pour tablette */
@media (min-width: 768px) and (max-width: 1199px) {
  .table-responsive {
    border: none !important;
  }
  
  .table-sm th,
  .table-sm td {
    padding: 0.5rem 0.4rem !important;
    font-size: 0.8rem !important;
  }
  
  /* Last 5 games table plus compact */
  .last-games-table th,
  .last-games-table td {
    padding: 0.4rem 0.3rem !important;
    font-size: 0.75rem !important;
    text-align: center !important;
  }
  
  .last-games-table th:first-child,
  .last-games-table td:first-child {
    text-align: left !important;
  }
}

/* Form controls améliorés pour tablette */
@media (min-width: 768px) and (max-width: 1199px) {
  .form-control,
  .form-control-sm {
    font-size: 0.875rem !important;
    min-height: 40px !important;
  }
  
  .btn {
    min-height: 40px !important;
    font-size: 0.875rem !important;
  }
  
  .btn-sm {
    min-height: 36px !important;
    font-size: 0.8rem !important;
    padding: 0.5rem 0.75rem !important;
  }
}

/* Navigation améliorée pour tablette */
@media (min-width: 768px) and (max-width: 1199px) {
  .navbar-nav .nav-link {
    padding: 0.5rem 0.75rem !important;
    font-size: 0.875rem !important;
  }
  
  .dw-search input {
    font-size: 0.875rem !important;
    min-height: 36px !important;
  }
}

/* Cards améliorées pour tablette */
@media (min-width: 768px) and (max-width: 1199px) {
  .card {
    margin-bottom: 1rem !important;
  }
  
  .card .card-body,
  .card.p-3 {
    padding: 1rem !important;
  }
  
  .card h5,
  .card h6 {
    font-size: 1rem !important;
    margin-bottom: 0.75rem !important;
  }
}

/* Badges et labels pour tablette */
@media (min-width: 768px) and (max-width: 1199px) {
  .badge {
    font-size: 0.75rem !important;
    padding: 0.35em 0.65em !important;
  }
  
  .text-muted {
    font-size: 0.8rem !important;
  }
}