/*
Theme Name: Rotary Musikpreis
Theme URI: https://github.com/elementor/hello-biz-child/
Description: Rotary Musikpreis Theme basierend auf hello biz Elementor Theme
Author: AddUse GmbH
Template: hello-biz
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Version: 1.0.0
Stable tag: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: rotary-musikpreis
Tags: flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready, style-variations
*/

/* Add your custom styles here */
:root {
    --rm-blue: #0e1b2a;
    --rm-gold: #d8a10e;
    --rm-black: #0b0b0b;
    --rm-gray: #f4f5f7;
    --rm-white: #fff;
}

/* Typo & Grundfarben */
body {
    color: #1e1e1e;
}

.page-content {
    background-color: #fcfcf6;
}

.page-content .elementor-widget-text-editor a {
    text-decoration: underline !important;
}

/* AU – Parent div triggert SW→Color + Transform für div > .sw-hover-effect */
:root {
    --au-sw-duration: 0.35s;
    --au-sw-ease: cubic-bezier(0.2, 0.7, 0.2, 1);
    --au-sw-transform: translateY(-2px) scale(1.03);
}

/* Normalzustand (SW) */
div > .sw-hover-effect > img,
div > .sw-hover-effect > a > img,
div > .sw-hover-effect > picture > img {
    display: block;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    transform: translateZ(0);
    transition: filter var(--au-sw-duration) var(--au-sw-ease),
        transform var(--au-sw-duration) var(--au-sw-ease);
    will-change: transform, filter;
}

/* Hover/Fokus auf dem Eltern-div */
div:hover > .sw-hover-effect > img,
div:focus-within > .sw-hover-effect > img,
div:hover > .sw-hover-effect > a > img,
div:focus-within > .sw-hover-effect > a > img,
div:hover > .sw-hover-effect > picture > img,
div:focus-within > .sw-hover-effect > picture > img {
    filter: none;
    -webkit-filter: none;
    transform: var(--au-sw-transform);
}

/* Weniger Bewegung respektieren */
@media (prefers-reduced-motion: reduce) {
    div > .sw-hover-effect > img,
    div > .sw-hover-effect > a > img,
    div > .sw-hover-effect > picture > img {
        transition: none;
    }
    div:hover > .sw-hover-effect > img,
    div:hover > .sw-hover-effect > a > img,
    div:hover > .sw-hover-effect > picture > img {
        transform: none;
    }
}