/**
 * Site-wide header chrome (sticky + blur bar) — same look as home mobile/desktop.
 * Loaded on every page via header.php ($bhCoreCss).
 * Drawer/burger details live in mob-menu.css.
 */
.header {
    position: sticky;
    top: 0;
    z-index: 100;
    margin: 0 auto;
    border-bottom: none;
    background: transparent;
    isolation: isolate;
}

.header::before {
    content: "";
    position: absolute;
    z-index: 0;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    background: linear-gradient(180deg, rgba(21, 34, 56, 0.96) 0%, rgba(15, 24, 40, 0.94) 100%);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
    pointer-events: none;
}

.header::after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 0;
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    height: 1px;
    background: rgba(255, 255, 255, 0.1);
    pointer-events: none;
}

.header__block_1,
.header__block_2,
.header__block_3 {
    position: relative;
    z-index: 1;
}

@media (max-width: 1023px) {
    .header {
        padding: 16px 20px 14px;
    }

    .dashboard__signup,
    .dashboard__signup_new {
        min-width: 0;
        width: 30px;
        max-width: 30px;
        padding: 0;
    }
}

@media (min-width: 1024px) {
    .header {
        padding: 22px 50px 20px;
    }
}

@media (min-width: 1024px) and (max-width: 1632px) {
    .header {
        padding: 22px 15px 20px;
    }
}