/* Wrapper principal */
.player-stats-wrapper {
    margin-bottom: 30px !important; /* Espacement après le plugin */
}

.player-stats {
    margin: 20px 0 !important;
    padding: 15px !important;
    border: 1px solid #ddd !important;
    background-color: #f9f9f9 !important;
    border-radius: 8px !important;
    max-width: 100% !important;
    overflow-x: auto !important; /* Défilement horizontal sur petits écrans */
}

.player-stats h2 {
    margin-top: 0 !important;
    font-size: 20px !important;
    color: #333 !important;
}

/* Statistiques générales */
.player-stats .stat {
    margin-bottom: 20px !important; /* Espacement amélioré entre les blocs */
    padding: 10px !important;
    background-color: #fff !important; /* Ajout d'un fond blanc */
    color: #fff !important; /* Texte blanc pour contraste */
    border-radius: 8px !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; /* Léger ombrage */
}

/* Grands Chelems gagnés */
.grand-slam-total {
    margin-bottom: 10px !important; /* Espacement après le total */
    font-weight: bold !important;
    color: #333 !important;
    font-size: 14px !important;
}

.grand-slam-table {
    width: 100% !important;
    border-collapse: collapse !important;
    margin-top: 10px !important;
}

.grand-slam-table tr {
    background-color: #e8f4fc !important; /* Fond bleu clair pour les lignes */
}

.grand-slam-table tr:nth-child(even) {
    background-color: #d0e8f8 !important; /* Bleu légèrement plus foncé pour alternance */
}

.grand-slam-table td {
    padding: 8px 10px !important; /* Espacement dans les cellules */
    font-size: 14px !important;
    color: #333 !important;
    line-height: 1.5 !important;
    text-align: left !important;
}

.grand-slam-table .tourney-name {
    font-weight: bold !important;
    color: #0073aa !important; /* Bleu pour les noms des tournois */
    width: 40% !important;
}

.grand-slam-table .tourney-details {
    font-weight: normal !important;
    color: #555 !important;
    width: 60% !important;
}

/* Style harmonisé pour les messages d'absence de données */
.no-title {
    font-style: italic !important;
    color: #888 !important; /* Gris clair */
    text-align: center !important; /* Centre le texte horizontalement */
    margin: 10px 0 20px !important; /* Uniformise l'espacement en haut et en bas */
    font-size: 14px !important;
    line-height: 1.6 !important; /* Hauteur de ligne standard */
}

/* Texte suivant le plugin */
.player-stats-wrapper + * {
    margin-top: 30px !important; /* Ajoute un espacement propre */
}

/* Icône pour les aces */
.icon-aces {
    font-size: 16px !important; /* Taille de l'icône */
    margin-left: 5px !important; /* Espacement entre le nombre et l'icône */
    vertical-align: middle !important; /* Alignement avec le texte */
}

/* Icône pour les titres */
.icon-title {
    font-size: 16px !important;
    margin-left: 5px !important;
    vertical-align: middle !important;
}

/* Responsive Design */
@media screen and (max-width: 768px) {
    .grand-slam-table {
        display: block !important; /* Force le tableau à devenir un bloc */
        width: 100% !important; /* Assure une largeur complète */
    	border: none !important; /* Supprime les bordures globales */
        overflow-x: visible !important; /* Permet au contenu de s'afficher correctement */
    }

    .grand-slam-table tr {
        display: block !important; /* Les lignes restent en mode bloc */
        margin-bottom: 10px !important; /* Espacement entre les "lignes" */
    	border: none !important; /* Supprime les bordures des lignes */
        width: 100% !important;
    }

    .grand-slam-table td {
        display: block !important; /* Les cellules occupent toute la largeur */
        width: 100% !important;
        padding: 8px 0 !important; /* Ajuste l'espacement interne */
        font-size: 13px !important; /* Réduit la taille pour mobile */
        text-align: left !important;
    	word-wrap: normal !important; /* Désactive le retour à la ligne forcé */
        overflow-wrap: normal !important;
        white-space: normal !important; /* Autorise les retours à la ligne */
    	border: none !important; /* Supprime les bordures des cellules */
    }

    .grand-slam-total {
        font-size: 13px !important; /* Ajuste légèrement la taille pour mobile */
        height: auto !important; /* Permet une hauteur dynamique */
        overflow: visible !important;
    }

    .no-title {
        font-size: 13px !important; /* Réduction de la taille pour mobile */
    }

    .player-stats .stat {
        width: 100% !important; /* Les blocs occupent toute la largeur */
        box-sizing: border-box !important; /* Inclut les marges et les paddings */
        margin-bottom: 15px !important; /* Espacement réduit entre les blocs */
        padding: 10px !important; /* Ajoute un espacement interne */
        height: auto !important; /* Adapte dynamiquement la hauteur */
    }

    .player-stats {
        padding: 10px !important; /* Réduction du padding global pour mobile */
        height: auto !important; /* Assure une hauteur dynamique */
        overflow: visible !important;
    }
}