/*
 * Arc UI en Support (Alex, 4-oct-2026): la búsqueda que se expande en la cabecera del centro de
 * ayuda y el menú de la cuenta donde hay sesión. El aspecto es entero de los componentes del kit
 * (expanding-search.css, user-menu.css, sobre foundation.css). Esta hoja solo dice DÓNDE van,
 * CUÁNDO salen y qué capas tienen por encima. Sin !important (regla del rediseño, 5-oct).
 */

/* .ahc declara para sí --surface y --border, y dentro de su árbol taparían los de :root de Arc. Los
   dos sitios en los que un componente de Arc vive dentro de .ahc recuperan los de foundation.css. */
#ahc-hsearch,
.ahc-header__cuenta,
#prt-user-menu { --surface: var(--neutral-0); --border: oklch(93.5% 0 0); }
:root[data-theme="dark"] #ahc-hsearch,
:root[data-theme="dark"] .ahc-header__cuenta,
:root[data-theme="dark"] #prt-user-menu { --surface: oklch(21.5% 0 0); --border: oklch(29% 0 0); }

/* ── Buscador de la cabecera: el carril aparece al pasar el hero (bindScroll de app.js) ── */
.ahc-header__buscar { flex: 1; min-width: 0; max-width: 420px; display: flex; justify-content: flex-end; visibility: hidden; opacity: 0; transition: opacity var(--duration-fast) var(--ease-standard), visibility var(--duration-fast); }
.ahc-header__buscar.is-visible { visibility: visible; opacity: 1; }
.ahc-header__buscar > #ahc-hsearch { width: 100%; }
@media (max-width: 640px) { .ahc-header__buscar { display: none; } }

/* ── Menú de la cuenta en la cabecera pública (hay sesión del portal) ── */
.ahc-header__cuenta { display: none; }
.ahc-header--sesion .ahc-header__cuenta { display: inline-flex; }
.ahc-header--sesion .ahc-header__portal-btn,
.ahc-header--sesion .ahc-header__login { display: none; }

/* ── Menú de la cuenta en el portal ── */
#prt-user-menu { display: inline-flex; flex-shrink: 0; }

/* Las cabeceras de Support van por encima de la página (pública 500, portal 100) y la barra de abajo
   del móvil en 80: el menú y su hoja tienen que quedar encima de todo eso. */
.aui-user-menu-panel { z-index: 600; }
.aui-user-menu-scrim { z-index: 610; }
.aui-user-menu-sheet { z-index: 611; }