/*
Theme Name: Das Wurzelwerk
Template: twentytwentyfour
Description: Child theme for wurzelwerk-begleitung.de — implements the Wurzel design concept.
Version: 1.0.0
*/

/* ---- Button transitions ---- */
.wp-block-button__link {
    transition: background-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease !important;
}

/* On light/cream sections: deepen the gold */
.has-base-background-color .wp-block-button__link:hover {
    background-color: #A8702E !important;
    opacity: 1 !important;
}

/* On dark forest sections: brighten the gold */
.has-contrast-background-color .wp-block-button__link:hover,
.has-contrast-2-background-color .wp-block-button__link:hover {
    background-color: #D4B05A !important;
    opacity: 1 !important;
}

/* ---- Full-screen nav overlay: dark bg, cream text ---- */
.wp-block-navigation__responsive-container.is-menu-open {
    background-color: var(--wp--preset--color--contrast) !important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close,
.wp-block-navigation__responsive-container.is-menu-open button {
    color: var(--wp--preset--color--base) !important;
}

/* ---- Hidden sections (visible in editor, hidden on frontend) ---- */
.wurzel-hidden { display: none !important; }

/* ---- Mobile layout utilities ---- */
@media (min-width: 782px) {
    .wurzel-mobile-only { display: none !important; }
}
@media (max-width: 781px) {
    .wurzel-desktop-only { display: none !important; }
    .wurzel-step-spacer { display: none !important; }
}

/* ---- "Dein nächster Schritt": flip even steps visually on desktop ---- */
/* DOM order is [spacer][number][content]; CSS reverses to [content][number][spacer] */
@media (min-width: 782px) {
    .wurzel-step-even .wp-block-column:nth-child(1) { order: 3; }
    .wurzel-step-even .wp-block-column:nth-child(2) { order: 2; }
    .wurzel-step-even .wp-block-column:nth-child(3) { order: 1; }
}