/* --- Close-Button Navi-Overlay: X-Mitte = Burger-Mitte ---
   Ersetzt die Regel in "Global Styles" (64), die dort wegen einer fehlenden } nicht greift (Issue #11).
   12px = 5px Spaltenpadding + 22,5px halber Burger (45px) - 15,5px halbes X (31px)
   2rem = Padding des Dialogs; .75rem = Header-Padding nach dem Scrollen */
.navi-overlay .popover-close-button {
    padding-right: max(var(--wp--style--root--padding-left), calc(50vw - calc(var(--wp--style--global--wide-size) / 2))) !important;
    top: calc(.75rem - 2rem + 12px) !important;
    right: -25px !important;
    z-index: 10;
}

/* Header noch oben (nicht gescrollt): groesseres Header-Padding */
.greyd-content-box.is-position-fixed[data-anim-triggered="false"] .navi-overlay .popover-close-button {
    top: calc(var(--wp--preset--spacing--small) - 2rem + 12px) !important;
}

/* Logo im Overlay auf Hoehe des Close-X: Inhalt so weit hochziehen, dass Logo-Mitte = X-Mitte.
   30.15px = 37,5px Close-Button im Fluss + 20,15px (10px Padding Logo-Gruppe + halbe Logohoehe) - 27,5px */
.navi-overlay .nav-content-ctn-wide {
    margin-top: calc(.75rem - 2rem - 30.15px) !important;
}
.greyd-content-box.is-position-fixed[data-anim-triggered="false"] .navi-overlay .nav-content-ctn-wide {
    margin-top: calc(var(--wp--preset--spacing--small) - 2rem - 30.15px) !important;
}