/* ────────────────────────────────────────────────────────────
   Landing-extras: dør-warp-overlay og småjusteringer
   ──────────────────────────────────────────────────────────── */

/* Forsiden skal kunne scrolles selv om body har overflow:hidden */
body.home {
    overflow: hidden;
}
body.home .home-landing {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
}

/* Lett pulsering på døra så folk skjønner at den er klikkbar */
.home-landing #entrance-door {
    cursor: pointer;
    transition: transform 0.3s ease;
}
.home-landing #entrance-door:hover {
    transform: scale(1.03);
}
.home-landing #entrance-door:focus {
    outline: 3px solid var(--gold-l);
    outline-offset: 8px;
}

/* "Sug-inn"-overlay som dekker hele scenen ved klikk */
.door-warp-overlay {
    position: fixed;
    inset: 0;
    background: radial-gradient(ellipse at center, rgba(200,150,12,0.0) 0%, rgba(15,5,0,0) 35%, rgba(15,5,0,1) 100%);
    opacity: 0;
    pointer-events: none;
    z-index: 9000;
    transition: opacity 0.7s ease;
}
.door-warp-overlay.active {
    opacity: 1;
    background: radial-gradient(ellipse at center, rgba(200,150,12,0.6) 0%, rgba(92,46,0,0.95) 30%, rgba(15,5,0,1) 70%);
    animation: doorWarp 1s ease-in forwards;
}
@keyframes doorWarp {
    0%   { transform: scale(1); }
    100% { transform: scale(1.5); }
}

body.door-warping .home-landing {
    transform-origin: center 42%;
    animation: warpZoom 1s ease-in forwards;
}
@keyframes warpZoom {
    0%   { transform: scale(1); filter: blur(0); }
    100% { transform: scale(1.8); filter: blur(4px); }
}

/* Sørg for at hero-knappen og dør-wrap har god kontrast på små skjermer */
@media (max-width: 600px) {
    .home-landing .door-wrap {
        margin: 24px auto !important;
    }
}