/*
 * NeonSignSale header extras
 *
 * Keep this asset limited to the German-theme header treatment. Shared
 * component rules live in web/css/source/argento_theme.
 */

/* Header announcement bar: echo the footer's dark neon palette. */
.page-header .panel.wrapper {
    background:
        radial-gradient(circle at 16% -180%, rgba(24, 191, 244, .32), transparent 300px),
        radial-gradient(circle at 84% 240%, rgba(99, 57, 245, .28), transparent 340px),
        linear-gradient(110deg, #040a12 0%, #07101d 52%, #0d0b20 100%) !important;
    border: 0 !important;
    box-shadow: inset 0 -1px 0 rgba(151, 213, 255, .18);
    position: relative;
}

.page-header .panel.wrapper::after {
    background: linear-gradient(90deg, #18bff4 0%, #6339f5 58%, #ff3ca6 100%);
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    opacity: .88;
    pointer-events: none;
    position: absolute;
    right: 0;
}

.page-header .header.panel {
    height: 40px;
    min-height: 40px;
    padding: 6px 32px;
}

.page-header .header.panel .header.links.header-cms-links {
    line-height: 20px;
}

.page-header .header.panel .header.links.header-cms-links > li {
    color: #c4cfdf;
    font-family: "Inter", sans-serif;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: .025em;
    line-height: 20px;
}

.page-header .header.panel .header.links.header-cms-links > li strong {
    color: #f9fbff;
    font-weight: 700;
}

.page-header .header.panel .header.links.header-cms-links > li > strong:first-child {
    color: #6ce3ff;
}

@media (min-width: 769px) {
    .page-header .header.wrapper:not(.is_stuck) .header.content {
        padding-top: 22px;
    }
}

@media (max-width: 768px) {
    .page-header .header.panel {
        height: 38px;
        min-height: 38px;
        padding: 6px 16px;
    }

    .page-header .header.panel .header.links.header-cms-links > li {
        font-size: 12px;
        letter-spacing: .015em;
    }

    .page-header .header.wrapper:not(.is_stuck) .header.content {
        padding-top: 14px;
    }
}

/* Navigation compatibility */
@media (min-width: 769px) {
    .page-header .header.content > .nav-sections {
        border-top: 0;
    }

    .page-header .navigation .level0.active > .level-top,
    .page-header .navigation .level0.has-active > .level-top {
        align-items: center;
        display: flex;
    }
}