/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/
Description: Child theme for Hello Elementor with subtle light oak button styling.
Author: Victor Savall
Template: hello-elementor
Version: 1.6.0
Text Domain: hello-elementor-child
*/

:root {
    --oak-button-texture: url('assets/texture-chene-clair.webp');

    --oak-button-bg: #B99667;
    --oak-button-bg-hover: #8F6A42;
    --oak-button-border: #1F2326;
    --oak-button-text: #ffffff;
}

/* Boutons chêne clair uniquement avec la classe .btn-oak */
.btn-oak .elementor-button,
.elementor-button.btn-oak,
a.btn-oak,
button.btn-oak {
    background-color: var(--oak-button-bg) !important;

    background-image:
        linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.06),
            rgba(0, 0, 0, 0.06)
        ),
        var(--oak-button-texture) !important;

    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-blend-mode: soft-light, normal !important;

    color: var(--oak-button-text) !important;

    border: 2px solid var(--oak-button-border) !important;
    outline: none !important;
    border-radius: 6px !important;

    box-shadow: none !important;
    filter: none !important;
    transform: none !important;

    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.16);

    transition:
        background-color 0.22s ease,
        filter 0.22s ease;
}

/* Correction des éléments internes Elementor */
.btn-oak .elementor-button-content-wrapper,
.elementor-button.btn-oak .elementor-button-content-wrapper {
    position: relative;
    z-index: 2;
}

/* Hover foncé discret */
.btn-oak .elementor-button:hover,
.elementor-button.btn-oak:hover,
a.btn-oak:hover,
button.btn-oak:hover {
    background-color: var(--oak-button-bg-hover) !important;

    background-image:
        linear-gradient(
            180deg,
            rgba(0, 0, 0, 0.10),
            rgba(0, 0, 0, 0.22)
        ),
        var(--oak-button-texture) !important;

    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-blend-mode: multiply, normal !important;

    filter: none !important;
    box-shadow: none !important;
    transform: none !important;
}

/* Clic */
.btn-oak .elementor-button:active,
.elementor-button.btn-oak:active,
a.btn-oak:active,
button.btn-oak:active {
    filter: brightness(0.94) !important;
    box-shadow: none !important;
    transform: none !important;
}

/* Focus */
.btn-oak .elementor-button:focus,
.elementor-button.btn-oak:focus,
a.btn-oak:focus,
button.btn-oak:focus {
    outline: none !important;
    box-shadow: none !important;
}