/* Couleur Primaire - Boutons de détails et liens importants */
.btn-primary {
    background-color: #1A5276 !important;
    border-color: #1A5276 !important;
    color: #ffffff !important;
}

.btn-primary:hover {
    background-color: #154360 !important;
    border-color: #154360 !important;
}

/* Couleur Secondaire - Pour l'inscription newsletter ou badges */
.btn-secondary, .badge-evenement {
    background-color: #00aabf !important;
    border-color: #00aabf !important;
    color: #ffffff !important;
}

/* Rappel pour le bandeau du footer que vous avez en bleu ciel actuellement */
.public-footer {
    border-top: 1px solid #1A5276 !important; /* On remplace le cyan par le bleu pétrole */
}
.navbar-custom {
    border-bottom: 1px solid #2c2f83 !important;
    background-color: #eeeeee;
}
.navbar-custom .navbar-brand,
.navbar-custom .nav-link {
    color: #2f7fbf !important;
}

.card {
    --bs-border-radius: 20px;
    --bs-card-border-color: #2c2f83;
}
.sous-titre-logo {
    color: #888888;
    font-size: 1.2rem;
    padding-left: 10px;
    margin-bottom: 20px;
}
.titre-evenement {
    color: #2c2f83;
    font-size: 1.4rem;
    background-color: #EEEEEE;
    padding: 10px;
    border-radius: 20px;
}
.badge-evenement {
    background-color: #2c2f83;
    color: #ffffff;
    font-size: 0.9rem;
    font-weight: normal;
}

/* Cibler le titre h2 à l'intérieur de la légende du carrousel */
.carousel-caption h2 {
    display: inline-block;       /* Pour que le fond ne prenne pas toute la largeur */
    background-color: rgba(255, 255, 255, 0.6); /* Blanc avec 60% d'opacité */
    color: #2f7fbf;              /* Texte bleu */
    padding: 10px 20px;          /* Espace entre le texte et le bord du fond */
    border-radius: 15px;         /* Coins arrondis */
    backdrop-filter: blur(5px);  /* Optionnel : floute légèrement l'image derrière le texte */
    font-size: 1.5rem;            /* Taille du texte */
    font-weight: normal;
}

/* Style de base pour TOUS les ronds (inactifs par défaut) */
.carousel-indicators button {
    width: 12px !important;
    height: 12px !important;
    border-radius: 50% !important;
    
    /* L'effet Outline */
    background-color: transparent !important; /* Vide à l'intérieur */
    border: 1px solid #ffffff !important;   /* Bordure blanche de 2px */
    
    /* Réglages de visibilité */
    opacity: 0.8 !important; 
    box-sizing: border-box; /* Assure que la bordure ne change pas la taille du rond */
    margin: 0 6px !important;
}

/* Style spécifique pour le rond ACTIF */
.carousel-indicators .active {
    background-color: #ffffff !important; /* On remplit l'intérieur en blanc */
    border: 1px solid #ffffff !important; /* La bordure reste identique */
    opacity: 1 !important;
}
.step-thumbnail { 
    width: 120px; 
    height: 120px; 
    object-fit: cover; 
    border-radius: 8px; /* Force l'arrondi si la classe .rounded est insuffisante */
}
.step-card { 
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; 
    border: none; 
}