/*
 Theme Name:   systemisch_hell
 Template:     twentytwentyfive
 Version:      1.0
 Description:  Custom child theme for Mag. Petra Hell — Systemische Familientherapie
*/

/* Fixed header */
.sh-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    background-color: #EDE7F6;
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* Offset body so content isn't hidden behind fixed header/footer */
body {
    padding-top: 80px;
    padding-bottom: 50px;
}

/* Offset anchor scroll targets so headings aren't hidden behind fixed header */
[id].wp-block-group {
    scroll-margin-top: 100px;
}

/* Fixed footer */
.sh-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    background-color: #7E57C2;
}

.sh-header.scrolled {
    background-color: #7E57C2 !important;
}

/* Larger navigation font */
.sh-header .wp-block-navigation a {
    font-size: 1.2em;
}

/* More space above headings, but not the first one on a page */
h2.wp-block-heading {
    margin-top: 2.5em !important;
}

.wp-block-group:first-child > h2.wp-block-heading:first-child {
    margin-top: -2em !important;
}

.wp-block-column .wp-block-group > h2.wp-block-heading:first-child,
.sh-leistungen-text > h2.wp-block-heading:first-child {
    margin-top: 2em !important;
}

/* Hero heading spacing: no top margin on first, 1.5em on rest (only first columns on page) */
.wp-block-columns.are-vertically-aligned-center:first-child h2.wp-block-heading {
    margin-top: 1.5em !important;
}

.wp-block-columns.are-vertically-aligned-center:first-child h2.wp-block-heading:first-child {
    margin-top: 0 !important;
}

/* Remove underlines from hero heading links */
.wp-block-columns.are-vertically-aligned-center:first-child h2.wp-block-heading a {
    text-decoration: none;
}

/* Pull entire hero section up to match page content positioning (only first columns block on page) */
main > .wp-block-columns.are-vertically-aligned-center:first-child {
    margin-top: -2em !important;
}

/* Two-column rows with vertically centered image */
.sh-listen-row,
.sh-leistungen-row {
    display: flex;
    align-items: center;
    gap: 2em;
}

.sh-listen-text { flex: 0 0 65%; }
.sh-listen-img { flex: 0 0 31%; }
.sh-leistungen-text { flex: 0 0 55%; }
.sh-leistungen-img { flex: 0 0 42%; }

@media (max-width: 600px) {
    .sh-listen-row,
    .sh-leistungen-row {
        flex-direction: column;
    }
    .sh-listen-text,
    .sh-listen-img,
    .sh-leistungen-text,
    .sh-leistungen-img {
        flex: 1 1 100%;
    }
}

/* Mobile adjustments */
@media (max-width: 600px) {
    body {
        padding-top: 100px;
        padding-bottom: 40px;
    }

    .sh-header .wp-block-navigation a {
        font-size: 1em;
    }

    .sh-footer .wp-block-navigation {
        display: none !important;
    }
}

.sh-header.scrolled,
.sh-header.scrolled a,
.sh-header.scrolled .wp-block-site-title a,
.sh-header.scrolled .wp-block-navigation a,
.sh-footer,
.sh-footer a,
.sh-footer .wp-block-navigation a,
.sh-footer p {
    color: #EDE7F6 !important;
}