/* * Jenile Slider - Custom Styles
 * Complète le CDN Tailwind avec les animations fluides et isole le module 
 * pour ne pas hériter des bordures ou marges parasites du thème WordPress.
 */

.cubic-bezier {
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}

.cubic-bezier-img {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

/* Protections et overrides contre les styles du thème parent */
.jnl-banner-wrapper {
    box-sizing: border-box;
}

.jnl-banner-wrapper * {
    box-sizing: border-box;
}

.jnl-banner-wrapper h1, 
.jnl-banner-wrapper h2, 
.jnl-banner-wrapper h3, 
.jnl-banner-wrapper p {
    clear: none;
}

.jnl-banner-wrapper a:hover, 
.jnl-banner-wrapper button:hover {
    text-decoration: none;
}

.jnl-banner-wrapper button {
    outline: none;
    border: none;
}

/* Fallback si Tailwind n'arrive pas à charger ses couleurs correctement */
.bg-\[\#98bf1e\] { background-color: #98bf1e; }
.text-\[\#98bf1e\] { color: #98bf1e; }
.bg-\[\#1a1a1a\] { background-color: #1a1a1a; }
.text-\[\#1a1a1a\] { color: #1a1a1a; }

/* Zone visuelle : image centrée (tous ratios), au-dessus du fond gris */
.jnl-banner-wrapper .jnl-img-slide {
    display: flex;
    align-items: center;
    justify-content: center;
}

.jnl-banner-wrapper .jnl-img-slide__img {
    object-position: center center;
}