/**
 * CSS pour l'effet de rotation de texte universel lié à nav-text-rotation-universal.js
 */

/* Container principal */
.nav-link-rotation {
    display: inline-block;
    position: relative;
    cursor: pointer;
}

/* Masque qui cache le texte du dessous - La hauteur est définie dynamiquement par le JS */
.link-mask {
    position: relative;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    /* height est définie inline par le JavaScript selon la hauteur réelle du texte */
}

/* Conteneur des deux textes empilés - C'EST LUI QUI BOUGE */
.link-content {
    display: block;
    transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

/* Style des textes */
.link-text {
    display: block;
    font-size: inherit;
    font-weight: inherit;
    line-height: 1.25;
    padding: 0;
    margin: 0;
    transition: transform 0.4s ease;
    color: inherit;
}

/* Premier texte (visible par défaut) - GARDE LA COULEUR NATIVE */
.link-text-1 {
    transform-origin: right center;
}

/* Second texte (caché par défaut, visible au hover) - UTILISE LA COULEUR DE HOVER */
.link-text-2 {
    transform-origin: left center;
    transform: rotate(15deg);
    /* La couleur sera définie inline par le JS */
}

/* === EFFET HOVER === */

/* Le translateY est défini dynamiquement par le JavaScript */

/* Rotation du premier texte */
a:hover .nav-link-rotation .link-text-1,
a .text-rotation-effect:hover .nav-link-rotation .link-text-1,
.text-rotation-effect:hover .link-text-1,
button:hover .nav-link-rotation .link-text-1,
.elementor-button:hover .nav-link-rotation .link-text-1 {
    transform: rotate(15deg);
}

/* Rotation du second texte (retour à 0) */
a:hover .nav-link-rotation .link-text-2,
a .text-rotation-effect:hover .nav-link-rotation .link-text-2,
.text-rotation-effect:hover .link-text-2,
button:hover .nav-link-rotation .link-text-2,
.elementor-button:hover .nav-link-rotation .link-text-2 {
    transform: rotate(0deg);
}

/* === COMPATIBILITÉ ELEMENTOR === */

.elementor-button .nav-link-rotation {
    display: inline-block;
}

.elementor-heading-title .nav-link-rotation {
    display: inline-block;
}

.elementor-icon-box-title .nav-link-rotation,
.elementor-cta__title .nav-link-rotation {
    display: inline-block;
}


/* === DEBUG === */
/* Décommentez pour voir les conteneurs */
/*
.link-mask {
    border: 2px solid blue !important;
    background: rgba(0, 0, 255, 0.1) !important;
}

.link-content {
    border: 2px solid green !important;
}

.link-text {
    border: 1px solid red !important;
}
*/