/* 
 * CORRECTION COULEUR BOUTON SCROLL TO TOP
 * Remplace la couleur violette par la couleur demandée #111c43
 * Auteur: RDConnect Team
 * Date: 10 août 2025
 */

/* Bouton de remontée vers le haut */
.scrollToTop {
    background-color: #111c43 !important;
    color: #fff !important;
    border: none !important;
    transition: all 0.3s ease !important;
}

/* Effet hover pour le bouton */
.scrollToTop:hover {
    background-color: #0f1a3a !important;
    transform: translateY(-2px) !important;
    box-shadow: rgba(17, 28, 67, 0.4) 0 0.75rem 2rem 0 !important;
}

/* Animation d'apparition */
.scrollToTop.show {
    display: flex !important;
    animation: slideInUp 0.3s ease-out !important;
}

@keyframes slideInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Pour assurer la compatibilité avec tous les thèmes */
[data-theme-mode="light"] .scrollToTop,
[data-theme-mode="dark"] .scrollToTop {
    background-color: #111c43 !important;
}

/* Icône à l'intérieur du bouton */
.scrollToTop .arrow,
.scrollToTop i {
    color: #fff !important;
}

/* Version responsive */
@media (max-width: 768px) {
    .scrollToTop {
        bottom: 15px !important;
        inset-inline-end: 15px !important;
        height: 2.2rem !important;
        width: 2.2rem !important;
    }
}