:root {
    --sapphire: #0F52BA;
    --dark-blue: #1E3A8A;
    --gold: #FFD700;
    --light-bg: #F8FAFC;
}

body { background-color: var(--light-bg); font-family: 'Inter', sans-serif; }

.navbar-brand { font-weight: 800; color: var(--gold) !important; }
.bg-sapphire { background-color: var(--sapphire) !important; }
.btn-sapphire { background-color: var(--sapphire); color: white; border: none; transition: 0.3s; }
.btn-sapphire:hover { background-color: var(--dark-blue); color: var(--gold); }

/* Card Member Style */
.member-card-box {
    background: linear-gradient(135deg, var(--sapphire) 0%, var(--dark-blue) 100%);
    border: 2px solid var(--gold);
    border-radius: 15px;
    color: white;
    position: relative;
    overflow: hidden;
}

.member-card-box::before {
    content: "EN AVANT !";
    position: absolute;
    bottom: -10px;
    right: 10px;
    font-size: 3rem;
    opacity: 0.1;
    font-weight: 900;
}




/* Sidebar cachée par défaut sur mobile (elle passe dans le hamburger) */
.sidebar {
    height: 100vh;
    position: sticky;
    top: 0;
    transition: all 0.3s;
    z-index: 1000;
}

@media (max-width: 991.98px) {
    .sidebar {
        display: none; /* On cache la barre latérale sur tablettes/mobiles */
    }
}

/* Style spécifique pour le menu hamburger */
.navbar-toggler:focus {
    box-shadow: 0 0 0 0.25rem rgba(255, 215, 0, 0.25); /* Halo doré au clic */
}

.dropdown-menu {
    border-top: 3px solid var(--sapphire);
}