/* Custom CSS pour Festival Premiers Plans */
/* Remplace les couleurs bleues de Bootstrap par le rouge du logo */

:root {
    --bs-primary: var(--festival-red);
    --bs-primary-rgb: 230, 0, 18;
    --bs-primary-bg-subtle: #ffe6e6;
    --bs-primary-border-subtle: #ffb3b3;
    --bs-primary-text-emphasis: #990000;
    --festival-red: #e60012!important;
    --festival-red-dark: #b30000!important;
    --festival-red-light: #ffe6e6!important;
}

/* Boutons primaires */
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--festival-red);
    --bs-btn-border-color: var(--festival-red);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--festival-red-dark);
    --bs-btn-hover-border-color: var(--festival-red-dark);
    --bs-btn-focus-shadow-rgb: 214, 51, 132;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--festival-red-dark);
    --bs-btn-active-border-color: var(--festival-red-dark);
    background-color: var(--festival-red) !important;
    border-color: var(--festival-red) !important;
}

.btn-primary:hover {
    background-color: var(--festival-red-dark) !important;
    border-color: var(--festival-red-dark) !important;
}

.btn-primary:focus,
.btn-primary:active {
    background-color: var(--festival-red-dark) !important;
    border-color: var(--festival-red-dark) !important;
    box-shadow: 0 0 0 0.25rem rgba(214, 51, 132, 0.25) !important;
}

/* Boutons outline-primary */
.btn-outline-primary {
    --bs-btn-color: var(--festival-red);
    --bs-btn-border-color: var(--festival-red);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--festival-red);
    --bs-btn-hover-border-color: var(--festival-red);
    --bs-btn-focus-shadow-rgb: 214, 51, 132;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--festival-red);
    --bs-btn-active-border-color: var(--festival-red);
    color: var(--festival-red) !important;
    border-color: var(--festival-red) !important;
}

.btn-outline-primary:hover {
    background-color: var(--festival-red) !important;
    border-color: var(--festival-red) !important;
    color: #fff !important;
}

/* Boutons radio avec couleur festival */
.form-check-input[type="radio"]:checked {
    background-color: var(--festival-red);
    border-color: var(--festival-red);
}

.form-check-input[type="radio"]:focus {
    border-color: var(--festival-red);
    box-shadow: 0 0 0 0.25rem rgba(230, 0, 18, 0.25);
}

.form-check-input[type="radio"]:checked:focus {
    border-color: var(--festival-red);
    box-shadow: 0 0 0 0.25rem rgba(230, 0, 18, 0.25);
}

/* Bordures primaires */
.border-primary {
    border-color: var(--festival-red) !important;
}

/* Backgrounds primaires */
.bg-primary {
    background-color: var(--festival-red) !important;
}

/* Text primaire */
.text-primary {
    color: var(--festival-red) !important;
}

/* Cards avec header primaire */
.card-header.bg-primary {
    background-color: var(--festival-red) !important;
}



/* Liens avec couleur primaire */
a.text-primary:hover,
a.text-primary:focus {
    color: var(--festival-red-dark) !important;
}

/* Progress bars */
.progress-bar {
    background-color: var(--festival-red) !important;
}

/* Badges primaires */
.badge.bg-primary {
    background-color: var(--festival-red) !important;
}

/* Alerts primaires */
.alert-primary {
    --bs-alert-color: var(--bs-primary-text-emphasis);
    --bs-alert-bg: var(--bs-primary-bg-subtle);
    --bs-alert-border-color: var(--bs-primary-border-subtle);
    color: var(--bs-primary-text-emphasis) !important;
    background-color: var(--festival-red-light) !important;
    border-color: #e8a2c4 !important;
}



/* Custom styling pour améliorer l'apparence */
.card {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    border: 1px solid rgba(214, 51, 132, 0.125);
}

.card-header {
    border-bottom: 1px solid rgba(214, 51, 132, 0.125);
}

/* Header du site */
.header-container {
    border-bottom: 2px solid #808080;
    padding: 1rem 0;
    margin-bottom: 2rem;
}


/* Styles spécifiques pour les boutons de langue dans le header */
.header-container .btn:hover {
    background-color: #b30000 !important;
    color: #fff !important;
    border-color: #b30000 !important;
    transition: all 0.2s ease-in-out;
} 

.form-label {
    font-weight: bold;
}