/*
 * sc-override.css
 * ServiceClick brand overrides on top of CleanOn theme
 */

/* ═══════════════════════════════════════════════════
   HERO SLIDER — IMAGE ANIMATION OVERRIDES
   Reduce CleanOn default 2600ms/3200ms delays so the
   cleaning-agent photo and shape appear quickly.
═══════════════════════════════════════════════════ */
.main-slider .swiper-slide-active .main-slider__img {
    -webkit-transition-delay: 400ms !important;
    transition-delay: 400ms !important;
}
.main-slider .swiper-slide-active .main-slider__img-shape {
    -webkit-transition-delay: 700ms !important;
    transition-delay: 700ms !important;
}
.main-slider .swiper-slide-active .main-slider__discount-box {
    -webkit-transition-delay: 900ms !important;
    transition-delay: 900ms !important;
}
/* ── Agent photo (hero-img) : taille contrainte, coin droit ── */
.main-slider__img img {
    max-height: 860px;
    max-width: 740px;
    width: auto;
    height: auto;
    display: block;
}
/* Agent photo (hero-img) — arrière-plan */
.main-slider__img {
    position: relative;
    z-index: 2;
}

/* ── Collage produits (img-shape) — PREMIER PLAN ── */
.main-slider__img-shape {
    z-index: 3;
}
.main-slider__img-shape img {
    width: 300px;   /* ← change cette valeur pour agrandir/réduire */
    height: auto;
    opacity: 1;
}

/* ═══════════════════════════════════════════════════
   PAGE HEADER — COUVERTURE IMAGE (général)
═══════════════════════════════════════════════════ */
.page-header {
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    min-height: 400px;
}
.page-header__bg {
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

/* ═══════════════════════════════════════════════════
   PAGE HEADER — PHOTO PORTRAIT (ex: FRANCK.png)
   Photo verticale positionnée à droite sans déformation
   Le fond vert foncé remplit la partie gauche
═══════════════════════════════════════════════════ */
.sc-page-header--portrait {
    background-color: #0c342f !important;
    background-image: none !important;
}
.sc-page-header__portrait-img {
    /* Photo affichée à sa taille naturelle, ancrée à droite */
    background-size: auto 100% !important;
    background-position: right center !important;
    background-repeat: no-repeat !important;
}
/* Dégradé : vert plein à gauche → transparent avant la photo */
.sc-page-header--portrait .page-header__bg::before {
    background: linear-gradient(
        90deg,
        rgba(12, 52, 47, 1)    0%,
        rgba(12, 52, 47, 1)    45%,
        rgba(12, 52, 47, 0.85) 60%,
        rgba(12, 52, 47, 0.40) 75%,
        rgba(12, 52, 47, 0)    90%
    ) !important;
}

/* ═══════════════════════════════════════════════════
   TÉMOIGNAGES — NOM & TITRE EN BLANC
═══════════════════════════════════════════════════ */
.testimonial-one__client-name {
    color: #ffffff !important;
}
.testimonial-one__client-sub-title {
    color: rgba(255, 255, 255, 0.75) !important;
}

/* ═══════════════════════════════════════════════════
   LOGO TEXT STYLE
═══════════════════════════════════════════════════ */
.sc-logo-text-cleanon {
    font-family: var(--cleanon-font-two, 'Rubik', sans-serif);
    font-size: 26px;
    font-weight: 800;
    color: #ffffff;
    letter-spacing: -0.5px;
    text-decoration: none;
    display: inline-block;
}
.sc-logo-text-cleanon span {
    color: var(--cleanon-base, #f1ab21);
}
.sc-logo-text-cleanon--white {
    color: #ffffff;
}
.sc-logo-text-cleanon--white span {
    color: var(--cleanon-base, #f1ab21);
}

/* ═══════════════════════════════════════════════════
   WHATSAPP FLOATING BUTTON
═══════════════════════════════════════════════════ */
.sc-whatsapp-btn {
    position: fixed;
    bottom: 90px;
    right: 30px;
    width: 56px;
    height: 56px;
    background: #25d366;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 20px rgba(37, 211, 102, 0.4);
    z-index: 9999;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.sc-whatsapp-btn:hover {
    transform: scale(1.1);
    box-shadow: 0 8px 28px rgba(37, 211, 102, 0.6);
}

/* ═══════════════════════════════════════════════════
   FLASH MESSAGES
═══════════════════════════════════════════════════ */
.sc-flash {
    position: fixed;
    top: 100px;
    right: 20px;
    z-index: 99999;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 20px;
    border-radius: var(--cleanon-bdr-radius, 10px);
    font-family: var(--cleanon-font, 'Poppins', sans-serif);
    font-size: 0.875rem;
    box-shadow: 0 8px 24px rgba(0,0,0,.15);
    max-width: 380px;
    transition: opacity 0.4s ease;
}
.sc-flash--success {
    background: var(--cleanon-extra, #0a7158);
    color: #fff;
}
.sc-flash--error {
    background: #e74c3c;
    color: #fff;
}
.sc-flash-close {
    background: none;
    border: none;
    color: inherit;
    cursor: pointer;
    margin-left: auto;
    padding: 0;
    opacity: 0.8;
}
.sc-flash-close:hover { opacity: 1; }

/* ═══════════════════════════════════════════════════
   FOOTER OVERRIDES
═══════════════════════════════════════════════════ */
.site-footer {
    background-color: var(--cleanon-secondary, #0e3026);
}
.site-footer__top {
    position: relative;
    padding: 80px 0 60px;
}
.site-footer__top-bg {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-size: cover;
    background-position: center;
    opacity: 0.08;
}
.footer-widget__logo {
    margin-bottom: 20px;
}
.footer-widget__about-text {
    color: rgba(255,255,255,0.7);
    font-size: 0.9rem;
    line-height: 1.7;
    margin-bottom: 24px;
}
.footer-widget__title {
    font-family: var(--cleanon-font-two, 'Rubik', sans-serif);
    color: #fff;
    font-size: 1.1rem;
    font-weight: 700;
    margin-bottom: 24px;
    padding-bottom: 12px;
    position: relative;
}
.footer-widget__title::after {
    content: '';
    position: absolute;
    bottom: 0; left: 0;
    width: 40px; height: 2px;
    background: var(--cleanon-base, #f1ab21);
}
.footer-widget__link {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.footer-widget__link li a {
    color: rgba(255,255,255,0.7);
    font-size: 0.875rem;
    transition: color 0.3s, padding-left 0.3s;
    display: flex;
    align-items: center;
    gap: 8px;
}
.footer-widget__link li a:hover {
    color: var(--cleanon-base, #f1ab21);
    padding-left: 4px;
}
.footer-widget__link li a .fas { color: var(--cleanon-base, #f1ab21); font-size: 0.75rem; }
.footer-widget__newsletter-text {
    color: rgba(255,255,255,0.7);
    font-size: 0.875rem;
    margin-bottom: 16px;
}
.footer-widget__newsletter-input-box {
    display: flex;
    border-radius: var(--cleanon-bdr-radius, 10px);
    overflow: hidden;
    margin-bottom: 20px;
}
.footer-widget__newsletter-input-box input {
    flex: 1;
    border: none;
    padding: 12px 16px;
    font-family: var(--cleanon-font, 'Poppins', sans-serif);
    font-size: 0.875rem;
    outline: none;
    color: var(--cleanon-black, #0c342f);
}
.footer-widget__newsletter-btn {
    background: var(--cleanon-base, #f1ab21);
    border: none;
    color: var(--cleanon-black, #0c342f);
    padding: 12px 18px;
    cursor: pointer;
    font-size: 1rem;
    transition: background 0.3s;
}
.footer-widget__newsletter-btn:hover {
    background: var(--cleanon-extra, #0a7158);
    color: #fff;
}
.footer-widget__contact-info ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.footer-widget__contact-info li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    color: rgba(255,255,255,0.7);
    font-size: 0.875rem;
}
.footer-widget__contact-info .icon {
    color: var(--cleanon-base, #f1ab21);
    font-size: 1rem;
    min-width: 16px;
    margin-top: 2px;
}
.footer-widget__contact-info a { color: rgba(255,255,255,0.7); }
.footer-widget__contact-info a:hover { color: var(--cleanon-base, #f1ab21); }

.site-footer__social {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
.site-footer__social a {
    width: 38px; height: 38px;
    border-radius: 50%;
    background: rgba(255,255,255,0.1);
    display: flex; align-items: center; justify-content: center;
    color: #fff;
    font-size: 0.875rem;
    transition: background 0.3s, color 0.3s;
}
.site-footer__social a:hover {
    background: var(--cleanon-base, #f1ab21);
    color: var(--cleanon-black, #0c342f);
}

.site-footer__bottom {
    background: var(--cleanon-black, #0c342f);
    padding: 20px 0;
}
.site-footer__bottom-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
}
.site-footer__bottom-text {
    color: rgba(255,255,255,0.6);
    font-size: 0.8rem;
    margin: 0;
}
.site-footer__bottom-text a { color: rgba(255,255,255,0.6); }
.site-footer__bottom-text a:hover { color: var(--cleanon-base, #f1ab21); }
.site-footer__bottom-badges {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}
.site-footer__bottom-badges span {
    background: rgba(255,255,255,0.1);
    color: rgba(255,255,255,0.7);
    font-size: 0.75rem;
    padding: 4px 10px;
    border-radius: 20px;
}

/* ═══════════════════════════════════════════════════
   HEADER OVERRIDES
═══════════════════════════════════════════════════ */
.main-menu__logo {
    padding: 0;
}

/* ═══════════════════════════════════════════════════
   WHY CHOOSE PROGRESS BARS
═══════════════════════════════════════════════════ */
.why-choose-one__progress {
    margin-bottom: 24px;
}
.why-choose-one__progress-top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--cleanon-black, #0c342f);
}
.why-choose-one__progress-bar {
    background: rgba(0,0,0,0.08);
    border-radius: 100px;
    height: 8px;
    overflow: hidden;
}
.why-choose-one__progress-bar-inner {
    height: 100%;
    background: var(--cleanon-base, #f1ab21);
    border-radius: 100px;
    transition: width 1.5s ease;
}

.why-choose-one__single {
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
    padding: 20px;
    border-radius: var(--cleanon-bdr-radius, 10px);
    background: var(--cleanon-primary, #f7f4f1);
    transition: box-shadow 0.3s;
}
.why-choose-one__single:hover {
    box-shadow: 0 8px 30px rgba(0,0,0,0.08);
}
.why-choose-one__icon {
    width: 52px;
    height: 52px;
    min-width: 52px;
    background: var(--cleanon-base, #f1ab21);
    color: var(--cleanon-black, #0c342f);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
}
.why-choose-one__title {
    font-family: var(--cleanon-font-two, 'Rubik', sans-serif);
    font-size: 1rem;
    font-weight: 700;
    color: var(--cleanon-black, #0c342f);
    margin-bottom: 6px;
}
.why-choose-one__text {
    font-size: 0.875rem;
    color: var(--cleanon-gray, #595752);
    line-height: 1.6;
    margin: 0;
}
.why-choose-one__btn-box { margin-top: 32px; }

.why-choose-one {
    padding: 100px 0;
    background: #fff;
}
.why-choose-one__left { padding-right: 40px; }

/* ═══════════════════════════════════════════════════
   CTA BANNER
═══════════════════════════════════════════════════ */
.cta-two {
    padding: 80px 0;
    background-size: cover;
    background-position: center;
    position: relative;
}
.cta-two::before {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(10, 113, 88, 0.88);
}
.cta-two .container { position: relative; z-index: 1; }
.cta-two__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 40px;
}
.cta-two__right {
    display: flex;
    align-items: center;
    gap: 30px;
    flex-wrap: wrap;
}
.cta-two__phone {
    display: flex;
    align-items: center;
    gap: 14px;
    color: #fff;
    text-decoration: none;
}
.cta-two__phone:hover { color: var(--cleanon-base, #f1ab21); }
.cta-two__phone-icon {
    width: 52px; height: 52px;
    background: rgba(255,255,255,0.15);
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-size: 1.3rem;
    color: var(--cleanon-base, #f1ab21);
}
.cta-two__phone-content p {
    font-size: 0.8rem;
    color: rgba(255,255,255,0.7);
    margin: 0;
}
.cta-two__phone-content h5 {
    font-family: var(--cleanon-font-two, 'Rubik', sans-serif);
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    margin: 0;
}

/* White variant of thm-btn */
.thm-btn--white {
    background-color: #fff !important;
    color: var(--cleanon-black, #0c342f) !important;
}
.thm-btn--white:hover { color: #fff !important; }

/* ═══════════════════════════════════════════════════
   ABOUT COUNTER
═══════════════════════════════════════════════════ */
.about-one__counter-box {
    display: flex;
    flex-direction: column;
    gap: 20px;
    height: 100%;
    justify-content: center;
}
.about-one__counter-single {
    background: var(--cleanon-primary, #f7f4f1);
    border-radius: var(--cleanon-bdr-radius, 10px);
    padding: 20px 24px;
    text-align: center;
    transition: box-shadow 0.3s;
}
.about-one__counter-single:hover {
    box-shadow: 0 8px 24px rgba(0,0,0,0.08);
}
.about-one__counter-content {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 4px;
}
.about-one__counter-content h3 {
    font-family: var(--cleanon-font-two, 'Rubik', sans-serif);
    font-size: 2rem;
    font-weight: 800;
    color: var(--cleanon-black, #0c342f);
    margin: 0;
}
.about-one__counter-content span {
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--cleanon-base, #f1ab21);
}
.about-one__counter-content p {
    width: 100%;
    font-size: 0.8rem;
    color: var(--cleanon-gray, #595752);
    margin: 0;
}

/* ═══════════════════════════════════════════════════
   PAGE HERO (for inner pages)
═══════════════════════════════════════════════════ */
.sc-page-hero {
    background-color: var(--cleanon-black, #0c342f);
    background-image: url('/assets/images/cleanon/backgrounds/page-header-bg.jpg');
    background-size: cover;
    background-position: center;
    padding: 100px 0 60px;
    position: relative;
}
.sc-page-hero::before {
    content: '';
    position: absolute; inset: 0;
    background: rgba(12,52,47,0.75);
}
.sc-page-hero .container { position: relative; z-index: 1; }
.sc-page-hero__inner { text-align: center; }
.sc-page-hero__title {
    font-family: var(--cleanon-font-two, 'Rubik', sans-serif);
    color: #fff;
    font-size: clamp(2rem, 4vw, 3rem);
    font-weight: 800;
    margin-bottom: 16px;
}

/* Breadcrumb */
.sc-breadcrumb {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    list-style: none;
    padding: 0; margin: 0;
    flex-wrap: wrap;
}
.sc-breadcrumb li {
    color: rgba(255,255,255,0.7);
    font-size: 0.875rem;
}
.sc-breadcrumb li + li::before {
    content: '›';
    margin-right: 8px;
    color: var(--cleanon-base, #f1ab21);
}
.sc-breadcrumb a { color: rgba(255,255,255,0.7); }
.sc-breadcrumb a:hover { color: var(--cleanon-base, #f1ab21); }

/* ═══════════════════════════════════════════════════
   SECTIONS utilitaires
═══════════════════════════════════════════════════ */
.sc-section { padding: 80px 0; }
.sc-section--white { background: #fff; }

/* Labels de section (nc-label → cleanon tagline style) */
.nc-label {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(241,171,33,0.12);
    color: var(--cleanon-extra, #0a7158);
    padding: 6px 14px;
    border-radius: 100px;
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    margin-bottom: 12px;
    display: inline-block;
}

/* Prestation cards (service page) */
.sc-presta-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 24px;
    margin-top: 40px;
}
.sc-presta-card {
    background: var(--cleanon-primary, #f7f4f1);
    border-radius: var(--cleanon-bdr-radius, 10px);
    padding: 28px;
    border: 1px solid var(--cleanon-bdr-color, #ded8cf);
    transition: box-shadow 0.3s, transform 0.3s;
}
.sc-presta-card:hover {
    box-shadow: 0 12px 40px rgba(0,0,0,0.08);
    transform: translateY(-4px);
}
.sc-presta-card__icon {
    font-size: 2.2rem;
    margin-bottom: 14px;
}
.sc-presta-card__title {
    font-family: var(--cleanon-font-two, 'Rubik', sans-serif);
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--cleanon-black, #0c342f);
    margin-bottom: 8px;
}
.sc-presta-card__desc {
    color: var(--cleanon-gray, #595752);
    font-size: 0.875rem;
    line-height: 1.6;
    margin-bottom: 12px;
}
.sc-presta-card__price {
    font-family: var(--cleanon-font-two, 'Rubik', sans-serif);
    font-size: 1.2rem;
    font-weight: 800;
    color: var(--cleanon-base, #f1ab21);
    margin-bottom: 14px;
}
.sc-presta-card__link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--cleanon-extra, #0a7158);
    font-size: 0.875rem;
    font-weight: 600;
    text-decoration: none;
    transition: gap 0.3s;
}
.sc-presta-card__link:hover {
    color: var(--cleanon-base, #f1ab21);
    gap: 10px;
}

/* Features grid */
.sc-features-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 24px;
    margin-top: 40px;
}
.sc-feature-card {
    background: var(--cleanon-primary, #f7f4f1);
    border-radius: var(--cleanon-bdr-radius, 10px);
    padding: 28px;
    border: 1px solid var(--cleanon-bdr-color, #ded8cf);
    transition: box-shadow 0.3s;
}
.sc-feature-card:hover { box-shadow: 0 8px 30px rgba(0,0,0,0.08); }
.sc-feature-card__icon { font-size: 2rem; margin-bottom: 14px; }
.sc-feature-card__title {
    font-family: var(--cleanon-font-two, 'Rubik', sans-serif);
    font-size: 1rem;
    font-weight: 700;
    color: var(--cleanon-black, #0c342f);
    margin-bottom: 8px;
}
.sc-feature-card__desc {
    color: var(--cleanon-gray, #595752);
    font-size: 0.875rem;
    line-height: 1.6;
    margin: 0;
}

/* Section features bg */
.sc-section--features { background: var(--cleanon-primary, #f7f4f1); }

/* Section header */
.sc-section-header { text-align: center; margin-bottom: 48px; }
.sc-section-header h2 {
    font-family: var(--cleanon-font-two, 'Rubik', sans-serif);
    font-size: clamp(1.8rem, 3vw, 2.4rem);
    font-weight: 800;
    color: var(--cleanon-black, #0c342f);
    margin-bottom: 12px;
}
.sc-section-header h2 em { color: var(--cleanon-base, #f1ab21); font-style: normal; }
.sc-section-header p {
    color: var(--cleanon-gray, #595752);
    max-width: 580px;
    margin: 0 auto;
}

/* CTA banner (used in service pages) */
.sc-cta-banner {
    background: var(--cleanon-extra, #0a7158);
    padding: 60px 0;
}

/* Responsive adjustments */
@media (max-width: 991px) {
    .why-choose-one__left { padding-right: 0; margin-bottom: 40px; }
    .cta-two__inner { flex-direction: column; }
    .cta-two__right { justify-content: center; }
    .about-one__counter-box { flex-direction: row; flex-wrap: wrap; justify-content: center; }
    .about-one__counter-single { flex: 1 1 160px; }
    .site-footer__bottom-inner { flex-direction: column; text-align: center; }
}
@media (max-width: 767px) {
    .sc-presta-grid { grid-template-columns: 1fr; }
    .sc-features-grid { grid-template-columns: 1fr 1fr; }
    .cta-two__right { flex-direction: column; align-items: flex-start; width: 100%; }
}
@media (max-width: 575px) {
    .sc-features-grid { grid-template-columns: 1fr; }
}

/* ═══════════════════════════════════════════════════
   DAV MULTISERVICES — BRAND COLOR OVERRIDE
   Bleu #1B6AB5 + Vert #82BD2F
   (Overrides CleanOn vert foncé #0c342f + or #f1ab21)
═══════════════════════════════════════════════════ */

/* 1. Override CSS variables CleanOn */
:root {
    --cleanon-base:       #82BD2F !important;
    --cleanon-black:      #1B6AB5 !important;
    --cleanon-black-rgb:  27, 106, 181  !important;
    --cleanon-base-rgb:   130, 189, 47  !important; /* RGB de #82BD2F */
    --cleanon-extra:      #154f8a !important;
    --cleanon-secondary:  #0d3a70 !important;
    --cleanon-primary:    #f0f5fc !important;
}

/* Overlay du slider — forcer bleu */
.main-slider__bg:before {
    background-color: rgba(27, 106, 181, 0.82) !important;
}
.main-slider__bg {
    background-color: #1B6AB5 !important;
}
.main-slider {
    background-color: #1B6AB5 !important;
}

/* 2. Header top bar */
.main-menu__top {
    background-color: #1B6AB5 !important;
}

/* 3. Logo text */
.sc-logo-text-cleanon { color: #1B6AB5 !important; }
.sc-logo-text-cleanon span { color: #82BD2F !important; }
.sc-logo-text-cleanon--white { color: #ffffff !important; }
.sc-logo-text-cleanon--white span { color: #82BD2F !important; }

/* 4. Main slider background overlay */
.main-slider__bg { background-color: #1B6AB5 !important; }
.main-slider .swiper-slide { background-color: #1B6AB5 !important; }
.main-slider { background-color: #1B6AB5 !important; }
.main-slider__shape-1 { background-color: #154f8a !important; opacity: 0.5 !important; }

/* 5. Page hero sections */
.sc-page-hero {
    background-color: #1B6AB5 !important;
}
.sc-page-hero::before {
    background: rgba(21,88,160,0.80) !important;
}

/* 6. Page headers */
.page-header__bg { filter: hue-rotate(140deg) saturate(0.7) brightness(0.5) !important; }
.sc-page-header--portrait {
    background-color: #1B6AB5 !important;
}
.sc-page-header--portrait .page-header__bg::before {
    background: linear-gradient(
        90deg,
        rgba(27, 106, 181, 1)    0%,
        rgba(27, 106, 181, 1)    45%,
        rgba(27, 106, 181, 0.85) 60%,
        rgba(27, 106, 181, 0.40) 75%,
        rgba(27, 106, 181, 0)    90%
    ) !important;
}

/* 7. Buttons thm-btn */
.thm-btn { background-color: #82BD2F !important; color: #fff !important; }
.thm-btn:hover { background-color: #6aaa22 !important; }
.thm-btn--white { background-color: #fff !important; color: #1B6AB5 !important; }

/* 8. CTA banner */
.cta-two::before { background: rgba(21,88,160,0.88) !important; }
.sc-cta-banner { background: #1B6AB5 !important; }

/* 9. Footer */
.site-footer { background-color: #0d3a70 !important; }
.site-footer__bottom { background: #1B6AB5 !important; }
.footer-widget__newsletter-btn { background: #82BD2F !important; color: #fff !important; }
.footer-widget__newsletter-btn:hover { background: #6aaa22 !important; }
.site-footer__social a:hover { background: #82BD2F !important; color: #fff !important; }

/* 10. Section labels */
.sc-section-label {
    background: rgba(27,106,181,0.1) !important;
    color: #1B6AB5 !important;
}

/* 11. Progress bars */
.why-choose-one__progress-bar-inner { background: #82BD2F !important; }

/* 12. Icons & accents */
.why-choose-one__icon { background: #82BD2F !important; color: #fff !important; }

/* 13. Slider text accent */
.main-slider__title em,
.main-slider__title span { color: #82BD2F !important; }

/* 14. Nav active & hover */
.main-menu__list > li.current > a,
.main-menu__list > li:hover > a { color: #82BD2F !important; }

/* 15. Devis button in nav */
.main-menu__btn-box .thm-btn { background-color: #82BD2F !important; }

/* 16. Mobile nav */
.mobile-nav__content { background: #1B6AB5 !important; }
.mobile-nav__close { color: #fff !important; }

/* 17. Sticky header */
.stricky-header.stricked-menu { background: #1B6AB5 !important; }

/* 18. Services features check */
.service-features li::before { color: #82BD2F !important; }

/* 19. Section À Propos — fond vert DAV */
.about-one {
    background-color: #82BD2F !important;
    background-image: none !important;
}
.about-one__big-text {
    color: rgba(255,255,255,0.15) !important;
}
.about-one__experience-box {
    background-color: #6aaa22 !important;
}
.about-one__counter-single {
    background: #ffffff !important;
}
.about-one__counter-content h3 {
    color: #1B6AB5 !important;
}
.about-one__counter-content span {
    color: #82BD2F !important;
}

/* ═══════════════════════════════════════════════════
   DAV — DESIGN FINAL : BLANC + BLEU + VERT
   Règle : Sections = BLANC, Header/Footer = BLEU,
   Boutons/Accents = VERT. Plus d'alternance.
═══════════════════════════════════════════════════ */

/* Toutes les sections → gris clair par défaut */
section {
    background-color: #F4F5F7 !important;
    background-image: none !important;
}

/* Sections alternées → gris légèrement plus clair */
.services-one,
.services-two,
.testimonial-one,
.blog-one {
    background-color: #EAEDF1 !important;
}

/* Section about-one : fond gris clair */
.about-one {
    background-color: #F4F5F7 !important;
}

/* Section why-choose → gris */
.why-choose-one {
    background-color: #EAEDF1 !important;
}

/* Section experience box → vert */
.about-one__experience-box,
.about-one__experience-count-box {
    background-color: #82BD2F !important;
}

/* Cartes compteurs → blanc */
.about-one__counter-single {
    background: #ffffff !important;
    border: 1px solid #dde8f5 !important;
    box-shadow: 0 4px 16px rgba(27,106,181,0.08) !important;
}

/* Section CTA → bleu */
.cta-two,
.cta-one,
.sc-cta-banner {
    background-color: #1B6AB5 !important;
}

/* Section fidélité → bleu foncé */
section[style*="linear-gradient"] {
    background: linear-gradient(135deg, #0d3a70 0%, #1B6AB5 100%) !important;
}

/* Section "4 étapes" → gris clair */
.work-process-one {
    background-color: #f5f8ff !important;
}

/* Footer → bleu foncé */
.site-footer {
    background-color: #0d3a70 !important;
}
.site-footer__bottom {
    background-color: #1B6AB5 !important;
}

/* Header top bar → bleu */
.main-menu__top {
    background-color: #1B6AB5 !important;
}

/* Slider → bleu avec overlay bleu */
.main-slider,
.main-slider .swiper-slide {
    background-color: #1B6AB5 !important;
}
.main-slider__bg:before {
    background-color: rgba(27, 106, 181, 0.80) !important;
}

/* Texte watermark section about → bleu très transparent */
.about-one__big-text {
    color: rgba(27,106,181,0.07) !important;
}

/* Page hero → bleu */
.sc-page-hero {
    background-color: #1B6AB5 !important;
}
.sc-page-hero::before {
    background: rgba(21, 88, 160, 0.78) !important;
}

/* Boutons → vert */
.thm-btn,
.thm-btn:not(.thm-btn--white) {
    background-color: #82BD2F !important;
    color: #ffffff !important;
    border-color: #82BD2F !important;
}
.thm-btn:hover {
    background-color: #6aaa22 !important;
    border-color: #6aaa22 !important;
}