/*
 * File: wp-content/themes/fanclub-base/onepage/nav-shell.css
 * Onepage-Sidebar als globale Navigation auf Unterseiten (nicht Dashboard, nicht Onepage).
 * Liefert nur, was onepage/sections/nav.php außerhalb der Onepage braucht:
 * die Nav-Variablen aus onepage/style.css + das #fc-main-Layout.
 * Farb-Tokens kommen aus base.css, Fonts aus fonts.css (beide global geladen).
 */

:root {
    --fc-font-display:   'Barlow Condensed', sans-serif;
    --fc-font-emotion:   'Sedgwick Ave Display', sans-serif;
    --fc-sidebar-w:      500px;
    --fc-size-xs:        clamp(1.2rem, 2vw, 1.8rem);
    --fc-size-body:      clamp(1rem, 1.3vw, 1.15rem);
    --fc-size-nav-title: clamp(1.8rem, 3.5vw, 3rem);
}

/* Kein fixer Top-Header auf diesen Seiten – base.css-Padding zurücksetzen */
body { padding-top: 0; }

/* Content weicht der Sidebar aus (Markup-Wrapper in header.php/footer.php) */
#fc-main {
    margin-left: var(--fc-sidebar-w);
    transition:  margin-left 0.5s cubic-bezier(0.76, 0, 0.24, 1);
}
body.sidebar-collapsed #fc-main { margin-left: 0; }

/* Inhalt mittig zwischen Nav und rechtem Rand – klappt die Nav ein,
   zentriert er sich automatisch zur vollen Seitenbreite */
#fc-main > *:not(.fc-footer) {
    width:         100%;
    max-width:     1040px;
    margin-inline: auto;
}

/* Kein Layout-Sprung beim Laden (Zustand aus localStorage, Script in functions.php) */
html.sidebar-preload-collapsed #fc-main    { margin-left: 0 !important; transition: none !important; }
html.sidebar-preload-collapsed .fc-sidebar { transform: translateX(-500px) !important; transition: none !important; }

/* Seitentitel (ersetzt den Titel aus nav-main.php, Ausgabe in header.php) */
.fc-page-title {
    font-family:    var(--fc-font-display);
    font-weight:    900;
    font-style:     italic;
    text-transform: uppercase;
    font-size:      clamp(2rem, 4vw, 3.5rem);
    /* Seitliches Padding = .fc-container (base.css), damit Titel und Text bündig stehen */
    padding:        48px var(--fc-container-pad) 8px;
}

@media (max-width: 1024px) {
    #fc-main { margin-left: 0 !important; padding-top: 56px; } /* Höhe der mobilen Nav-Leiste */
    .fc-page-title { padding-top: 90px; } /* Diagonale der Leiste ist links 124px tief */
}