/* 
 Theme Name:     AHOD
 Author:         AHoD
 Author URI:     https://ahod.be
 Template:       Divi
 Version:        1.0 
*/ 


/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 
/* ==========================================================================
   QUIET LUXURY EFFECTS - DIVI 5
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. RÉVÉLATION IMAGE - VERS LA DROITE
   -------------------------------------------------------------------------- */
.fx-img-drt {
    position: relative !important;
    overflow: hidden !important;
    display: block !important;
    line-height: 0;
}

.fx-img-drt::after {
    content: '';
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background-color: #FFFFFF;
    z-index: 10;
    transform-origin: 0% 50%;
    transform: scaleX(1);
    transition: transform 1.5s cubic-bezier(0.77, 0, 0.175, 1);
    pointer-events: none !important;
    border-radius: inherit;
}

.fx-img-drt img {
    width: 100%; height: auto;
    display: block !important;
    transform: scale(1.05);
    transition: transform 1.5s cubic-bezier(0.77, 0, 0.175, 1);
}

.fx-img-drt.is-revealed::after { transform: scaleX(0); }
.fx-img-drt.is-revealed img { transform: scale(1); }

/* --------------------------------------------------------------------------
   2. RÉVÉLATION IMAGE - VERS LA GAUCHE
   -------------------------------------------------------------------------- */
.fx-img-gch {
    position: relative !important;
    overflow: hidden !important;
    display: block !important;
    line-height: 0;
}

.fx-img-gch::after {
    content: '';
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background-color: #FFFFFF;
    z-index: 10;
    transform-origin: 100% 50%;
    transform: scaleX(1);
    transition: transform 2s cubic-bezier(0.77, 0, 0.175, 1);
    pointer-events: none !important;
    border-radius: inherit;
}

.fx-img-gch img {
    width: 100%; height: auto;
    display: block !important;
    transform: scale(1.05);
    transition: transform 2s cubic-bezier(0.77, 0, 0.175, 1);
}

.fx-img-gch.is-revealed::after { transform: scaleX(0); }
.fx-img-gch.is-revealed img { transform: scale(1); }

/* --------------------------------------------------------------------------
   3. RÉVÉLATION TEXTE (Stagger & Fade Up) - RALENTIE
   -------------------------------------------------------------------------- */
.fx-text {
    --fx-duration: 2.6s;                          /* était 2s */
    --fx-ease: cubic-bezier(0.19, 1, 0.22, 1);
    --fx-distance: 24px;                          /* était 20px, léger + de recul */

    opacity: 0;
    transform: translateY(var(--fx-distance));
    transition: opacity var(--fx-duration) var(--fx-ease),
                transform var(--fx-duration) var(--fx-ease);
    will-change: opacity, transform;
}

.fx-text.is-revealed {
    opacity: 1;
    transform: translateY(0);
}

/* Sécurité navigateurs sans JS */
html.no-js .fx-text {
    opacity: 1;
    transform: translateY(0);
}