/* Official 500 × 131 white wordmark and the tricolour rule form one unmodified WebP.
   Only the brand link in the store header gets a dark backing when the header itself is light. */
body #header.site-header #logo a.afaj-vitrine-brand,
body header.site-header.afp-site-header a.afp-brand.afaj-vitrine-brand{
 --afaj-brand-width:clamp(144px,13vw,188px);display:inline-flex;align-items:center;justify-content:center;
 flex:none;box-sizing:border-box;width:var(--afaj-brand-width)!important;height:auto!important;min-height:42px;
 padding:4px 8px;background:#142536;border:0;border-radius:5px;box-shadow:none;
 line-height:0;overflow:visible;mix-blend-mode:normal!important;filter:none!important;-webkit-filter:none!important
}
body.home.af-atelier #container:has([data-afaj-home-cover="film"])>#header #logo a.afaj-vitrine-brand{
 padding:0;background:transparent;border-radius:0
}
body #header.site-header #logo:has(.afaj-vitrine-brand){height:auto!important;filter:none!important;-webkit-filter:none!important;mix-blend-mode:normal!important}
body #header.site-header #logo a.afaj-vitrine-brand img.afaj-vitrine-mark,
body header.site-header.afp-site-header a.afp-brand.afaj-vitrine-brand img.afaj-vitrine-mark{
 display:block;position:static;margin:0;width:100%!important;height:auto!important;max-width:100%;max-height:none!important;
 aspect-ratio:500/131;object-fit:contain!important;object-position:center;
 opacity:1!important;filter:none!important;-webkit-filter:none!important;mix-blend-mode:normal!important;
 transform:none!important;clip-path:none;border:0;border-radius:0;box-shadow:none
}
@media(max-width:760px){
 body #header.site-header #logo a.afaj-vitrine-brand,
 body header.site-header.afp-site-header a.afp-brand.afaj-vitrine-brand{--afaj-brand-width:clamp(91px,calc(65vw - 98px),151px)}
}

/* Inner storefront pages: the two WordPress headers share the solid, scrolled
   home palette. Keep the home overlay, its film and all page bodies independent. */
@media screen{
 body.af-atelier:not(.home) #container>#header.site-header,
 body.af-product:not(.home) header.site-header.afp-site-header{
  background:#112333!important;color:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;
  border-bottom:1px solid #ffffff42;box-shadow:0 4px 15px #0b172014
 }
 body.af-atelier:not(.home) #container>#header.site-header{
  --afaj-bar-inset:var(--afaj-sub-gutter,var(--af-gutter));box-sizing:border-box;
  margin-inline:calc(-1 * var(--afaj-bar-inset));padding-inline:var(--afaj-bar-inset)!important
 }
 body:not(.home) :is(#header.site-header,header.afp-site-header) .afaj-nav-list{--af-nav-ink:#fff;--af-nav-accent:#e7d4aa}
 body:not(.home) :is(#header.site-header,header.afp-site-header) .afaj-nav-main:is(:hover,:focus-visible),
 body:not(.home) :is(#header.site-header,header.afp-site-header) details[open]>.afaj-nav-main{color:#ffdfa2!important}
 body:not(.home) :is(#header.site-header,header.afp-site-header) :is(.af-phone,.af-account,.af-cart,#af-nav-toggle,.afp-menu-toggle){color:#fff!important}
 body:not(.home) #header.site-header #af-nav-toggle{background:transparent;border-color:#ffffff70}
 body:not(.home) #header.site-header #af-nav-toggle .af-menu-icon{background:transparent;border-color:currentColor}
 body:not(.home) :is(#header.site-header,header.afp-site-header) :is(.afaj-config-link,.afp-configure){
  color:#112333!important;background:#fff!important;border:1px solid #fff!important
 }
 body:not(.home) :is(#header.site-header,header.afp-site-header) :is(.afaj-config-link,.afp-configure):hover{background:#f2e6ce!important}
 body.af-atelier:not(.home) #header.site-header #logo a.afaj-vitrine-brand,
 body.af-product:not(.home) header.afp-site-header a.afaj-vitrine-brand{
  background:transparent;border-radius:0;padding-block:0
 }
 body:not(.home) :is(#header.site-header,header.afp-site-header) .afaj-nav-panel{
  --af-nav-ink:#172e42;--af-nav-accent:#806a49;background:#fff;border-color:#c9d6df;text-shadow:none
 }
 body:not(.home) :is(#header.site-header,header.afp-site-header) :is(a,button,summary):focus-visible{
  outline:2px solid #d7aa64;outline-offset:3px
 }
 body:not(.home) :is(#header.site-header,header.afp-site-header) .afaj-nav-panel a:focus-visible{outline-color:#755a26}
}
/* On wide monitors the classic template caps the wrapper at 1600px. Move that
   limit into its side padding, keeping the original content grid while allowing
   the bar to paint both screen edges without widening the document. */
@media screen and (min-width:1601px){
 body.af-atelier:not(.home) #container:has(>#header.site-header){
  --afaj-sub-gutter:calc((100vw - 1600px)/2 + var(--af-gutter));
  max-width:none;padding-inline:var(--afaj-sub-gutter)
 }
}
@media screen and (max-width:1099px){
 body:not(.home) :is(#header.site-header,header.afp-site-header) :is(#top-navigation.af-open,#afp-navigation.is-open){
  background:#fff;border-color:#d9dfe5;color:#172e42
 }
 body:not(.home) :is(#header.site-header,header.afp-site-header) :is(#top-navigation.af-open,#afp-navigation.is-open) .afaj-nav-list{
  --af-nav-ink:#172e42;--af-nav-accent:#806a49
 }
 body:not(.home) :is(#header.site-header,header.afp-site-header) :is(#top-navigation.af-open,#afp-navigation.is-open) :focus-visible{outline-color:#755a26}
 body:not(.home) :is(#header.site-header,header.afp-site-header) :is(#top-navigation.af-open,#afp-navigation.is-open) .afaj-nav-main:is(:hover,:focus-visible),
 body:not(.home) :is(#header.site-header,header.afp-site-header) :is(#top-navigation.af-open,#afp-navigation.is-open) details[open]>.afaj-nav-main{color:#604919!important}
}