/**
 * Ruchomy wskaźnik aktywnego elementu menu dla Astra Header Builder.
 *
 * Kolory i typografia linków pozostają pod kontrolą Astry:
 * Wygląd -> Dostosuj -> Kreator nagłówka -> Menu główne -> Projekt.
 */

.ast-builder-menu-1 .main-header-bar-navigation {
    position: relative;
}

/* Wyłączamy domyślny underline Astry tylko dla pierwszego menu headera,
 * żeby nie dublował się z naszym ruchomym paskiem. */
.ast-builder-menu-1 .ast-menu-hover-style-underline > .menu-item > .menu-link::before,
.ast-builder-menu-1 .ast-menu-hover-style-underline > .menu-item > .menu-link::after {
    content: none !important;
    display: none !important;
}

.wd-astra-menu-indicator {
    --wd-menu-indicator-color: #d5a24a;
    --wd-menu-indicator-height: 3px;
    --wd-menu-indicator-bottom: 9px;
    --wd-menu-indicator-duration: 280ms;

    position: absolute;
    z-index: 20;
    left: 0;
    bottom: var(--wd-menu-indicator-bottom);
    width: 0;
    height: var(--wd-menu-indicator-height);
    border-radius: 999px;
    background: var(--wd-menu-indicator-color);
    opacity: 0;
    pointer-events: none;
    transform: translate3d(0, 0, 0);
    will-change: transform, width;
    transition:
        transform var(--wd-menu-indicator-duration) ease,
        width var(--wd-menu-indicator-duration) ease,
        opacity 180ms ease;
}

@media (max-width: 921px) {
    .wd-astra-menu-indicator {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .wd-astra-menu-indicator {
        transition: none;
    }
}

/**
 * Statyczne logo Astra
 */

.ast-primary-header-bar .ast-builder-grid-row,
.ast-primary-header-bar .site-header-primary-section-left,
.ast-primary-header-bar .site-header-primary-section-left > .ast-builder-layout-element {
    height: 100%;
}

.logo-fix,
.logo-fix .site-branding,
.site-branding.logo-fix {
    position: relative;
    z-index: 30;
}

.logo-fix .site-branding,
.site-branding.logo-fix {
    display: flex;
    align-items: center;
    height: 100%;
}

.logo-fix .site-logo-img,
.site-branding.logo-fix .site-logo-img {
    display: flex;
    align-items: center;
    height: 100%;
}

.logo-fix .custom-logo-link,
.site-branding.logo-fix .custom-logo-link {
    display: flex;
    align-items: center;
    height: 100%;
}

.logo-fix img.custom-logo,
.site-branding.logo-fix img.custom-logo {
    display: block;
    width: auto;
    height: calc(100% - 10px);
    max-height: 100%;
    object-fit: contain;

    transform: none !important;
    transition: none !important;
    animation: none !important;
}