/**
 * Fixes CSS - Corrections diverses
 * Ludothèque Gruyère
 */

/* ==========================================================================
   FIX: Empêcher le scroll automatique sur focus des filtres
   ========================================================================== */

#wpludo_main,
#catalog-filters,
.catalog-filters-modern,
.filter-group,
.filter-group select,
.filter-group input,
.datepicker,
.date-picker-wrapper {
    scroll-margin-top: 200px;
}

/* Empêcher le scroll sur focus des selects et inputs du catalogue */
#form_recherche select:focus,
#form_recherche input:focus {
    scroll-margin-top: 200px;
}

/* ==========================================================================
   FIX: Bouton retour en haut - remplacer le lien cassé
   ========================================================================== */

/* Cacher le bouton Divi cassé qui pointe vers site-partenaire3.fr */
a[href*="site-partenaire3"],
.et_pb_scroll_top[href*="site-partenaire3"] {
    display: none !important;
}

/* Style pour notre propre bouton retour en haut */
.ludo-back-to-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 50px;
    height: 50px;
    background: var(--ludo-primary, #E8842A);
    color: white;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    z-index: 9999;
    box-shadow: 0 4px 15px rgba(232, 132, 42, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
}

.ludo-back-to-top.visible {
    opacity: 1;
    visibility: visible;
}

.ludo-back-to-top:hover {
    background: var(--ludo-secondary, #C41E68);
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(196, 30, 104, 0.4);
}

.ludo-back-to-top svg {
    width: 24px;
    height: 24px;
}

/* ==========================================================================
   FIX: Désactiver les animations Divi au chargement (si souhaité)
   ========================================================================== */

/* Décommenter pour désactiver les animations Divi */

.et_animated {
    opacity: 1 !important;
    animation: none !important;
    -webkit-animation: none !important;
}

.et_pb_section,
.et_pb_row,
.et_pb_column,
.et_pb_module {
    animation: none !important;
    -webkit-animation: none !important;
    transition: none !important;
}

/* ==========================================================================
   FIX: Désactiver les animations pour tous les shortcodes WPLudo
   ========================================================================== */

/* Cibler tous les conteneurs WPLudo */
#wpludo_main,
#wpludo-cart-container,
#wpludo-order-section,
#wpludo-ludo-donne-main,
#wpludo-checkout-section,
#catalog-filters,
.catalog-filters-modern,
.catalog-grid-modern,
.wpludo-modal,
.wpludo-checkout-container,
.wpludo-checkout-ludo-container,
.ludo-donne-cart-container {
    animation: none !important;
    -webkit-animation: none !important;
    animation-name: none !important;
    animation-duration: 0s !important;
    animation-delay: 0s !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Cibler les modules Divi parents des shortcodes WPLudo */
.et_pb_module:has(#wpludo_main),
.et_pb_module:has(#wpludo-cart-container),
.et_pb_module:has(#wpludo-order-section),
.et_pb_module:has(#wpludo-ludo-donne-main),
.et_pb_module:has(.wpludo-checkout-container),
.et_pb_code:has([id^="wpludo"]),
.et_pb_code_inner:has([id^="wpludo"]) {
    animation: none !important;
    -webkit-animation: none !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Désactiver les animations de tous les modules Code Divi */
.et_pb_code,
.et_pb_code_inner {
    animation: none !important;
    -webkit-animation: none !important;
    transform: none !important;
    opacity: 1 !important;
}

/* Forcer les styles pour les classes d'animation Divi spécifiques */
[class*="et_pb_animation_"],
.et_pb_bottom_inside,
.et_pb_top,
.et_pb_bottom {
    animation: none !important;
    -webkit-animation: none !important;
    transform: none !important;
    opacity: 1 !important;
}