/*
Theme Name: Roman Stez Theme
Theme URI: https://www.malermeister-stez.de/
Author: Bildable
Author URI: https://www.bildable.de/
Description: Custom landing page theme for Malermeister Roman Stez in Neu Wulmstorf.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 8.0
Text Domain: roman-stez
*/

[x-cloak] {
    display: none !important;
}

html.js [data-reveal] {
    opacity: 0;
    transform: translateY(28px);
    transition: opacity 700ms cubic-bezier(0.22, 1, 0.36, 1), transform 700ms cubic-bezier(0.22, 1, 0.36, 1);
    will-change: opacity, transform;
}

html.js [data-reveal="fade-left"] {
    transform: translateX(28px);
}

html.js [data-reveal="fade-right"] {
    transform: translateX(-28px);
}

html.js [data-reveal="zoom-in"] {
    transform: scale(0.96);
}

html.js [data-reveal].is-visible {
    opacity: 1;
    transform: translate(0, 0) scale(1);
}

@media (prefers-reduced-motion: reduce) {
    html.js [data-reveal] {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
        will-change: auto !important;
    }
}


/* Mobile sticky action bar behavior */
.mobile-action-bar {
    opacity: 0;
    transform: translateY(100%);
    pointer-events: none;
    transition: opacity 250ms ease, transform 250ms ease;
}

.mobile-action-bar.is-visible {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

body.mobile-menu-open #mobile-action-bar {
    opacity: 0 !important;
    transform: translateY(100%) !important;
    pointer-events: none !important;
}

body.mobile-menu-open {
    overflow: hidden;
}