/* V798 — RÈGLE DÉFINITIVE : BANDEAUX CLAIRS ET COHÉRENTS FR/EN
   La photo reste visible. Un voile léger est autorisé uniquement derrière le texte. */

/* Les fichiers image eux-mêmes ne sont jamais assombris. */
.hbd-v2-hero-media img,
.u-hero-image{
  filter:brightness(1.10) saturate(1.04) contrast(1.02) !important;
  opacity:1 !important;
}
.shop-hero-banner{
  filter:brightness(1.22) saturate(1.06) contrast(1.01) !important;
  opacity:1 !important;
}

/* Accueil : contraste local derrière le titre, photo claire sur le reste du bandeau. */
body.hbd-home-v2 .hbd-v2-hero-media::after{
  background:linear-gradient(90deg,
    rgba(0,0,0,.46) 0%,
    rgba(0,0,0,.28) 28%,
    rgba(0,0,0,.12) 48%,
    rgba(0,0,0,.02) 70%) !important;
}

/* Univers HBD. */
.u-hero::after{
  background:linear-gradient(90deg,
    rgba(0,0,0,.40) 0%,
    rgba(0,0,0,.22) 34%,
    rgba(0,0,0,.06) 64%,
    rgba(0,0,0,0) 82%) !important;
}

/* Boutique principale : le voile ne couvre que la zone du texte. */
body.shop-page .shop-hero-shade{
  inset:0 52% 0 0 !important;
  background:linear-gradient(90deg,
    rgba(0,0,0,.34) 0%,
    rgba(0,0,0,.18) 58%,
    rgba(0,0,0,0) 100%) !important;
}

/* Les quatre CTA de la boutique restent également lumineux dans tous leurs états. */
html body.shop-page .shop-hero .shop-tabs a,
html body.shop-page .shop-hero .shop-tabs a:link,
html body.shop-page .shop-hero .shop-tabs a:visited,
html body.shop-page .shop-hero .shop-tabs a:hover,
html body.shop-page .shop-hero .shop-tabs a:focus,
html body.shop-page .shop-hero .shop-tabs a:active,
html body.shop-page .shop-hero .shop-tabs a:focus-visible{
  background:#ff6500 !important;
  color:#0b0b0b !important;
  -webkit-text-fill-color:#0b0b0b !important;
  opacity:1 !important;
  filter:none !important;
  mix-blend-mode:normal !important;
  text-shadow:none !important;
}
html body.shop-page .shop-hero .shop-tabs a::before,
html body.shop-page .shop-hero .shop-tabs a::after{
  content:none !important;
  display:none !important;
}

/* Blogue principal : même principe que la boutique. */
html body.blog-page.hbd-listing .blog-hero::before{
  inset:0 52% 0 0 !important;
  background:linear-gradient(90deg,
    rgba(0,0,0,.42) 0%,
    rgba(0,0,0,.22) 58%,
    rgba(0,0,0,0) 100%) !important;
}

/* Catégories : la photo est obligatoire, le voile reste modéré. */
body.hbd-cat .hbd-cat-hero{
  background-image:linear-gradient(90deg,
    rgba(0,0,0,.44) 0%,
    rgba(0,0,0,.24) 36%,
    rgba(0,0,0,.08) 64%,
    rgba(0,0,0,0) 82%),
    var(--hbd-banner-image) !important;
  background-position:center center !important;
  background-size:cover !important;
}

/* Hub Road Trips. */
body.hbd-roadtrips-hub .rt-hero{
  background-image:linear-gradient(90deg,
    rgba(0,0,0,.44) 0%,
    rgba(0,0,0,.24) 40%,
    rgba(0,0,0,.05) 72%,
    rgba(0,0,0,0) 100%),
    url('images/about-harley-landscape.png') !important;
}

/* Guides Road Trips détaillés. */
body.hbd-roadtrip-premium .rt-hero-overlay{
  background:linear-gradient(90deg,
    rgba(1,10,16,.44) 0%,
    rgba(1,10,16,.24) 38%,
    rgba(1,10,16,.06) 68%,
    rgba(1,10,16,0) 100%) !important;
}

/* Lisibilité sans voile noir supplémentaire. */
.hbd-v2-hero-content,
.u-hero > .u-shell,
.shop-hero-copy,
.hbd-cat-hero .hbd-cat-shell,
.blog-hero > *,
.rt-hero-copy,
.rt-hero-content{
  text-shadow:0 2px 7px rgba(0,0,0,.82);
}

@media(max-width:700px){
  body.hbd-home-v2 .hbd-v2-hero-media::after{
    background:linear-gradient(0deg,rgba(8,8,8,.58) 0%,rgba(8,8,8,.18) 48%,rgba(0,0,0,.02) 78%) !important;
  }
  .u-hero::after{
    background:linear-gradient(90deg,rgba(0,0,0,.54),rgba(0,0,0,.14)) !important;
  }
  body.hbd-cat .hbd-cat-hero{
    background-image:linear-gradient(90deg,rgba(0,0,0,.54),rgba(0,0,0,.14)),var(--hbd-banner-image) !important;
  }
  body.shop-page .shop-hero-shade,
  html body.blog-page.hbd-listing .blog-hero::before{
    inset:0 !important;
    background:linear-gradient(90deg,rgba(0,0,0,.54),rgba(0,0,0,.10)) !important;
  }
  body.hbd-roadtrip-premium .rt-hero-overlay{
    background:linear-gradient(180deg,rgba(1,10,16,.18),rgba(1,10,16,.52)) !important;
  }
}