/* ====== Vertikal scroll tilstand – aktiveres med ====== */ /* JS opdaterer --vh løbende for iOS/Android */ :root { --vh: 1vh; } body.scroll-vertical { overflow: hidden; background-image: radial-gradient(1200px 1200px at 10% 20%, #373535, #141922), url("/images/bg.webp"); background-size: cover, cover; background-position: center, center; background-blend-mode: multiply; } /* TRACK – lodret kolonne med snap-y */ body.scroll-vertical .track { display: flex; flex-direction: column; width: 100%; height: calc(var(--vh) * 100); overflow-x: hidden !important; overflow-y: auto !important; scroll-snap-type: y mandatory; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; } /* SECTIONS – fylder 100vh (via --vh) */ body.scroll-vertical section { width: 100%; height: calc(var(--vh) * 100); min-height: calc(var(--vh) * 100); min-width: 0; /* neutraliser 100vw fra global */ scroll-snap-align: start; scroll-snap-stop: always; display: grid; place-items: center; padding: 8vmin; } /* Section titles – genbrug basis style fra global.css, her kun aktiv/hover logik er allerede dækket. (Hvis du vil have anden placering/farve i vertical mode, kan du override her.) */ /* Skjul pile i vertikal tilstand */ body.scroll-vertical .arrow { display: none !important; } .faq-wrapper { max-width: 700px; margin: 0px; font-family: "Winky Sans", sans-serif; } .faq-item { border-bottom: 1px solid #ddd; padding: 15px 0; cursor: pointer; } .faq-question { display: flex; justify-content: space-between; align-items: center; font-size: 1.1rem; font-weight: 600; } .faq-toggle { font-size: 1.4rem; transition: transform 0.2s; } .faq-answer { display: none; padding: 10px 0 0 0; line-height: 1.6; } .faq-item.open .faq-answer { display: block; } .faq-item.open .faq-toggle { transform: rotate(45deg); /* plus bliver til minus */ } /* Mobile tweaks til undersider */ @media (max-width: 768px) { body.scroll-vertical .section-titles { display: none; } body.scroll-vertical section { padding: 15px; place-items: normal;min-height: unset; } }