/*
Vous pouvez taper ici du code CSS personnalisé, qui sera chargé à la fois sur vos pages d'administration et front-end. Assurez-vous de ne pas remplacer les propriétés de mise en page (positions et tailles), car elles peuvent interférer avec la fonctionnalité responsive intégrée des sliders. Voici quelques exemples de cibles pour vous aider à démarrer :
*/

.ls-container { /* Slider container */

}

.ls-layers { /* Layers wrapper */

}

.ls-3d-box div { /* Sides of 3D transition objects */

}


/* Informations et bouton Masquer quand les infos sont cachées */
.eretic-infos-hidden .eretic-info,
.eretic-infos-hidden .eretic-info *,
.eretic-infos-hidden .eretic-hide-info,
.eretic-infos-hidden .eretic-hide-info * {
    visibility: hidden !important;
    pointer-events: none !important;
}

/* Bouton Réafficher quand les infos sont visibles */
.ls-container:not(.eretic-infos-hidden) .eretic-show-info,
.ls-container:not(.eretic-infos-hidden) .eretic-show-info * {
    visibility: hidden !important;
    pointer-events: none !important;
}

.eretic-hide-info,
.eretic-show-info {
    cursor: pointer;
}

/* Les enveloppes des boutons laissent passer les clics */
.ls-wrapper:has(.eretic-hide-info),
.ls-wrapper:has(.eretic-show-info) {
    pointer-events: none !important;
}

/* Seul le bouton actif reçoit les clics */
.ls-container:not(.eretic-infos-hidden) .eretic-hide-info,
.ls-container.eretic-infos-hidden .eretic-show-info {
    pointer-events: auto !important;
    cursor: pointer;
}

/* Le clic vise le calque HTML, plutôt que le dessin SVG */
.eretic-hide-info svg,
.eretic-hide-info svg *,
.eretic-show-info svg,
.eretic-show-info svg * {
    pointer-events: none !important;
}