/* Variables CSS pour un thème Rust-like - À DÉPLACER DANS rust_theme.css */
        :root {
			
            --rust-bg-medium: #3c3c3c;
            --rust-bg-light: #4a4a4a;
            --rust-text-light: #e0e0e0;
            --rust-text-muted: #a0a0a0;
            --rust-accent-orange: #e67e22; /* Rouille/orange */
            --rust-accent-red: #c0392b; /* Rouge sang */
            --rust-accent-green: #27ae60;
            --rust-accent-blue: #3498db;
            --rust-border-color: rgba(255, 255, 255, 0.08); /* Bordures subtiles */
            --rust-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
            --rust-player-name-red: #ff4d4d; /* Rouge vif pour le pseudo */
        }

        body {
            background-color: var(--rust-bg-dark);
            color: var(--rust-text-light);
        }

        .profile-header {
            border-left: 5px solid var(--rust-accent-orange); /* Accent de couleur rouille */
            background-color: var(--rust-bg-medium);
            box-shadow: var(--rust-box-shadow);
        }
        .stat-card {
            background-color: var(--rust-bg-medium);
            border: 1px solid var(--rust-border-color);
            box-shadow: var(--rust-box-shadow);
            transition: transform 0.2s, box-shadow 0.2s;
        }
        .stat-card:hover {
            transform: translateY(-3px);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4);
        }
        .stat-card .list-group-item {
            background-color: transparent;
            border-color: var(--rust-border-color);
        }
        .stat-card .card-header {
            background-color: rgba(0,0,0,0.3);
            font-weight: 600;
            color: var(--rust-text-light);
            border-bottom: 1px solid var(--rust-border-color);
        }
        .badge-perso {
            background-color: var(--rust-accent-orange) !important; /* Exemple de couleur pour les badges perso */
            color: #fff;
        }
        .title-badge {
            font-size: 0.85em;
            padding: 0.3em 0.7em;
            border-radius: 0.3rem;
            background-color: var(--rust-bg-light) !important;
            border: 1px solid var(--rust-border-color);
        }
        
        /* Couleurs de pseudo personnalisées (définissez-les dans votre rust_theme.css) */
        .player-name-legend-red {
            color: var(--rust-player-name-red) !important;
            text-shadow: 0 0 10px var(--rust-player-name-red), 0 0 20px var(--rust-player-name-red); /* Effet de glow */
            font-weight: bold;
        }
        .player-name-gold-rank { /* Exemple pour le jaune si vous l'avez */
            color: var(--player-name-gold-rank) !important;
            text-shadow: 0 0 5px rgba(255, 215, 0, 0.5);
            font-weight: bold;
        }
        /* Ajoutez d'autres classes pour vos couleurs débloquées ici */

        /* Styles spécifiques pour les valeurs de statistiques */
        .profile-stat-value {
            font-size: 1.5em;
            font-weight: 600;
            color: var(--rust-accent-orange); /* Couleur d'accent pour les chiffres */
        }
        .profile-stat-value.text-success { color: var(--rust-accent-green) !important; }
        .profile-stat-value.text-danger { color: var(--rust-accent-red) !important; }

        /* Ajustements pour les listes de stats */
        .list-group-item span {
            font-weight: 500;
        }
        .list-group-item .badge {
            font-size: 0.8em;
            padding: 0.5em 0.7em;
            border-radius: 0.4rem;
        }

        /* Styles pour la barre de progression (vous pouvez la rendre plus "Rust") */
        .progress {
            background-color: var(--rust-bg-light); /* Fond de la barre */
        }
        .progress-bar {
            background-color: var(--rust-accent-orange); /* Couleur de progression */
            box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);
        }

        /* Améliorations de lisibilité sur les petites polices */
        .text-muted, .form-text {
            color: var(--rust-text-muted) !important;
        }

/* --- Styles généraux pour le corps et les conteneurs --- */
body {
    background-color: var(--rust-bg-dark);
    color: var(--rust-text-light);
    font-family: 'Poppins', sans-serif; /* Conservez Poppins si vous l'aimez */
}

/* --- Header de profil (la barre sous la navbar) --- */
.profile-header {
    background-color: var(--rust-bg-medium);
    border: 1px solid var(--rust-border-color);
    border-left: 5px solid var(--rust-accent-orange); /* La bande verticale Rust */
    border-radius: 0.5rem;
    box-shadow: var(--rust-box-shadow);
    padding: 1.5rem !important; /* Ajustez le padding si nécessaire */
}

.profile-header h1, .profile-header h2 {
    color: var(--rust-text-light);
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.profile-header .text-muted {
    color: var(--rust-text-muted) !important;
}

/* --- Styles des cartes générales (stats-card) --- */
.stat-card {
    background-color: var(--rust-bg-medium);
    border: 1px solid var(--rust-border-color);
    border-radius: 0.5rem;
    box-shadow: var(--rust-box-shadow);
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.stat-card:hover {
    transform: translateY(-5px); /* Effet de soulèvement */
    box-shadow: var(--rust-hover-shadow);
}
.stat-card .card-header {
    background-color: rgba(0, 0, 0, 0.3); /* Légèrement transparent */
    border-bottom: 1px solid var(--rust-border-color);
    color: var(--rust-text-light);
    font-weight: 600;
    padding: 0.75rem 1.25rem;
}
.stat-card .card-body {
    padding: 1.25rem;
}

/* --- Boutons et champs de formulaire --- */
.btn-primary {
    background-color: var(--rust-accent-orange) !important;
    border-color: var(--rust-accent-orange) !important;
    color: #fff !important;
    font-weight: 500;
    transition: background-color 0.2s, border-color 0.2s;
}
.btn-primary:hover {
    background-color: darken(var(--rust-accent-orange), 10%) !important;
    border-color: darken(var(--rust-accent-orange), 10%) !important;
}

.form-control, .form-select {
    background-color: var(--rust-bg-light);
    border: 1px solid var(--rust-border-color);
    color: var(--rust-text-light);
}
.form-control:focus, .form-select:focus {
    background-color: var(--rust-bg-light);
    border-color: var(--rust-accent-orange);
    box-shadow: 0 0 0 0.25rem rgba(var(--rust-accent-orange-rgb), 0.25);
    color: var(--rust-text-light);
}

/* --- Badges et Titres --- */
.badge {
    border-radius: 0.25rem; /* Coins moins arrondis */
    font-weight: 500;
    padding: 0.4em 0.6em;
}

.player-name-winner-blue {
  color: #00BFFF !important;
  font-weight: bold;
  text-shadow: 0 0 5px rgba(0, 191, 255, 0.5);
}

/* Couleurs des pseudos définies dans custom_colors.php */
.player-actual-name.player-name-legend-red,
.player-name-legend-red {
    color:  #ff4d4d;
    text-shadow: 0 0 10px var(--player-name-legend-red), 0 0 20px var(--player-name-legend-red); /* Effet de glow */
    font-weight: 700;
}
.player-actual-name.player-name-gold-rank,
.player-name-gold-rank {
    color: var(--player-name-gold-rank) !important;
    text-shadow: 0 0 5px rgba(255, 215, 0, 0.5);
    font-weight: 600;
}
.player-actual-name.player-name-hunter-green,
.player-name-hunter-green {
    color: #075428 !important; /* Un vert foncé, tirant vers le gris/noir, pour un look "camouflage" */
    font-weight: bold;
    text-shadow: 0 0 6px rgba(54, 69, 79, 0.7);
}
/* Ajoutez les autres classes CSS pour les couleurs ici */
.text-danger { color: var(--rust-accent-red) !important; }
.text-success { color: var(--rust-accent-green) !important; }
.text-info { color: var(--rust-accent-blue) !important; }
.text-primary { color: var(--rust-accent-blue) !important; }
.text-light { color: var(--rust-text-light) !important; }
.text-muted { color: var(--rust-text-muted) !important; }

/* Styles pour les sections des listes (Stats du Wipe, etc.) */
.list-group-flush .list-group-item {
    background-color: transparent;
    border-color: var(--rust-border-color);
    padding-left: 0;
    padding-right: 0;
}

/* --- Toast Notification --- */
.toast-container {
    z-index: 1080; /* Au-dessus de toutes les modales de Bootstrap */
}
.toast {
    background-color: var(--rust-bg-medium);
    border: 1px solid var(--rust-border-color);
    color: var(--rust-text-light);
    box-shadow: var(--rust-box-shadow);
}
.toast-header {
    background-color: rgba(0, 0, 0, 0.3);
    border-bottom: 1px solid var(--rust-border-color);
    color: var(--rust-text-light);
}
.toast-body {
    padding: 0.75rem;
}
.toast .btn-close {
    filter: invert(1); /* Rend la croix blanche pour le thème sombre */
}

/* Styles pour les nouvelles sections "Vos Couleurs Débloquées" et "Vos Titres Débloqués" */
.d-flex.flex-wrap.gap-2 span.badge {
    border: 1px solid var(--rust-border-color);
    background-color: var(--rust-bg-light) !important;
    font-weight: normal;
}
/* Fichier: style.css */

/* --- STYLES POUR LA PAGE DE NOTIFICATIONS --- */

/* Style de base pour un élément de la liste de notifications */
.list-group-item.notification-item {
    transition: background-color 0.3s ease, border-left-color 0.3s ease;
    border-left: 4px solid transparent; /* Bordure transparente par défaut */
    padding-left: 1rem; /* Espace pour la bordure */
}

/* Style pour une notification NON LUE */
.list-group-item.notification-item.unread {
    background-color: rgba(220, 53, 69, 0.1) !important; /* Fond rouge très léger (couleur --bs-danger) */
    border-left-color: #dc3545 !important; /* Bordure rouge vif (couleur --bs-danger) */
}

/* Style de l'icône dans une notification NON LUE */
.list-group-item.notification-item.unread .notification-icon {
    color: #dc3545 !important; /* Icône rouge */
}

/* Style au survol pour rendre l'interaction plus évidente */
.list-group-item.notification-item:hover {
    background-color: var(--bs-dark-bg-subtle) !important;
}

/* Ajustements pour l'icône */
.notification-icon {
    width: 40px;
    text-align: center;
    font-size: 1.5rem;
    transition: color 0.3s ease;
}

/* --- NEW AVATAR BORDER COLORS FOR LEADERBOARD/HISTORY (dynamic from custom_colors.php) --- */

.player-avatar.avatar-border-ocean-blue,
.player-avatar-history.avatar-border-ocean-blue {
    border-color: #0077BE !important; /* Ocean Blue hex */
    box-shadow: 0 0 5px rgba(0, 119, 190, 0.5); /* RGBA equivalent for shadow */
}

.player-avatar.avatar-border-sunset-orange,
.player-avatar-history.avatar-border-sunset-orange {
    border-color: #FF7F50 !important; /* Sunset Orange hex */
    box-shadow: 0 0 5px rgba(255, 127, 80, 0.5); /* RGBA equivalent for shadow */
}