/* ============================================
   TEXT VISIBILITY FIX - UNO WEB GAME
   Garantir que textos importantes sejam visíveis
   ============================================ */

/* Título "Suas Cartas" na tela de jogo */
.mt-4 h5,
#game-screen h5 {
    color: #FFFFFF !important;
    font-weight: 700 !important;
    text-shadow: 
        0 0 25px rgba(255, 255, 255, 0.9),
        0 0 15px rgba(255, 255, 255, 0.7),
        0 3px 12px rgba(0, 0, 0, 1) !important;
    font-size: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}

/* Garantir visibilidade de todos os h5 e h6 na tela de jogo */
#game-screen .sidebar-section h5,
#game-screen .sidebar-section h6,
#game-screen .game-board h5,
#game-screen .game-board h6 {
    color: #FFFFFF !important;
    font-weight: 800 !important;
    text-shadow: 
        0 0 25px rgba(255, 255, 255, 0.9),
        0 0 15px rgba(255, 255, 255, 0.7),
        0 3px 12px rgba(0, 0, 0, 1) !important;
}

/* Textos dentro da lista de jogadores */
#players-list,
#players-list > div,
#players-list > div > * {
    color: #FFFFFF !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.9) !important;
}

/* Textos dentro do log do jogo */
#game-log,
#game-log > *,
.game-log-content,
.game-log-content > * {
    color: #FFFFFF !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.9) !important;
}

/* Garantir visibilidade de strong e span na game-info */
.game-info strong,
.game-info span {
    color: #FFFFFF !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.9) !important;
}

/* Garantir visibilidade do texto "aguardando início do jogo" e mensagens similares */
.game-status,
.waiting-message,
.status-text,
#game-screen .alert,
#game-screen .text-center,
#game-screen .text-muted {
    color: #FFFFFF !important;
    text-shadow: 
        0 0 20px rgba(255, 255, 255, 0.8),
        0 2px 10px rgba(0, 0, 0, 1) !important;
    font-weight: 600 !important;
}

/* Garantir visibilidade de parágrafos e textos genéricos na tela de jogo */
#game-screen p,
#game-screen span:not(.badge):not(.button-text):not(.button-icon) {
    color: rgba(255, 255, 255, 0.95) !important;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.8) !important;
}