/* Bouillon Eats · publicité indépendante de la photo du scooter */
#beAdsCarouselWrap{box-sizing:border-box;width:100%;max-width:1180px;margin:6px auto 10px;padding:0 12px;position:relative;z-index:1}
#beAdsCarouselWrap[hidden]{display:none!important}
#beAdsCarouselWrap *{box-sizing:border-box}
#beAdsCarouselWrap .beAdsViewport{position:relative;overflow:hidden;border:1.5px solid var(--be10-border-ads, #edb947);border-radius:14px;box-shadow:0 0 15px color-mix(in srgb, var(--be10-border-ads, #edb947) 42%, transparent),0 4px 15px #0005;background:#071216;aspect-ratio:1500/315}
#beAdsCarouselWrap .beAdsSlide{position:absolute;inset:0;width:100%;height:100%;background:transparent;display:none;align-items:center;justify-content:center;border:0;margin:0;padding:0;cursor:pointer;touch-action:pan-y;box-shadow:none!important}
#beAdsCarouselWrap .beAdsSlide.beAdCurrent{display:flex}
#beAdsCarouselWrap .beAdsSlide img{display:block;width:100%;height:100%;object-fit:contain;border:0}
/* Fleches en dehors du contour des publicites : aucune superposition sur les annonces. */
#beAdsCarouselWrap .beAdsCarouselRow{display:grid;grid-template-columns:28px minmax(0,1fr) 28px;align-items:center;column-gap:3px;width:100%}
#beAdsCarouselWrap .beAdsCarouselRow:not(.hasMultiple){grid-template-columns:0 minmax(0,1fr) 0;column-gap:0}
#beAdsCarouselWrap .beAdsViewport{min-width:0;width:100%}
#beAdsCarouselWrap .beAdsNav{position:static;top:auto;transform:none;z-index:auto;width:100%;min-width:0;height:44px;border:0;background:transparent;color:#ffe3a5;font-size:29px;line-height:1;border-radius:7px;padding:0;display:flex;align-items:center;justify-content:center;box-shadow:none;cursor:pointer;text-shadow:0 0 5px #eab74888}
#beAdsCarouselWrap .beAdsNav:hover{color:#fff1c7}
#beAdsCarouselWrap .beAdsNav:focus-visible{outline:2px solid #f8c648;outline-offset:1px}
@media(max-width:500px){#beAdsCarouselWrap .beAdsCarouselRow{grid-template-columns:20px minmax(0,1fr) 20px;column-gap:2px}#beAdsCarouselWrap .beAdsNav{height:44px;font-size:26px}}
#beAdsCarouselWrap .beAdsNav[hidden]{display:none!important}
#beAdsCarouselWrap .beAdsDots{display:flex;align-items:center;justify-content:center;gap:7px;min-height:18px;padding-top:4px}
#beAdsCarouselWrap .beAdsDots:empty{display:none}
#beAdsCarouselWrap .beAdsDot{width:7px;height:7px;min-width:7px;min-height:7px;border-radius:50%;border:1px solid #e2bf75;background:#34404b;padding:0;margin:0;box-shadow:none;cursor:pointer}
#beAdsCarouselWrap .beAdsDot.active{background:#f8c648;border-color:#f8c648;transform:scale(1.25)}
#beLocationBadgeRow.beAdsReplaced{display:none!important}
#beAdsPosterOverlay{position:fixed!important;inset:0;z-index:1000000;display:flex;align-items:center;justify-content:center;padding:12px;background:rgba(0,0,0,.93);box-sizing:border-box;overscroll-behavior:contain}
#beAdsPosterOverlay[hidden]{display:none!important}
#beAdsPosterOverlay .beAdsPosterPanel{width:min(96vw,720px);max-height:95dvh;min-height:0;display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;color:#fff}
#beAdsPosterOverlay .beAdsPosterHeader{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#f6c65b;font-size:14px;font-weight:bold}
#beAdsPosterOverlay .beAdsClose{background:#1e3440;color:#fff;border:1px solid #edbb4b;border-radius:9px;padding:7px 13px;font-size:15px;min-width:45px;min-height:40px;cursor:pointer}
#beAdsPosterOverlay .beAdsPosterImage{display:block;max-width:100%;max-height:calc(95dvh - 52px);object-fit:contain;border-radius:6px;box-shadow:0 0 0 1px #f5c55b}
@media(min-width:800px){#beAdsCarouselWrap{padding:0 18px;margin-top:11px}}
@media(max-width:400px){#beAdsCarouselWrap{padding:0 9px;margin:5px auto 8px}#beAdsCarouselWrap .beAdsViewport{border-radius:10px}#beAdsCarouselWrap .beAdsNav{width:100%;height:44px;font-size:25px}}

/* V2 : le bandeau est un bloc autonome situé sous la photo, sans superposition. */
#beHomeHero + #beAdsCarouselWrap{display:block;position:relative!important;inset:auto!important;transform:none!important;clear:both;margin-top:12px!important;margin-bottom:10px!important;z-index:1!important;}
#beHomeHero + #beAdsCarouselWrap[hidden]{display:none!important}
@media(max-width:500px){#beHomeHero + #beAdsCarouselWrap{margin-top:10px!important;margin-bottom:9px!important;padding:0 7px!important;}#beAdsCarouselWrap .beAdsViewport{min-height:72px!important;}}

/* Correctif 01-11-2026 : encart publicitaire centre, sans modifier le reste.
   Espace sous la photo d'accueil : 54 px sur telephone ; 46 px sur grand ecran. */
#beHomeHero + #beAdsCarouselWrap {
  width: 100% !important;
  max-width: 1180px !important;
  margin: 46px auto 14px !important;
  padding-left: clamp(12px, 2.5vw, 20px) !important;
  padding-right: clamp(12px, 2.5vw, 20px) !important;
  left: auto !important;
  right: auto !important;
  box-sizing: border-box !important;
}
#beHomeHero + #beAdsCarouselWrap .beAdsCarouselRow {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 500px) {
  #beHomeHero + #beAdsCarouselWrap {
    margin: 54px auto 14px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}
