/* Shift Facelift Maio/26 — header */ /* ⚠️ Audima (widget de acessibilidade) escondido enquanto o menu mobile (drawer) * está aberto. O JS (site-chrome.js) põe `ac-nav-open` no ao abrir o drawer. * FORA de @media de propósito: a classe só existe no mobile (o drawer é mobile-only), * e assim NÃO depende de breakpoint. Cobre o container raiz, o root e o botão — e * usa `html body` + várias propriedades pra vencer qualquer z-index/stacking/!important * que o Audima injete. Rebaixar z-index do botão NÃO resolvia (stacking context do * ancestral o prendia acima do drawer). */ /* ⚠️ NÃO usar `#11y-accessibility` (seletor de ID começando com dígito é INVÁLIDO * em CSS e invalida a regra inteira da lista). Usar seletor de ATRIBUTO. */ html body.ac-nav-open [id^="11y-accessibility"], html body.ac-nav-open [id^="audima"], html body.ac-nav-open #accessibility-menu { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; } .ac-header { width: 100%; background: var(--color-branco); position: sticky; top: 0; z-index: 100; box-shadow: 0px 6px 8px -2px rgba(0,0,0,0.06); } /* Reset global de listas dentro do header */ .ac-header ul, .ac-header ol { list-style: none; margin: 0; padding: 0; } /* ── Linha 1: barra superior (logo + utilitários + CTAs) ── */ .ac-header__topbar { background: var(--color-branco); border-bottom: 1px solid #e5e7eb; } .ac-header__topbar-inner { max-width: var(--container-max); margin-inline: auto; padding: 4px var(--space-4); display: flex; align-items: center; justify-content: flex-end; gap: 8px !important; } .ac-header__top-actions { display: flex; align-items: center; gap: 8px !important; } /* Achata todos os wrappers gerados pelo Drupal dentro da topbar — exceto o lang-switcher */ .ac-header__top-actions > div:not(.ac-lang-switcher):not(.gtranslate_wrapper_hidden), .ac-header__top-actions > div:not(.ac-lang-switcher) > nav, .ac-header__cta-group > div, .ac-header__cta-group > div > nav { display: contents; } /* A