/*
 *
 * Kreative Dage — site-specifikke rettelser (site identifier "kreativedage")
 *
 * Indlæses KUN for kreativedage, via site-condition nederst i
 * Configuration/TypoScript/setup.typoscript. Læg intet her, som andre
 * MesseC-sites også skal have.
 *
 * Rør IKKE idefa_navigation_extender for at rette det her: den ligger i
 * /var/www/shared/Typo3_12_Moduler/ og bruges af hele flåden.
 *
 * ---------------------------------------------------------------------------
 * Hovedmenuen brækkede i to linjer mellem 993 og 1144 px
 * ---------------------------------------------------------------------------
 * Menuen har 11 punkter og fylder 1129 px på én linje med sitets normale
 * font (15 px) og afstande (nav-link margin 5 px + padding 5 px, nav-item
 * padding-left 12 px). Den vandrette menu findes fra 992 px og op
 * (Bootstrap .navbar-expand-lg), men der er først plads til 1129 px fra
 * 1145 px og op. I hele vinduet 993–1144 px brækkede de længste punkter
 * derfor i to linjer: "Om os", "Praktisk info", "For besøgende",
 * "Uniqa Kvarteret" og "Køb billet".
 *
 * Rettelsen holder punkterne på én linje (white-space: nowrap) og skruer
 * font og afstande ned i tre trin, så menuens bredde altid er mindre end
 * viewporten. Bredderne nedenfor er målt i Chromium 2026-09-17; hvert trin
 * har mindst 30 px luft til den smalleste viewport i sit interval.
 *
 * Over 1145 px og under 992 px ændres intet — burger-menuen under 992 px
 * virker som den skal.
 *
 * NB: bliver der tilføjet flere punkter i hovedmenuen, holder tallene ikke
 * længere. Mål bredden igen, eller overvej at korte labels af.
 *
 */

/*
 * Fælles for hele intervallet: et punkt må aldrig brække i to linjer.
 */
@media screen and (min-width: 992px) and (max-width: 1145px) {
    body .navigation-top-container .navbar-expand-lg .navbar-nav .nav-link {
        white-space: nowrap;
    }
}

/*
 * Trin 1 — 1113–1145 px: kun afstandene strammes, fonten bliver på 15 px.
 * Målt menubredde: 1083 px.
 */
@media screen and (min-width: 1113px) and (max-width: 1145px) {
    body .navigation-top-container .navbar-expand-lg .navbar-nav .nav-link {
        margin-left: 2px;
        margin-right: 2px;
        padding-left: 4px;
        padding-right: 4px;
    }

    body .navigation-top-container .navbar-nav > li.nav-item {
        padding-left: 6px;
        padding-right: 0;
    }
}

/*
 * Trin 2 — 1055–1112 px: samme afstande, font ned til 14 px.
 * Målt menubredde: 1025 px.
 */
@media screen and (min-width: 1055px) and (max-width: 1112px) {
    body .navigation-top-container .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 14px;
        margin-left: 2px;
        margin-right: 2px;
        padding-left: 4px;
        padding-right: 4px;
    }

    body .navigation-top-container .navbar-nav > li.nav-item {
        padding-left: 6px;
        padding-right: 0;
    }
}

/*
 * Trin 3 — 992–1054 px: font 14 px og de strammeste afstande. Afstanden er
 * lagt i nav-link'ets egen padding frem for i nav-item'ets, så hover- og
 * active-pillen beholder lidt luft om teksten.
 * Målt menubredde: 959 px.
 */
@media screen and (min-width: 992px) and (max-width: 1054px) {
    body .navigation-top-container .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 14px;
        margin-left: 1px;
        margin-right: 1px;
        padding-left: 4px;
        padding-right: 4px;
    }

    body .navigation-top-container .navbar-nav > li.nav-item {
        padding-left: 2px;
        padding-right: 0;
    }
}

/*
 * ---------------------------------------------------------------------------
 * Præcis 992 px: mobilpanelet lå permanent åbent hen over siden
 * ---------------------------------------------------------------------------
 * De delte mobilregler i idefa_navigation_extender bruger
 * "max-width: 992px", mens Bootstrap åbner desktopmenuen på
 * "min-width: 992px". På præcis 992 px gælder begge: panelet får
 * position: fixed fra mobilreglerne OG display: flex !important fra
 * Bootstrap, mens burger-knappen er display: none. Resultatet er et
 * åbent panel, der dækker siden og ikke kan lukkes.
 *
 * Her tvinges burger-menuen igennem på den ene pixel, så 992 px opfører
 * sig som 991 px. Fejlen ligger i den delte extension og rammer alle
 * sites med nav-layout 2/3/4 — den skal rettes der på sigt.
 */
@media screen and (min-width: 992px) and (max-width: 992px) {
    body .navigation-top-container .navbar-expand-lg .navbar-toggler {
        display: block !important;
    }

    body .navigation-top-container .navbar-expand-lg .navbar-collapse:not(.show) {
        display: none !important;
    }
}

/*
 * ---------------------------------------------------------------------------
 * Menuen hoppede 25 px til venstre, når man scrollede (fra 1451 px og op)
 * ---------------------------------------------------------------------------
 * Ved scroll > 10 px lægger scripts.js klassen "menu-is-fixed" på body (kun
 * når vinduet er bredere end 1200 px). Den gør #main-navigation-layout2 til
 * "position: fixed; left: 50%; transform: translate(-50%,0); width: 100%",
 * altså centreret på selve viewporten.
 *
 * Ucscrollet ligger menuen derimod i .navigation-center, som er midterste
 * flex-item i .navigation-top-container. De tre kolonner har "flex: auto",
 * så de starter i deres indholdsbredde og deler kun det OVERSKYDENDE lige.
 * Logoblokken til venstre er konsekvent 50 px bredere end søge- og
 * sprogblokken til højre — målt ens på 1500, 1600, 1700, 1800, 1920, 2100 og
 * 2560 px — så midterkolonnen skubbes 25 px til højre for viewportens midte.
 *
 * De to tilstande centrerer altså på hver sin måde, og forskellen er præcis
 * de 25 px, menuen hopper ved scroll. Under 1451 px ses det ikke: der fylder
 * menuen (1129 px) hele midterkolonnen, så der er intet slæk at skubbe i.
 *
 * Rettelsen giver venstre- og højrekolonnen samme flex-basis, så de bliver
 * lige brede og midterkolonnen rammer viewportens midte i begge tilstande.
 * "min-width: 0" er nødvendig, fordi et flex-item ellers ikke må blive
 * smallere end sit indhold — logoet ville så holde venstrekolonnen bred igen.
 * Logoet står uændret i venstre kant (målt: x = 32 px på alle bredder).
 *
 * Målt efter rettelsen på 1451, 1500, 1600, 1700, 1920, 2100 og 2560 px:
 * menuens midte = viewportens midte både før og efter scroll, forskydning 0 px.
 */
@media screen and (min-width: 1451px) {
    body .navigation-top-container.navlayout2 > .navigation-left,
    body .navigation-top-container.navlayout2 > .navigation-right {
        flex: 1 1 0;
        min-width: 0;
    }
}