/* Modern Frost Header */
header.page-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 400;
    transform: translateY(-100%);
    opacity: 0;
    transition:
        transform 0.45s cubic-bezier(0.25, 0.8, 0.25, 1),
        opacity 0.45s ease-out,
        box-shadow 0.4s ease,
        backdrop-filter 0.4s ease;
    will-change: transform, opacity, box-shadow, backdrop-filter;
    box-shadow: none;
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

/* När headern ska visas */
header.page-header.is-visible {
    transform: translateY(0);
    opacity: 1;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

/* Popup / overlay alltid över headern */
[data-popup],
.mfp-wrap,
.fancybox-container,
.lightbox,
.pswp,
.cdz-lightbox,
.modal,
.overlay,
.popup,
.dialog {
    z-index: 10000 !important;
    position: fixed !important;
}

/* Placeholder för att undvika hopp i layout när header är fixed */
#header-placeholder {
    display: block;
    width: 100%;
    height: var(--header-height, 80px);
}
header.page-header {
    transition: transform 0.3s ease-out, opacity 0.4s ease-in;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

header.page-header.is-visible {
    opacity: 1;
    transform: translateY(0);
}

header.page-header.is-hidden {
    opacity: 0;
    transform: translateY(-100%);
}