/* ==== APB ultra-compact breadcrumb ==== */
:root { --crumb-gap: 0; --crumb-font: 0.9rem; --pull: 28px; }

/* Breadcrumb : très compact, une seule ligne si possible */
.region-breadcrumb,
.breadcrumb-region,
nav.breadcrumb {
  margin: 0 !important;
  padding: 0 !important;
  font-size: var(--crumb-font) !important;
  line-height: 1.1 !important;
}

/* Réduit encore le “souffle” sur le conteneur du breadcrumb (si présent) */
.breadcrumb-region > .container,
.breadcrumb-region > .container-fluid {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Supprime l'espace de la région "highlighted" si elle est vide */
.region-highlighted:empty,
.highlighted:empty {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
}

/* Le bloc juste après le breadcrumb n’a pas de marge/padding haut */
.region-breadcrumb + *,
.breadcrumb-region + *,
nav.breadcrumb + * {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Neutralise tout padding haut structurel */
#main-wrapper,
#main-wrapper .container,
#main-wrapper .container-fluid,
.main-wrapper .container,
.main-wrapper .container-fluid {
  padding-top: 0 !important;
}

/* <main> et premier enfant : aucun décalage vers le bas */
main#main,
#main.page-content,
.homepage-content.page-content {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
#main > *:first-child,
#main .layout__region--content > *:first-child,
.page-content > *:first-child,
.layout--onecol .layout__region--content > *:first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Cas fréquents (Bootstrap utilitaires) sur le 1er bloc */
#main > .mt-5:first-child,
#main > .my-5:first-child,
#main > .pt-5:first-child,
#main > .py-5:first-child {
  margin-top: 0 !important; padding-top: 0 !important;
}

/* Dernier recours : on “remonte” le contenu sous le breadcrumb */
.region-breadcrumb + #main-wrapper #main,
.breadcrumb-region + #main-wrapper #main,
nav.breadcrumb + #main-wrapper #main {
  margin-top: calc(var(--pull) * -1) !important;  /* -28px par défaut */
}

/* Option : masquer le breadcrumb sur la home si tu veux zéro espace */
.path-frontpage nav.breadcrumb,
.path-frontpage .region-breadcrumb,
.path-frontpage .breadcrumb-region { display: none !important; }


/* ==== APB: alternance sur .region-content-bottom ==== */
/* Palette (change à ta guise) */
:root{
  --stripe-odd:  #f2fbf9;   /* pair/impair à ajuster */
  --stripe-even: #ffffff;
}

/* 1) Neutraliser le style TaraPro */
.region-content-bottom,
.region-content-bottom .block {
  background: none !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

/* 2) Espacement interne “bande” (au choix) */
.region-content-bottom > .block,
.region-content-bottom > .container > .block {
  position: relative;
  padding: 24px 0;         /* souffle vertical */
}


/* 4) Full-bleed : la bande prend toute la largeur de la fenêtre,
      contenu centré inchangé */
.region-content-bottom > .block::before,
.region-content-bottom > .container > .block::before{
  content:"";
  position:absolute; z-index:-1; top:0; bottom:0;
  left:50%; right:50%;
  margin-left:-50vw; margin-right:-50vw;
  background: var(--apb-bg, transparent);
}

/* 5) (Option) fin liseré entre bandes */
.region-content-bottom .block + .block{
  border-top: 1px solid rgba(0,0,0,.05);
}


/* Inverser pair/impair UNIQUEMENT sur /NE */
:root { --team-stripe: #c6eded; }

/* Si tu colories directement le bloc (pas de full-bleed) */
.path-ne .block-region.region-content-home > .block:nth-child(even),
.path-ne .block-region.region-content       > .block:nth-child(even),
body[class*="path-ne"] .block-region.region-content-home > .block:nth-child(even),
body[class*="path-ne"] .block-region.region-content       > .block:nth-child(even){
  background-color: var(--team-stripe) !important;
}
.path-ne .block-region.region-content-home > .block:nth-child(odd),
.path-ne .block-region.region-content       > .block:nth-child(odd),
body[class*="path-ne"] .block-region.region-content-home > .block:nth-child(odd),
body[class*="path-ne"] .block-region.region-content       > .block:nth-child(odd){
  background-color: transparent !important;
}

/* Si tu utilises la variante full-bleed avec ::before, garde ces règles aussi */
.path-ne .block-region.region-content-home > .block:nth-child(even)::before,
.path-ne .block-region.region-content       > .block:nth-child(even)::before,
body[class*="path-ne"] .block-region.region-content-home > .block:nth-child(even)::before,
body[class*="path-ne"] .block-region.region-content       > .block:nth-child(even)::before{
  background: var(--team-stripe) !important;
}
.path-ne .block-region.region-content-home > .block:nth-child(odd)::before,
.path-ne .block-region.region-content       > .block:nth-child(odd)::before,
body[class*="path-ne"] .block-region.region-content-home > .block:nth-child(odd)::before,
body[class*="path-ne"] .block-region.region-content       > .block:nth-child(odd)::before{
  background: transparent !important;
}

/* Si tes blocs sont dans un .container, ajoute ces variantes */
.path-ne .block-region.region-content-home > .container > .block:nth-child(even),
.path-ne .block-region.region-content       > .container > .block:nth-child(even){
  background-color: var(--team-stripe) !important;
}
.path-ne .block-region.region-content-home > .container > .block:nth-child(odd),
.path-ne .block-region.region-content       > .container > .block:nth-child(odd){
  background-color: transparent !important;
}
.path-ne .block-region.region-content-home > .container > .block:nth-child(even)::before,
.path-ne .block-region.region-content       > .container > .block:nth-child(even)::before{
  background: var(--team-stripe) !important;
}
.path-ne .block-region.region-content-home > .container > .block:nth-child(odd)::before,
.path-ne .block-region.region-content       > .container > .block:nth-child(odd)::before{
  background: transparent !important;
}

.video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}