/**
 * Dark/Light Theme Transition CSS
 * Compatible avec Avada Builder
 */

/* Transition uniquement sur les containers dark_theme_container */
.dark_theme_container {
    background-color: #ededed !important;
    color: #1d1d1f !important;
    transition: background-color 0.6s ease, color 0.6s ease;
}

/* Quand le container dark est visible (dans le viewport) */
.dark_theme_container.is-visible {
    background-color: #1d1d1f !important;
    color: #ffffff !important;
}

/* TEXTES ET TITRES - Doivent passer en BLANC */
.dark_theme_container.is-visible h1,
.dark_theme_container.is-visible h2,
.dark_theme_container.is-visible h3,
.dark_theme_container.is-visible h4,
.dark_theme_container.is-visible h5,
.dark_theme_container.is-visible h6,
.dark_theme_container.is-visible .title-heading-left,
.dark_theme_container.is-visible .title-heading-center,
.dark_theme_container.is-visible .fusion-title {
    color: #ffffff !important;
    transition: color 0.6s ease;
}

.dark_theme_container.is-visible p,
.dark_theme_container.is-visible .fusion-text,
.dark_theme_container.is-visible .fusion-text p,
.dark_theme_container.is-visible div.fusion-text {
    color: #ffffff !important;
    transition: color 0.6s ease;
}

/* Liens normaux (pas les boutons) */
.dark_theme_container.is-visible a:not(.fusion-button):not(.button) {
    color: #4a9eff !important;
    transition: color 0.6s ease;
}

/* BOUTONS - NE DOIVENT PAS être affectés - Supprimer toute règle color */
.dark_theme_container .fusion-button,
.dark_theme_container .fusion-button .fusion-button-text,
.dark_theme_container .fusion-button span,
.dark_theme_container a.fusion-button,
.dark_theme_container a.fusion-button .fusion-button-text,
.dark_theme_container a.fusion-button span,
.dark_theme_container .button,
.dark_theme_container .button span {
    /* Aucune règle color ici - laisser les styles Avada */
}

.dark_theme_container.is-visible .fusion-button,
.dark_theme_container.is-visible .fusion-button .fusion-button-text,
.dark_theme_container.is-visible .fusion-button span,
.dark_theme_container.is-visible a.fusion-button,
.dark_theme_container.is-visible a.fusion-button .fusion-button-text,
.dark_theme_container.is-visible a.fusion-button span,
.dark_theme_container.is-visible .button,
.dark_theme_container.is-visible .button span {
    /* Aucune règle color ici non plus */
}

/* Logo fixe - Transition de couleur */
.logo-fixed,
.logo-fixed svg,
.logo-fixed path {
    transition: fill 0.1s ease;
}

/* Quand le logo survole un container dark */
.logo-fixed.over-dark-container,
.logo-fixed.over-dark-container svg,
.logo-fixed.over-dark-container path,
.logo-fixed.over-dark-container * {
    fill: #ffffff !important;
}

/* Smooth scroll */
html {
    scroll-behavior: smooth;
}