/* Composition for the authenticated header popup only, without icon columns.
   Published Studio material, native visibility and focus states remain owners.
   Navigation, language controls, other menus and the mobile sheet are excluded. */
html body header.site-header #public-account-menu[data-site-account-menu="rich"]{
 width:360px;
 min-width:0;
 max-width:calc(100vw - 40px);
}
html body header.site-header #public-account-menu[data-site-account-menu="rich"]>[data-site-account-action]{
 display:grid!important;
 grid-template-columns:minmax(0,1fr);
 grid-template-rows:auto auto;
 gap:4px 12px!important;
 align-items:start;
 justify-content:normal!important;
 padding:12px!important;
 overflow:visible;
 font-weight:500;
}
html body header.site-header #public-account-menu[data-site-account-menu="rich"]>[data-site-account-action]::before{
 content:none!important;
 display:none!important;
}
html body header.site-header #public-account-menu[data-site-account-menu="rich"]>[data-site-account-action]::after{
 content:attr(data-site-account-description);
 position:static;
 display:block;
 grid-column:1;
 grid-row:2;
 min-width:0;
 color:var(--studio-ui-muted,#aaa);
 font-size:12px;
 font-weight:400;
 line-height:1.45;
 white-space:normal;
 overflow-wrap:anywhere;
 pointer-events:none;
}
/* The darker muted token is readable on the popup, but needs a little of the
   existing ink token on the lighter hover/focus surface (no extra palette). */
html body header.site-header #public-account-menu[data-site-account-menu="rich"]>[data-site-account-action]:is(:hover,:focus-visible)::after{
 color:color-mix(in srgb,var(--studio-ui-muted,#aaa) 75%,var(--studio-ui-ink,#eee) 25%);
}
@media(pointer:coarse){
 html body header.site-header #public-account-menu[data-site-account-menu="rich"]>[data-site-account-action]::after{font-size:14px}
}
@media(forced-colors:active){
 html body header.site-header #public-account-menu[data-site-account-menu="rich"]>[data-site-account-action]::after{color:CanvasText!important}
}

/* Shared light material: cookies and the light homepage account menu.
   White is the fallback without backdrop filtering or when transparency is reduced. */
:root{--site-light-glass-surface:#fff;--site-light-glass-blur:0px}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 :root{--site-light-glass-surface:rgba(255,255,255,.9);--site-light-glass-blur:16px}
}
@media(prefers-reduced-transparency:reduce){
 :root{--site-light-glass-surface:#fff;--site-light-glass-blur:0px}
}
/* White homepage: Cookies × Runway palette. The native dropdown continues
   to own geometry, focus, touch/hover policy, dismissal and navigation.
   The persistent header sits outside main; scope from the live page root.
   Match the existing card/pill breakpoint, never the dark mobile sheet. */
@media (min-width:1101px) {
 html:has(main#accueil) body header.site-header #public-account-menu[data-studio-dropdown] {
  --studio-dropdown-surface:var(--site-light-glass-surface);
  --studio-dropdown-backdrop-blur:var(--site-light-glass-blur);
  --studio-dropdown-rim:#d1d1d1;
  --studio-dropdown-hover:#dedede;
  --studio-dropdown-shadow:0 12px 32px -12px #00000030;
  --studio-ui-ink:#171717;
  --studio-ui-muted:#656565;
  color-scheme:light;
 }
 html:has(main#accueil) body header.site-header #public-account-menu[data-studio-dropdown]>span.studio-selection-option {
  color:#686868;
  border-bottom:0;
  border-radius:0;
  margin-block:0;
  display:flex!important;
  align-items:center;
  min-height:40px;
  box-sizing:border-box;
  padding-block:12px!important;
 }
 html:has(main#accueil) body header.site-header #public-account-menu[data-studio-dropdown]>[data-site-account-action]::after {
  color:var(--studio-ui-muted);
 }
 html:has(main#accueil) body header.site-header #public-account-menu[data-studio-dropdown]>[data-studio-dropdown-item]:is(:focus-visible,[aria-selected=true],[aria-current=page]) {
  --studio-ui-ink:#000;
 }
}
@media (min-width:1101px) and (hover:hover) and (pointer:fine) {
 html:not([data-studio-menu-input=touch]):has(main#accueil) body header.site-header #public-account-menu[data-studio-dropdown]>[data-studio-dropdown-item]:hover {
  --studio-ui-ink:#000;
 }
}
@media (min-width:1101px) and (forced-colors:active) {
 html:has(main#accueil) body header.site-header #public-account-menu[data-studio-dropdown] {
  --studio-dropdown-surface:Canvas;
  --studio-dropdown-backdrop-blur:0px;
  --studio-dropdown-rim:CanvasText;
  --studio-dropdown-hover:Highlight;
  --studio-dropdown-shadow:0 0 0 transparent;
  --studio-ui-ink:CanvasText;
  --studio-ui-muted:CanvasText;
 }
 html:has(main#accueil) body header.site-header #public-account-menu[data-studio-dropdown]>span.studio-selection-option {
  color:CanvasText;border-color:CanvasText;
 }
 html:has(main#accueil) body header.site-header #public-account-menu[data-studio-dropdown]>[data-studio-dropdown-item]:is(:hover,:focus-visible,[aria-selected=true],[aria-current=page]) {
  --studio-ui-ink:HighlightText;--studio-ui-muted:HighlightText;
 }
}