/* Styles personnalisés si Tailwind ne suffit pas */

/* Style pour le bouton scroll-to-top caché par défaut */
#scrollToTopBtn { 
    opacity: 0; 
    transition: opacity 0.3s ease-in-out, transform 0.2s ease-in-out; /* Ajout transition transform */
    visibility: hidden; /* Cacher complètement quand invisible */
}
#scrollToTopBtn.visible { 
    opacity: 1; 
    visibility: visible; /* Rendre visible */
}

/* Optionnel : soulignement animé pour les titres de section */
.section-title::after {
    content: '';
    display: block;
    width: 50px; /* Largeur initiale */
    height: 3px;
    background-color: #1a4a8a; /* primary-light */
    margin: 8px auto 0; /* Centrer */
    transition: width 0.3s ease-in-out;
}
/* .section-title:hover::after {
    width: 80px; /* Largeur au survol */
/* } */

/* Correction pour l'alignement des listes personnalisées */
.prose ul.list-custom-icon, 
.prose .list-custom-icon {
    list-style: none !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}

.prose ul.list-custom-icon > li,
.prose .list-custom-icon > li {
    padding-left: 0 !important;
    margin-bottom: 0.75rem !important;
    display: flex !important;
    align-items: flex-start !important;
}

.prose ul.list-custom-icon > li::before,
.prose .list-custom-icon > li::before {
    content: none !important;
}

.list-icon {
    width: 1.25rem !important;
    height: 1.25rem !important;
    margin-right: 0.75rem !important;
    color: #1a4a8a !important;
    flex-shrink: 0 !important;
}

.prose .list-custom-icon > li span {
    flex: 1 !important;
}