/**
 * Pont thème — CSS variables --ase-* sur toutes les pages V1.
 * Chargé en dernier via inc/head-unified-css.php.
 */

/* ——— Surfaces globales ——— */
body,
#wrapper,
#page-wrapper {
    background-color: var(--ase-page-bg, #2e3842) !important;
}

#header {
    background: var(--ase-header-bg, #2e3842) !important;
}

#menu {
    background: var(--ase-menu-bg, #7952cc) !important;
}

#footer {
    background: var(--ase-footer-bg, #1d242a) !important;
}

/* ——— Fond contenu (toutes pages) ——— */
#main,
article#main,
.ase-themed-main,
.ase-themed-section,
#main > .wrapper,
article#main > .wrapper,
.wrapper.style1,
.wrapper.style2,
.wrapper.style3,
.wrapper.style4,
.wrapper.style5,
.wrapper.alt,
.wrapper.alt.style2,
body.landing #main,
body.landing #main > .wrapper,
body.landingLocation #page-wrapper,
body.landingLocation #two,
body.landingLocation #three,
body.page-index #main.ase-main-content,
body.page-index #main .ase-content-section,
body.page-index #cta,
body.page-partenaires article#main,
body.page-partenaires #main,
body.page-partenaires article#main section,
body.page-partenaires #main section,
body.page-partenaires #partners,
body article#main,
section#formulairecontact,
#formulairecontact,
#gallery.wrapper.style5,
.ase-landing-form {
    background-color: var(--ase-content-bg, #3a4550) !important;
    background: var(--ase-content-bg, #3a4550) !important;
}

body .wrapper.style5,
body section.wrapper.style5,
#page-wrapper .wrapper.style5,
section.wrapper.style5,
#main .wrapper.style5,
article#main .wrapper.style5 {
    background-color: var(--ase-content-bg, #3a4550) !important;
    background: var(--ase-content-bg, #3a4550) !important;
}

.wrapper.style5 .inner,
#main .wrapper.style5 .inner,
article#main .wrapper.style5 .inner,
#formulairecontact .inner,
.ase-themed-section .inner {
    background-color: transparent !important;
    background: transparent !important;
}

/* ——— Spotlights Stream ——— */
#two .spotlight,
.wrapper.alt.style2 .spotlight,
#two .spotlight:nth-child(odd),
.wrapper.alt.style2 .spotlight:nth-child(odd),
#two .spotlight:nth-child(1),
#two .spotlight:nth-child(3),
#two .spotlight:nth-child(5),
#two .spotlight:nth-child(7),
#two .spotlight:nth-child(9),
.wrapper.alt.style2 .spotlight:nth-child(1),
.wrapper.alt.style2 .spotlight:nth-child(3),
.wrapper.alt.style2 .spotlight:nth-child(5),
.wrapper.alt.style2 .spotlight:nth-child(7),
.wrapper.alt.style2 .spotlight:nth-child(9) {
    background-color: var(--ase-content-bg, #3a4550) !important;
    background: var(--ase-content-bg, #3a4550) !important;
}

#two .spotlight:nth-child(even),
.wrapper.alt.style2 .spotlight:nth-child(even),
#two .spotlight:nth-child(2),
#two .spotlight:nth-child(4),
#two .spotlight:nth-child(6),
#two .spotlight:nth-child(8),
#two .spotlight:nth-child(10),
.wrapper.alt.style2 .spotlight:nth-child(2),
.wrapper.alt.style2 .spotlight:nth-child(4),
.wrapper.alt.style2 .spotlight:nth-child(6),
.wrapper.alt.style2 .spotlight:nth-child(8),
.wrapper.alt.style2 .spotlight:nth-child(10) {
    background-color: var(--ase-page-bg, #2e3842) !important;
    background: var(--ase-page-bg, #2e3842) !important;
}

body .spotlight.right,
body section.spotlight.right,
#page-wrapper .spotlight.right,
article#main .spotlight.right {
    background-color: var(--ase-page-bg, #2e3842) !important;
    background: var(--ase-page-bg, #2e3842) !important;
}

body .spotlight.right .desc-html,
#page-wrapper .spotlight.right .desc-html,
article#main .spotlight.right .desc-html {
    background-color: var(--ase-content-bg, #3a4550) !important;
    background: var(--ase-content-bg, #3a4550) !important;
}

/* ——— Spotlights Location DJ ——— */
body.landingLocation .spotlight,
body.landingLocation #two .spotlight,
body.landingLocation .spotlight:nth-child(odd),
body.landingLocation #two .spotlight:nth-child(1),
body.landingLocation #two .spotlight:nth-child(3),
body.landingLocation #two .spotlight:nth-child(5) {
    background-color: var(--ase-content-bg, #3a4550) !important;
    background: var(--ase-content-bg, #3a4550) !important;
}

body.landingLocation .spotlight:nth-child(even),
body.landingLocation #two .spotlight:nth-child(2),
body.landingLocation #two .spotlight:nth-child(4),
body.landingLocation #two .spotlight:nth-child(6) {
    background-color: var(--ase-page-bg, #2e3842) !important;
    background: var(--ase-page-bg, #2e3842) !important;
}

.spotlight,
section.spotlight {
    background-color: var(--ase-content-bg, #3a4550);
}

.spotlight:nth-child(even),
section.spotlight:nth-child(even) {
    background-color: var(--ase-page-bg, #2e3842);
}

/* ——— Boutons / CTA ——— */
.header-cta-devis {
    background: var(--ase-primary, #7952cc) !important;
    border-color: var(--ase-primary, #7952cc) !important;
    color: var(--ase-button-text, #ffffff) !important;
}

.header-cta-devis:hover {
    background: var(--ase-primary-hover, #4f1c90) !important;
    border-color: var(--ase-primary-hover, #4f1c90) !important;
    color: var(--ase-button-text, #ffffff) !important;
}

body #main a.button.primary,
body article#main a.button.primary,
.button.primary,
a.button.primary {
    background-color: var(--ase-primary, #7952cc) !important;
    background: var(--ase-primary, #7952cc) !important;
    border-color: var(--ase-primary, #7952cc) !important;
    color: var(--ase-button-text, #ffffff) !important;
}

body #main a.button.primary:hover,
body article#main a.button.primary:hover,
.button.primary:hover,
a.button.primary:hover {
    background-color: var(--ase-primary-hover, #4f1c90) !important;
    background: var(--ase-primary-hover, #4f1c90) !important;
    border-color: var(--ase-primary-hover, #4f1c90) !important;
    color: var(--ase-button-text, #ffffff) !important;
}

body.landing #banner .hero-cta .button.primary {
    background: var(--ase-primary, #7952cc) !important;
    border-color: var(--ase-primary, #7952cc) !important;
    color: var(--ase-button-text, #ffffff) !important;
}

body.landing #banner .hero-cta .button.primary:hover {
    background: var(--ase-primary-hover, #4f1c90) !important;
    border-color: var(--ase-primary-hover, #4f1c90) !important;
}

.ase-sticky-cta {
    background: var(--ase-sticky-bg, rgba(46, 56, 66, 0.97)) !important;
}

.ase-sticky-cta__btn--primary {
    background: var(--ase-primary, #7952cc) !important;
    border-color: var(--ase-primary, #7952cc) !important;
    color: var(--ase-button-text, #ffffff) !important;
}

.ase-sticky-cta__btn--primary:hover {
    background: var(--ase-primary-hover, #4f1c90) !important;
    border-color: var(--ase-primary-hover, #4f1c90) !important;
}

body #banner .more:hover,
body #banner .more.scrolly:hover {
    background: var(--ase-primary-hover, #4f1c90) !important;
}