/* ==========================================================================
   Styles globaux — Guide Mobilité (Boost ta mobilité by Aile Sud Bourgogne)

   La quasi-totalité des styles vient de la chaîne CSS du site source, installée
   verbatim et chargée AVANT ce fichier (voir config/loader.php) :
     bootstrap → css/framework/base.css (@import des 7 fichiers du framework)
               → css/ailesb.css → css/boost-ta-mobilite.css → composants.
   Ce fichier ne contient QUE les adaptations spécifiques au portage WordPress
   (classes de body WP, gabarits singles, éléments absents du site source).
   Ne pas re-porter ici des règles déjà présentes dans la chaîne source.
   ========================================================================== */
.home #site-header {
  padding-top: 0 !important;
}
@media (min-width: 576px) {
  .home #site-header {
    padding-top: 5.25rem !important;
  }
}
.badge-obligatoire {
  background-color: #B94140;
  color: #ffffff;
  padding: 0 0.5rem;
}
.badge-recommande {
  background-color: #35397A;
  color: #ffffff;
  padding: 0 0.5rem;
}
.field__items.row > .acf-innerblocks-container:has(> .paragraph--view-mode--card) {
  display: contents;
}
.field__items.row > .acf-innerblocks-container > .paragraph--view-mode--card {
  flex-shrink: 0;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-top: var(--bs-gutter-y);
}
.card ul:not(.list-unstyled):not(.nav) > li,
.card-flip ul:not(.list-unstyled):not(.nav) > li {
  position: relative;
}
.card ul:not(.list-unstyled):not(.nav) > li::marker,
.card-flip ul:not(.list-unstyled):not(.nav) > li::marker {
  color: transparent;
}
.card ul:not(.list-unstyled):not(.nav) > li::before,
.card-flip ul:not(.list-unstyled):not(.nav) > li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.6em;
  width: 0.3em;
  height: 0.3em;
  border-radius: 50%;
  background-color: currentColor;
}
.single-lieu-pratique .card,
.single-partenaire .card {
  overflow: hidden;
}
.single-lieu-pratique .leaflet-map-mini,
.single-partenaire .leaflet-map-mini {
  position: relative;
  z-index: 0;
}
/* ==========================================================================
   Mobile — Guide Mobilité
   Les styles responsive du site source sont fournis par la chaîne CSS
   installée verbatim. Ici : seulement les adaptations WordPress.
   ========================================================================== */
#navbar-top-mobile {
  top: 0;
  left: 0;
}
@media screen and (max-width: 767px) {
  .single-lieu-pratique .leaflet-map-mini,
  .single-partenaire .leaflet-map-mini {
    min-height: 320px;
  }
}
@media screen and (max-width: 1199.98px) {
  #site-footer {
    padding-bottom: 70px;
  }
}
/* ==========================================================================
   Desktop — Guide Mobilité
   Les styles responsive du site source sont fournis par la chaîne CSS
   installée verbatim (base.css / ailesb.css / boost-ta-mobilite.css).
   Ne mettre ici que des adaptations WordPress spécifiques.
   ========================================================================== */