/*
Theme Name: Hékipia
Theme URI: https://www.hekipia.fr
Author: Huttopia
Author URI: https://europe.huttopia.com
Description: Thème de blocs Hékipia Tiny House — studios et roulottes de jardin. Un template basique et une bibliothèque de compositions pour assembler les pages.
Version: 1.3.0
Requires at least: 7.1
Tested up to: 7.1
Requires PHP: 8.2
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hekipia
*/

.site-stack {
    position: relative;
}

.site-stack > * {
    width: 100%;
    min-width: 0;
}

.site-main > * {
    margin-block-start: 0;
}

:target {
    scroll-margin-top: calc(var(--wp--custom--sizes--header) + var(--wp--preset--spacing--large));
}

.hk-eyebrow {
    font-size: var(--wp--preset--font-size--x-small);
    font-weight: var(--wp--custom--font-weight--semibold);
    letter-spacing: var(--wp--custom--letter-spacing--widest);
    text-transform: uppercase;
    color: var(--wp--preset--color--neutral);
}

.hk-lede {
    color: var(--wp--preset--color--contrast);
    line-height: var(--wp--custom--line-height--relaxed);
    text-wrap: pretty;
}

.hk-muted {
    color: var(--wp--preset--color--neutral);
}

.hk-rule-fr {
    width: 180px;
    height: 4px;
    margin-inline: auto;
    border: 0;
    background-image: linear-gradient(
        to right,
        #0b3d91 0 33.333%,
        #f4f4f2 33.333% 66.666%,
        #c8102e 66.666% 100%
    );
    opacity: 1;
}

.animate-on-scroll {
    opacity: 0;
    transform: translateY(28px);
    transition: opacity 0.7s ease, transform 0.7s ease;
}

.animate-on-scroll.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.hover-lift {
    transition: transform 0.25s ease;
}

.hover-lift:hover {
    transform: translateY(-4px);
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }

    .animate-on-scroll {
        opacity: 1 !important;
        transform: none !important;
    }
}

.editor-styles-wrapper .animate-on-scroll {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
    transition: none !important;
}

.editor-styles-wrapper .is-style-hk-bento img {
    height: 100% !important;
}