/*
 * Ajustements de la nouvelle version (Bootstrap 5), chargés après legacy.css.
 */
:root {
    --icac-rouge: #df3734;
    --icac-rouge-fonce: #c03a38;
    --icac-anthracite: #2d2e33;
    --icac-police: "Poppins", Arial, sans-serif;
    --bs-font-sans-serif: var(--icac-police);
    --bs-body-font-family: var(--icac-police);
    --bs-body-font-weight: 300;
    --icac-police-surtitre: "Barlow Condensed", "Arial Narrow", sans-serif;
    --icac-fond: #e8ebf4;

    --bs-primary: var(--icac-rouge);
    --bs-primary-rgb: 223, 55, 52;
    --bs-link-color: var(--icac-rouge);
    --bs-link-color-rgb: 223, 55, 52;
    --bs-link-hover-color: var(--icac-rouge-fonce);
    --bs-link-hover-color-rgb: 192, 58, 56;
}

/* Typographie commune aux pages du site. */
body { font-family: var(--icac-police); font-weight: 300; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight: 800; }
b, strong { font-weight: 800; }
/* Aligner les utilitaires Bootstrap sur les deux graisses de la charte. */
.fw-bold, .fw-bolder, .fw-semibold { font-weight: 800 !important; }
.fw-normal, .fw-light { font-weight: 300 !important; }
/* Formulaires : valeurs saisies en léger et anthracite ; les libellés sont en medium (charte.css). */
.form-control, .form-select { font-family: var(--icac-police); font-weight: 300; color: var(--icac-anthracite); }
.form-control::placeholder { color: #6b6e78; font-weight: 300; opacity: 1; }

.btn-primary {
    --bs-btn-bg: var(--icac-rouge);
    --bs-btn-border-color: var(--icac-rouge);
    --bs-btn-hover-bg: var(--icac-rouge-fonce);
    --bs-btn-hover-border-color: var(--icac-rouge-fonce);
    --bs-btn-active-bg: var(--icac-rouge-fonce);
    --bs-btn-active-border-color: var(--icac-rouge-fonce);
}

.btn-outline-primary {
    --bs-btn-color: var(--icac-rouge);
    --bs-btn-border-color: var(--icac-rouge);
    --bs-btn-hover-bg: var(--icac-rouge);
    --bs-btn-hover-border-color: var(--icac-rouge);
    --bs-btn-active-bg: var(--icac-rouge-fonce);
}

.icac {
    color: var(--icac-anthracite);
    font-weight: 800;
}

.rouge {
    color: var(--icac-rouge);
}

/* Défilement fluide vers les ancres (remplace le script jQuery .anchor) */
html {
    scroll-behavior: smooth;
}

/*
 * Compatibilité avec legacy.css, écrit pour Bootstrap 4.
 */

/* Bootstrap 4 donnait position: relative à toutes les colonnes ; des éléments en
   position absolue s'y rattachent (flèches du bloc « focus » de l'accueil...). */
.row > [class*="col"] {
    position: relative;
}

/* Utilitaire supprimé par Bootstrap 5 (texte des actualités). */
.text-justify {
    text-align: justify !important;
}

/* legacy.css passe .navbar-nav en inline-block sur grand écran, ce qui empile les
   liens du menu Bootstrap 5 : on garde le menu en ligne et centré. */
@media (min-width: 576px) {
    .navbar-expand-sm .navbar-nav {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .navbar-expand-sm .navbar-collapse {
        justify-content: center;
    }
}

/* Largeur maximale du contenu comme sous Bootstrap 4 (1140 px) : Bootstrap 5 va
   jusqu'à 1320 px sur grand écran, ce qui étirait les pages. */
@media (min-width: 1400px) {
    .container {
        max-width: 1140px;
    }
}

/* Listes déroulantes : Bootstrap 5 utilise .form-select là où legacy.css stylait .form-control */
.artiste-filters .form-select,
.galerie-filters .form-select {
    background-color: #e8ebf4;
    border-color: transparent;
}