/*
 * Preserve the supplied reference/Sritantu-ui header appearance while
 * allowing optional Admin-driven announcement bars.
 */

#df-header,
#df-header.scrolled,
#df-header.is-logo-light,
#df-header.is-logo-dark {
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: none !important;
}

#df-header {
    isolation: isolate;
}

#df-header::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    -webkit-mask-image: linear-gradient(to bottom, black 70%, transparent 100%);
    mask-image: linear-gradient(to bottom, black 70%, transparent 100%);
    transition:
        background 0.4s,
        backdrop-filter 0.4s,
        box-shadow 0.4s;
}

#df-header.is-logo-light::before {
    background: transparent;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

#df-header.is-logo-light.scrolled::before {
    background: rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(5px) saturate(160%);
    -webkit-backdrop-filter: blur(5px) saturate(160%);
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.18) inset,
        0 4px 20px rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}

#df-header.is-logo-dark::before {
    background: rgba(245, 240, 232, 0.18);
    backdrop-filter: blur(5px) saturate(180%);
    -webkit-backdrop-filter: blur(5px) saturate(180%);
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.28) inset,
        0 4px 20px rgba(44, 44, 44, 0.06);
    border-bottom: 1px solid rgba(224, 216, 204, 0.22);
}

#df-header.is-logo-dark.scrolled::before {
    background: rgba(245, 240, 232, 0.22);
    backdrop-filter: blur(6px) saturate(200%);
    -webkit-backdrop-filter: blur(6px) saturate(200%);
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.3) inset,
        0 4px 24px rgba(44, 44, 44, 0.07);
    border-bottom: 1px solid rgba(224, 216, 204, 0.25);
}

.sritantu-reference-home #df-hero {
    margin-top: calc(-1 * var(--sritantu-home-header-stack-height, 80px));
}

.df-float-menu-btn {
    transition:
        border-color 0.3s,
        color 0.3s,
        background 0.3s,
        box-shadow 0.3s;
}