/* V716 — Apparence FAQ uniforme Harley Bikers Dog
   Règle: aucune photo dans les sections FAQ. Fond crème, titre noir, accordéons blancs. */
:root{--hbd-faq-cream:#f5efe4;--hbd-faq-paper:#ffffff;--hbd-faq-ink:#17130f;--hbd-faq-orange:#f36c0a;--hbd-faq-line:#d8cfc2;}
section.hbd-faq-light-section{
  background:var(--hbd-faq-cream)!important;
  color:var(--hbd-faq-ink)!important;
  padding-top:clamp(3rem,6vw,5.5rem)!important;
  padding-bottom:clamp(3.25rem,7vw,6rem)!important;
}
section.hbd-faq-light-section img,
section.hbd-faq-light-section picture,
section.hbd-faq-light-section figure{display:none!important;}
section.hbd-faq-light-section :is(.u-shell,.faq-wrap,.rt-section-inner,.rt-shell){
  width:min(100% - 2rem,1180px)!important;
  max-width:1180px!important;
  margin-inline:auto!important;
}
section.hbd-faq-light-section .hbd-faq-eyebrow,
section.hbd-faq-light-section :is(.u-kicker,.rt-section-label,.section-label,.eyebrow){
  color:var(--hbd-faq-orange)!important;
  -webkit-text-fill-color:var(--hbd-faq-orange)!important;
  font-size:.82rem!important;
  font-weight:800!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
  margin:0 0 .45rem!important;
}
section.hbd-faq-light-section h2{
  color:var(--hbd-faq-ink)!important;
  -webkit-text-fill-color:var(--hbd-faq-ink)!important;
  font-size:clamp(2.25rem,5vw,4.5rem)!important;
  line-height:.98!important;
  margin:0 0 1.35rem!important;
  max-width:100%!important;
}
section.hbd-faq-light-section details{
  display:block!important;
  width:100%!important;
  margin:0 0 .62rem!important;
  padding:0!important;
  border:1px solid var(--hbd-faq-line)!important;
  border-radius:0!important;
  background:var(--hbd-faq-paper)!important;
  color:var(--hbd-faq-ink)!important;
  box-shadow:none!important;
}
section.hbd-faq-light-section details summary{
  cursor:pointer!important;
  list-style:revert!important;
  color:var(--hbd-faq-ink)!important;
  -webkit-text-fill-color:var(--hbd-faq-ink)!important;
  background:var(--hbd-faq-paper)!important;
  font-size:clamp(1rem,1.5vw,1.12rem)!important;
  line-height:1.35!important;
  font-weight:800!important;
  padding:1.2rem 1.4rem!important;
  min-height:3.4rem!important;
}
section.hbd-faq-light-section details summary::marker{color:var(--hbd-faq-ink)!important;}
section.hbd-faq-light-section details[open] summary{border-bottom:1px solid var(--hbd-faq-line)!important;}
section.hbd-faq-light-section details > :not(summary){
  color:#3f372f!important;
  -webkit-text-fill-color:#3f372f!important;
  background:var(--hbd-faq-paper)!important;
  font-size:1rem!important;
  line-height:1.75!important;
  margin:0!important;
  padding:1rem 1.4rem 1.35rem!important;
}
section.hbd-faq-light-section a{color:#b94d00!important;}
@media(max-width:700px){
  section.hbd-faq-light-section{padding-inline:0!important;}
  section.hbd-faq-light-section :is(.u-shell,.faq-wrap,.rt-section-inner,.rt-shell){width:min(100% - 1.25rem,1180px)!important;}
  section.hbd-faq-light-section h2{font-size:clamp(2rem,12vw,3rem)!important;}
  section.hbd-faq-light-section details summary{padding:1rem!important;font-size:1rem!important;}
  section.hbd-faq-light-section details > :not(summary){padding:.9rem 1rem 1.15rem!important;}
}

/* V717 — Correctif de contraste définitif.
   Ces sélecteurs renforcés neutralisent les anciennes règles de thème sombre
   injectées plus bas dans certaines pages Boutique/Équipement. */
html body section.hbd-faq-light-section,
html body.shop-page section.hbd-faq-light-section{
  background:#f5efe4!important;
  color:#17130f!important;
  -webkit-text-fill-color:#17130f!important;
}
html body section.hbd-faq-light-section h2,
html body section.hbd-faq-light-section h2 span,
html body.shop-page section.hbd-faq-light-section h2,
html body.shop-page section.hbd-faq-light-section h2 span{
  color:#17130f!important;
  -webkit-text-fill-color:#17130f!important;
  text-shadow:none!important;
}
html body section.hbd-faq-light-section details,
html body.shop-page section.hbd-faq-light-section details{
  background:#fff!important;
  border-color:#cfc5b7!important;
  color:#17130f!important;
  -webkit-text-fill-color:#17130f!important;
}
html body section.hbd-faq-light-section details summary,
html body section.hbd-faq-light-section details summary *,
html body.shop-page section.hbd-faq-light-section details summary,
html body.shop-page section.hbd-faq-light-section details summary *{
  background:#fff!important;
  color:#17130f!important;
  -webkit-text-fill-color:#17130f!important;
  opacity:1!important;
  text-shadow:none!important;
}
html body section.hbd-faq-light-section details summary::marker,
html body.shop-page section.hbd-faq-light-section details summary::marker{
  color:#17130f!important;
}
html body section.hbd-faq-light-section details > :not(summary),
html body section.hbd-faq-light-section details > :not(summary) *,
html body.shop-page section.hbd-faq-light-section details > :not(summary),
html body.shop-page section.hbd-faq-light-section details > :not(summary) *{
  background:#fff!important;
  color:#3f372f!important;
  -webkit-text-fill-color:#3f372f!important;
  opacity:1!important;
  text-shadow:none!important;
}
html body section.hbd-faq-light-section .hbd-related,
html body section.hbd-faq-light-section .hbd-related p,
html body.shop-page section.hbd-faq-light-section .hbd-related,
html body.shop-page section.hbd-faq-light-section .hbd-related p{
  color:#3f372f!important;
  -webkit-text-fill-color:#3f372f!important;
  opacity:1!important;
}
html body section.hbd-faq-light-section .hbd-related a,
html body.shop-page section.hbd-faq-light-section .hbd-related a{
  color:#a84300!important;
  -webkit-text-fill-color:#a84300!important;
  opacity:1!important;
}

/* V718 — FAQ sans colonne média résiduelle.
   Les réponses occupent toujours 100 % de la largeur. Aucun pseudo-élément,
   fond sombre, grille, média ou colonne latérale n'est permis dans une FAQ. */
html body section.hbd-faq-light-section details,
html body.shop-page section.hbd-faq-light-section details{
  display:block!important;
  grid-template-columns:none!important;
  columns:auto!important;
  overflow:hidden!important;
  background:#fff!important;
  background-image:none!important;
}
html body section.hbd-faq-light-section details::before,
html body section.hbd-faq-light-section details::after,
html body.shop-page section.hbd-faq-light-section details::before,
html body.shop-page section.hbd-faq-light-section details::after{
  content:none!important;
  display:none!important;
  width:0!important;
  height:0!important;
  background:none!important;
}
html body section.hbd-faq-light-section details > summary,
html body.shop-page section.hbd-faq-light-section details > summary{
  display:list-item!important;
  width:100%!important;
  max-width:none!important;
  float:none!important;
  clear:both!important;
  grid-column:1 / -1!important;
  box-sizing:border-box!important;
}
html body section.hbd-faq-light-section details > :not(summary),
html body section.hbd-faq-light-section details > :not(summary) *,
html body.shop-page section.hbd-faq-light-section details > :not(summary),
html body.shop-page section.hbd-faq-light-section details > :not(summary) *{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  float:none!important;
  clear:both!important;
  grid-column:1 / -1!important;
  box-sizing:border-box!important;
  background:#fff!important;
  background-image:none!important;
}
html body section.hbd-faq-light-section details > p,
html body.shop-page section.hbd-faq-light-section details > p{
  min-height:0!important;
}
