:where([class^="ri-"])::before {
    content: "\f3c2";
}

/* AJOUT POUR LA RÉACTIVITÉ : Empêche le défilement horizontal sur les petits écrans */
html, body {
    overflow-x: hidden;
    width: 100%;
}
:where([class^="ri-"])::before {
    content: "\f3c2";
}

/* AJOUT POUR LA RÉACTIVITÉ : Empêche le défilement horizontal sur les petits écrans */



/* AJOUT A. STYLE DU TEXTE DU SLIDE */
.hero-text-shadow {
    /* Ombre subtile pour améliorer le contraste sur l'image */
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
}

/* AJOUT B. STYLE DU CHATBOT (Anneau Pulsant) */
.chatbot-ring {
    position: relative;
}

.chatbot-ring::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border: 2px solid #f59e0b; /* Primary color */
    border-radius: 50%;
    animation: pulse-ring 2s infinite;
}

@keyframes pulse-ring {
    0% {
        transform: scale(1);
        opacity: 0.7;
    }
    100% {
        transform: scale(1.5);
        opacity: 0;
    }
}
#chatbot-window .p-3 {
    /* Réduit l'espace vertical dans la barre de saisie du chat */
    padding-top: 8px;   /* Garde un peu d'espace au-dessus */
    padding-bottom: 8px; /* Réduit l'espace en bas de 12px (p-3) à 8px */
}
/* --- EFFET TEXTE MARQUEE/CARROUSEL POUR LA TOP BAR (Défilement continu - SANS VIDE) --- */

.marquee-container {
    width: 100%;
    overflow: hidden; /* Masque tout ce qui dépasse */
    display: inline-block; /* Permet un bon alignement */
}

.marquee-inner {
    display: flex;
    white-space: nowrap; /* Force tout sur une seule ligne */
    /* Ecart fixe entre le premier et le deuxième bloc de texte pour une lecture propre */
    gap: 80px; 
    /* L'animation est appliquée à ce conteneur */
    animation: marquee-scroll 15s linear infinite;
}


.marquee-item {
    flex-shrink: 0; /* Ne réduit pas la taille de l'item */
    
    /* Style professionnel */
    font-weight: 700;
    font-size: 1.1em;
    letter-spacing: 0.05em;
    color: #fff;
    /* Pas de padding-right ici, le 'gap' du parent le gère */
}

/* L'animation déplace le conteneur interne de la largeur exacte d'un item + le gap */
@keyframes marquee-scroll {
    0% { transform: translateX(0); }
    /* DÉPLACEMENT SANS VIDE : Déplace de 100% de la largeur du premier item, plus le gap de 80px. */
    100% { 
        transform: translateX(calc(-100% - 80px)); 
    }
}