/* ========================================================================== */
/* ETHNOS R126 — identité, volets crème, enseigne ON AIR et dock harmonisé    */
/* Base : R125 validée.                                                        */
/* ========================================================================== */

/* 1 — Identité de l'accueil commercial dans la barre haute. */
html body .memberBrand{
  width:auto !important;
  height:clamp(44px,3vw,56px) !important;
  min-width:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:clamp(8px,.65vw,12px) !important;
  top:1px !important;
  border-radius:0 !important;
  white-space:nowrap !important;
  filter:none !important;
}
html body .memberBrand img{
  flex:0 0 auto !important;
  width:clamp(42px,2.8vw,54px) !important;
  height:clamp(42px,2.8vw,54px) !important;
  object-fit:contain !important;
  filter:drop-shadow(0 7px 10px rgba(7,27,59,.22)) drop-shadow(0 0 8px rgba(242,97,34,.14)) !important;
}
html body .memberBrandName{
  display:block !important;
  color:var(--r118-commercial-navy) !important;
  font-family:var(--ethnos-official-title) !important;
  font-size:clamp(24px,1.6vw,32px) !important;
  font-weight:800 !important;
  line-height:1 !important;
  letter-spacing:-.045em !important;
  text-shadow:0 1px 0 rgba(255,255,255,.72) !important;
}

/* 2 — Annuaire et tous les volets coulissants dans la palette de la barre. */
html body .memberNavDrawer,
html body .memberNavDrawer > *,
html body .memberDirectoryShell,
html body .memberFavoritesShell,
html body .bodyDrawerShell,
html body .memberTodaySearchDrawer,
html body .memberTodaySearchShell,
html body .salonDrawerPanel,
html body .salonCentralResultsWindow{
  --font-title:var(--ethnos-official-title) !important;
  --font-interface:var(--ethnos-official-title) !important;
  color:var(--r118-commercial-navy) !important;
  font-family:var(--ethnos-official-title) !important;
  background-color:#fff9f0 !important;
  background-image:linear-gradient(180deg,rgba(255,252,247,.995),rgba(255,247,236,.985)) !important;
}
html body .memberNavDrawer{
  border-left-color:rgba(7,26,57,.16) !important;
  border-bottom-color:rgba(242,103,34,.40) !important;
  box-shadow:-22px 24px 70px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.92) !important;
}
html body .memberNavDrawer :where(h1,h2,h3,h4,h5,h6,strong,b,label,legend),
html body .memberTodaySearchDrawer :where(h1,h2,h3,h4,strong,b,label),
html body .salonDrawerPanel :where(h1,h2,h3,h4,strong,b,label),
html body .salonCentralResultsWindow :where(h1,h2,h3,h4,strong,b,label){
  color:var(--r118-commercial-navy) !important;
  font-family:var(--ethnos-official-title) !important;
}
html body .memberNavDrawer :where(p,small,figcaption,span),
html body .memberTodaySearchDrawer :where(p,small,span),
html body .salonDrawerPanel :where(p,small,span),
html body .salonCentralResultsWindow :where(p,small,span){
  color:rgba(7,26,57,.66) !important;
}
html body .memberDirectoryHeader h2 small,
html body .bodyDrawerShell > header > span,
html body .memberNavDrawer [class*="Eyebrow"],
html body .memberNavDrawer [class*="Label"]{
  color:var(--r118-commercial-orange) !important;
}
html body .memberNavDrawer :where(input,select,textarea),
html body .memberTodaySearchDrawer :where(input,select,textarea),
html body .salonDrawerPanel :where(input,select,textarea){
  border-color:rgba(7,26,57,.24) !important;
  background:rgba(255,255,255,.72) !important;
  color:var(--r118-commercial-navy) !important;
  caret-color:var(--r118-commercial-orange) !important;
}
html body .memberNavDrawer :where(input,textarea)::placeholder,
html body .memberTodaySearchDrawer :where(input,textarea)::placeholder,
html body .salonDrawerPanel :where(input,textarea)::placeholder{
  color:rgba(7,26,57,.42) !important;
}
html body .memberNavDrawer :where(article,section,figure,[class*="Card"],[class*="Row"],[class*="Stats"] > div),
html body .memberTodaySearchDrawer :where(article,section),
html body .salonDrawerPanel :where(article,section){
  border-color:rgba(7,26,57,.11) !important;
}
html body .memberDrawerCloseButton{
  border-color:rgba(242,103,34,.58) !important;
  background:rgba(255,255,255,.54) !important;
  color:var(--r118-commercial-navy) !important;
}
html body .memberDrawerCloseButton:hover{
  background:rgba(242,103,34,.12) !important;
  color:var(--r118-commercial-navy) !important;
}
/* Les boutons d'action orange restent des repères forts. */
html body .memberDirectoryDrawer form button,
html body .memberNavDrawer button[class*="Primary"],
html body .memberNavDrawer .isPrimary{
  color:var(--r118-commercial-navy) !important;
}

/* 3 — Enseigne rouge ON AIR : clignotement/vibration uniquement sur l'enseigne. */
html body .salonLiveVisual::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:2 !important;
  pointer-events:none !important;
  background-image:url("../assets/images/on-air-streaming.jpg") !important;
  background-position:center 36% !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
  clip-path:polygon(30% 13%,73% 10%,82% 28%,79% 49%,34% 54%,29% 43%) !important;
  transform-origin:56% 31% !important;
  animation:r126OnAirSign 3.8s ease-in-out infinite !important;
  will-change:transform,filter,opacity !important;
}
html body .salonLiveVisualShade{z-index:1 !important;}
html body .salonLiveStatus{z-index:3 !important;animation:none !important;transform:none !important;}
@keyframes r126OnAirSign{
  0%,38%,51%,88%,100%{opacity:.96;transform:translate3d(0,0,0);filter:saturate(1.08) brightness(1.02) drop-shadow(0 0 3px rgba(255,37,25,.18));}
  42%{opacity:1;transform:translate3d(-.7px,.2px,0) rotate(-.08deg);filter:saturate(1.42) brightness(1.22) drop-shadow(0 0 12px rgba(255,37,25,.62));}
  44%{opacity:.78;transform:translate3d(.8px,-.3px,0) rotate(.08deg);filter:saturate(1.18) brightness(.92) drop-shadow(0 0 5px rgba(255,37,25,.30));}
  46%{opacity:1;transform:translate3d(-.5px,.2px,0);filter:saturate(1.50) brightness(1.28) drop-shadow(0 0 15px rgba(255,37,25,.72));}
  48%{opacity:.90;transform:translate3d(.4px,0,0);filter:saturate(1.25) brightness(1.03) drop-shadow(0 0 7px rgba(255,37,25,.38));}
  92%{transform:translate3d(-.8px,0,0);}
  94%{transform:translate3d(.8px,-.2px,0);}
  96%{transform:translate3d(-.4px,.2px,0);}
}

/* 4 — Navigation basse : typographie et couleurs identiques à la barre haute. */
html body .memberWorldDock{
  transform:translateX(15px) !important;
  z-index:78 !important;
}
html body .memberMapCard{
  z-index:82 !important;
}
html body .memberWorldDock button{
  --r126-dock-accent:var(--r118-commercial-teal);
  color:var(--r118-commercial-navy) !important;
  font-family:var(--ethnos-official-title) !important;
  font-size:clamp(9px,.66vw,12px) !important;
  font-weight:700 !important;
  letter-spacing:-.018em !important;
}
html body .memberWorldDock button:nth-child(1){--r126-dock-accent:var(--r118-commercial-teal)}
html body .memberWorldDock button:nth-child(2){--r126-dock-accent:var(--r118-commercial-orange)}
html body .memberWorldDock button:nth-child(3){--r126-dock-accent:var(--r118-commercial-blue)}
html body .memberWorldDock button:nth-child(4){--r126-dock-accent:var(--r118-commercial-violet)}
html body .memberWorldDock button:nth-child(5){--r126-dock-accent:var(--r118-commercial-green)}
html body .memberWorldDock button:nth-child(6){--r126-dock-accent:var(--r118-commercial-orange)}
html body .memberWorldDock button:nth-child(7){--r126-dock-accent:var(--r118-commercial-teal)}
html body .memberWorldDock i{
  color:var(--r126-dock-accent) !important;
  background:rgba(7,26,57,.055) !important;
}
html body .memberWorldDock button:hover,
html body .memberWorldDock button.isActive{
  color:var(--r118-commercial-navy) !important;
}

@media(max-width:900px){
  html body .memberBrandName{display:none !important;}
  html body .memberWorldDock{transform:none !important;}
}
@media(prefers-reduced-motion:reduce){
  html body .salonLiveVisual::before{animation:none !important;}
}