/* css/style_secret_public_mobile.css */
/* Surcharge la vue Projection pour l'adapter aux mobiles (Scroll actif) */

/* 1. DÉBLOQUER LE SCROLL GLOBAL */
html, body {
    height: auto !important;
    min-height: 100vh;
    overflow-y: auto !important; /* Force le scroll vertical */
    overflow-x: hidden;
    cursor: default !important; /* Réactive le curseur/toucher */
    padding-bottom: 40px; /* Espace pour scroller jusqu'en bas */
}

/* 2. CASSER LA HAUTEUR FIXE DU CONTENEUR PRINCIPAL */
.live-container, .wait-layout {
    width: 100% !important;
    height: auto !important; /* Plus de 100vh bloqué */
    min-height: 100vh;
    display: flex !important;
    flex-direction: column;
    overflow: visible !important;
    padding-bottom: 30px;
}

/* 3. LIBÉRER LES GRILLES ET CONTENUS */
.players-grid-wrapper, .wait-content-box {
    flex: none !important; /* Ne tente plus de remplir l'écran */
    height: auto !important;
    overflow: visible !important;
}

.players-grid {
    display: grid !important;
    grid-template-columns: 1fr !important; /* Une colonne sur mobile */
    gap: 15px !important;
    height: auto !important;
}

/* 4. AJUSTEMENTS SPÉCIFIQUES VUE LIVE */
.player-card {
    margin-bottom: 10px;
    min-height: 120px; /* Hauteur min pour lisibilité */
}

/* 5. AJUSTEMENTS SPÉCIFIQUES VUE WAIT */
.wait-header {
    margin-top: 10px;
}
.wait-footer {
    position: relative; /* Plus collé en bas */
    margin-top: 30px;
}

/* 6. REDIMENSIONNEMENT TEXTE (Si les VH sont trop petits sur mobile) */
.theme-text {
    font-size: 1.8em !important; /* En EM plutôt qu'en VH pour mobile */
}