/* /httpdocs/assets/css/senegal.css */

/* =========================================
   1. STYLES DE L'ÉDITEUR DE TEXTE (QUILL)
   ========================================= */
.quill-content {
    /* Le texte hérite de la couleur de son conteneur (définie dans le builder) */
    color: inherit; 
    line-height: 1.8;
}
.quill-content h1, .quill-content h2, .quill-content h3, .quill-content h4, .quill-content p, .quill-content span {
    /* Force les éléments internes à prendre la bonne couleur */
    color: inherit; 
}
.quill-content h1 { font-size: 2.5em; font-weight: 900; letter-spacing: -0.05em; line-height: 1.1; margin-bottom: 0.5em; }
.quill-content h2 { font-size: 2em; font-weight: 800; letter-spacing: -0.02em; margin-bottom: 0.5em; }
.quill-content h3 { font-size: 1.5em; font-weight: 700; margin-bottom: 0.5em;}
.quill-content p { margin-bottom: 1.5em; font-size: 1.125rem; }
.quill-content ul { list-style-type: disc; padding-left: 2em; margin-bottom: 1em; }
.quill-content ol { list-style-type: decimal; padding-left: 2em; margin-bottom: 1em; }

/* Correction des alignements Quill sur le site public */
.quill-content .ql-align-center { text-align: center !important; }
.quill-content .ql-align-right { text-align: right !important; }
.quill-content .ql-align-justify { text-align: justify !important; }

/* =========================================
   2. ANIMATIONS (GRADIENT & PARTENAIRES)
   ========================================= */

/* Gradient CSS Animé */
.animated-bg {
    background-size: 200% 200% !important;
    animation: gradient-shift 8s ease infinite !important;
}
@keyframes gradient-shift {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* Bandeau des partenaires défilant */
.animate-marquee { animation: marquee 35s linear infinite; }
.animate-marquee2 { animation: marquee2 35s linear infinite; }
.group:hover .animate-marquee, .group:hover .animate-marquee2 { animation-play-state: paused; }

@keyframes marquee {
    0% { transform: translateX(0%); }
    100% { transform: translateX(-100%); }
}
@keyframes marquee2 {
    0% { transform: translateX(100%); }
    100% { transform: translateX(0%); }
}