/*------------------------------------------------------------------*\
    3. Layout - Header

    `.she-header:not(.elementor-sticky)` (estado inicial, antes do
    sticky) recebe um *frosted glass* moderno — padrao Vercel/Linear/
    shadcn — que garante visibilidade do logo + menu + switcher tanto
    em light como em dark, mesmo sobre imagens de hero.
\*------------------------------------------------------------------*/

/* ── Sticky (state already scrolled) ──
   Light mode: white surface + dark logo/menu for contrast.
   Dark  mode: dark surface (existing) + light logo/menu (already
   handled by dark-mode.css). */
body:not(.elementor-editor-active) .she-header-yes.she-header {
    background-color: #ffffff;
}
[data-theme="dark"] body:not(.elementor-editor-active) .she-header-yes.she-header {
    background-color: #303030;
}

/* Light sticky — dark logo + dark menu items. */
body:not(.elementor-editor-active) .she-header .rb-logo img {
    filter: brightness(0);
}
body:not(.elementor-editor-active) .she-header .elementor-nav-menu--main .elementor-item,
body:not(.elementor-editor-active) .she-header .menu-item a {
    color: #303030 !important;
}
/* Dark mode — menu items in white for contrast on the dark header. */
[data-theme="dark"] body:not(.elementor-editor-active) .she-header .elementor-nav-menu--main .elementor-item,
[data-theme="dark"] body:not(.elementor-editor-active) .she-header .menu-item a {
    color: #ffffff !important;
}

/* Light mode — active item underline/divider in #303030. */
body:not(.elementor-editor-active) .she-header .elementor-item-active:after,
body:not(.elementor-editor-active) .she-header .elementor-item:after
{
    background-color: #303030 !important;
}
/* In dark, restore the white logo (overrides the light-sticky filter). */
[data-theme="dark"] body:not(.elementor-editor-active) .she-header .rb-logo img {
    filter: brightness(0) invert(1);
}

[data-theme="dark"] body:not(.elementor-editor-active) .she-header .elementor-item-active:after,
[data-theme="dark"] body:not(.elementor-editor-active) .she-header .elementor-item:after
{
    background-color: #fff !important;
}

body:not(.elementor-editor-active) .e--pointer-underline .elementor-item:after {
    background-color: rgb(134, 134, 134);
    height: 2px;
}

body:not(.elementor-editor-active) .she-header .e-off-canvas__main .elementor-nav-menu--main .elementor-item,
body:not(.elementor-editor-active) .she-header .e-off-canvas__main .menu-item a {
    color: #fff !important;
}

.elementor-hidden-mobile .she-header .e-off-canvas__main .menu-item a {
    stroke: #303030 !important;
}

/* ── Mobile sticky header — SVG colour (all pages) */

body:not(.elementor-editor-active) .she-header.elementor-hidden-tablet svg,
body:not(.elementor-editor-active) .she-header.elementor-hidden-tablet svg path {
    stroke: #303030;
}
[data-theme="dark"] body:not(.elementor-editor-active) .she-header.elementor-hidden-tablet svg,
[data-theme="dark"] body:not(.elementor-editor-active) .she-header.elementor-hidden-tablet svg path {
    stroke: #fff;
}

body:not(.elementor-editor-active) .she-header.elementor-hidden-tablet .e-off-canvas__main svg,
body:not(.elementor-editor-active) .she-header.elementor-hidden-tablet .e-off-canvas__main svg path {
    stroke: #fff;
}

/* ── Non-sticky (initial state): modern glass. Same language in both
      themes; only the tint flips for contrast. ── */
body:not(.elementor-editor-active) .she-header:not(.elementor-sticky) {
    background-color: rgba(255, 255, 255, 0.65);
    -webkit-backdrop-filter: blur(16px) saturate(180%);
    backdrop-filter: blur(16px) saturate(180%);
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.04) inset; /* lit top edge */
    transition: background-color 0.3s ease, border-color 0.3s ease;
}


[data-theme="dark"] body:not(.elementor-editor-active) .she-header:not(.elementor-sticky) svg,
[data-theme="dark"] body:not(.elementor-editor-active) .she-header:not(.elementor-sticky) svg path {
    stroke: #fff;
}

/* Dark — same glass, dark tint. Logo/menu items inherit the existing
   dark-mode rules (#FAFAFA / #D0D0D0). */
[data-theme="dark"] body:not(.elementor-editor-active) .she-header:not(.elementor-sticky) {
    background-color: rgba(14, 14, 14, 0.55);
    border-bottom-color: rgba(255, 255, 255, 0.08);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06) inset;
}

/* Fallback for browsers without backdrop-filter — bump opacity so the
   header still reads (logo + menu visible without the blur). */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    body:not(.elementor-editor-active) .she-header:not(.elementor-sticky) {
        background-color: rgba(255, 255, 255, 0.92);
    }
    [data-theme="dark"] body:not(.elementor-editor-active) .she-header:not(.elementor-sticky) {
        background-color: rgba(14, 14, 14, 0.85);
    }
}