/**
 * Bootstrap 5 : ce que les gabarits du thème attendaient de Bootstrap 4.
 *
 * Chargée juste après Bootstrap, avec lui, donc sur les seuls contenus PIVOT
 * (meuse_pivot_enqueue_libraries(), inc/pivot.php). Chaque règle rend un
 * comportement de Bootstrap 4 que Bootstrap 5 a retiré ou changé, et dont la
 * mise en page dépend ; le reste de Bootstrap 5 s'applique tel quel.
 */

/* Bootstrap 4 mettait toute colonne en position relative : c'est le repère
   du bandeau des vignettes (.fixed-bottom), des liens du bloc Contact
   (a.decalage) et des liens étirés (.stretched-link). Il lui donnait aussi
   sa gouttière même hors d'un .row (colonnes du carrousel
   [meuse_event_slider]) ; Bootstrap 5 ne la donne qu'aux enfants d'un .row. */
.col,
[class^="col-"],
[class*=" col-"] {
    position: relative;
    padding-right: calc(var(--bs-gutter-x, 30px) * .5);
    padding-left: calc(var(--bs-gutter-x, 30px) * .5);
}

/* Gouttières de 30 px, comme sous Bootstrap 4 : les 1,5rem de Bootstrap 5
   font 27 px avec la police racine de 18 px du site. */
.row,
.container,
.container-fluid {
    --bs-gutter-x: 30px;
}

/* Bootstrap 5 ajoute 2rem de retrait aux listes ; Astra n'en met pas (il
   leur donne une marge de 3em). */
ol,
ul {
    padding-left: 0;
}

/* Marge basse des libellés, que Bootstrap 5 a retirée (bloc des prix, des
   infos supplémentaires, détails d'un itinéraire). */
label {
    margin-bottom: .5rem;
}

/* Titres : Bootstrap 5 leur donne var(--bs-heading-color), qui vaut
   inherit, par-dessus la couleur des titres d'Astra ; Bootstrap 4 la
   laissait. */
:root {
    --bs-heading-color: var(--ast-global-color-2);
}

/* Cartes (vignettes d'événement, bloc des prix) : Bootstrap 5 leur impose le
   noir du texte de Bootstrap et resserre leurs marges intérieures. */
.card {
    --bs-card-spacer-y: 1.25rem;
    --bs-card-spacer-x: 1.25rem;
    --bs-card-title-spacer-y: .75rem;
    color: inherit;
}

/* Les gabarits posent .list-group-item sans .list-group autour (bloc
   Capacité) : Bootstrap 5 déclare ses variables sur .list-group, et l'élément
   n'aurait ni marges intérieures, ni fond, ni couleur. Valeurs de Bootstrap 4. */
.list-group-item {
    --bs-list-group-item-padding-y: .75rem;
    --bs-list-group-item-padding-x: 1.25rem;
    --bs-list-group-color: inherit;
    --bs-list-group-bg: #fff;
    --bs-list-group-border-width: 1px;
    --bs-list-group-border-color: rgba(0, 0, 0, .125);
    --bs-list-group-action-color: #495057;
    --bs-list-group-action-hover-color: #495057;
    --bs-list-group-action-hover-bg: #f8f9fa;
    --bs-list-group-action-active-color: #212529;
    --bs-list-group-action-active-bg: #e9ecef;
}

/* Gris et petits caractères de Bootstrap 4. */
.text-muted {
    color: #6c757d !important;
}
small,
.small {
    font-size: 80%;
}

/* Flèches du diaporama d'une fiche : celles de Bootstrap 4, plus petites et
   plus pleines que les chevrons de Bootstrap 5. */
.carousel-control-prev-icon,
.carousel-control-next-icon {
    width: 20px;
    height: 20px;
}
.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");
}
.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");
}