/* ==========================================================
   WeaselPixel Design System
   Fichier : weaselpixel-theme.css
   Rôle : thèmes couleurs
   ========================================================== */

.theme-yellow,
.wp-yellow{
    --wp-accent:#ffb703;
    --wp-accent-contrast:#151922;
}

.theme-green,
.wp-green{
    --wp-accent:#889f2d;
    --wp-accent-contrast:#ffffff;
}

.theme-dark{
    --wp-accent:#151922;
    --wp-accent-contrast:#ffffff;
}

.theme-white{
    --wp-accent:#ffffff;
    --wp-accent-contrast:#151922;
}

#cookieConsent {
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            background-color: #333;
            color: white;
            text-align: center;
            padding: 15px;
            display: none; /* Masqué par défaut */
            z-index: 1000;
        }
        #cookieConsent button {
            background-color: #879f2d;
            color: white;
            border: none;
            padding: 10px 20px;
            border-radius: 5px;
            cursor: pointer;
            transition: background-color 0.3s, transform 0.3s; /* Ajout de la transition */
        }
        #cookieConsent button:hover {
            background-color: #a0b92d; /* Couleur au rollover */
            transform: scale(1.05); /* Effet de zoom */
        }
        #cookieConsent a {
            color: white;
            text-decoration: none;
        }
        #cookieConsent a:hover {
            color: #879f2d;
        }

        /* Bloc SEO local homepage : liens vers les pages villes */
        .local-seo-home-box {
            background: #f6f8ef;
            border-left: 4px solid #879f2d;
            padding: 34px 36px;
            margin-top: 30px;
        }
        .local-link-list {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            margin: 20px 0 0;
            padding: 0;
            list-style: none;
        }
            /* STYLE-BOUTONS-LOCAUX */
            .local-link-list li {
                margin: 0;
                padding: 0;
                list-style: none;
                background: transparent;
                border: 0;
                border-radius: 0;
            }
            .local-link-list .rr-primary-btn.blog-btn {
                background: transparent !important;
                color: #151922 !important;
                border: 1px solid #151922 !important;
                border-radius: 0 !important;
                box-shadow: none !important;
            }
            .local-link-list .rr-primary-btn.blog-btn:before {
                background-color: #879f2d !important;
            }
            .local-link-list .rr-primary-btn.blog-btn:hover {
                background-color: #879f2d !important;
                color: #ffffff !important;
                border-color: #879f2d !important;
            }
            .local-link-list .rr-primary-btn.blog-btn i {
                color: inherit !important;
            }
        .local-link-list li a {
            color: #151922;
            text-decoration: none;
        }
        .local-link-list li a:hover {
            color: #879f2d;
        }

.wp-home-copy .section-title { font-size: clamp(26px, 3vw, 38px); line-height: 1.25; }
.wp-home-copy p { max-width: 1000px; }
.service-section-6 .service-card-2 .content p { margin-top: 12px; }

.slider-section .wp-slide-grey { --wp-slide-text: #151922; }
.slider-section .wp-slide-yellow { --wp-slide-text: #ffffff; }
.slider-section .slider-item .section-title,
.slider-section .slider-item .sub-heading { color: var(--wp-slide-text); }
.slider-section .slider-item .slider-text-btn:not(:hover):not(:focus-visible) { color: var(--wp-slide-text); }
.slider-section .slider-text-btn:focus-visible { color: var(--rr-color-theme-primary); }

.wp-home-intro h1 { font-size: clamp(32px, 4vw, 54px); line-height: 1.15; margin-bottom: 20px; }
.wp-home-intro h2 { font-size: clamp(25px, 3vw, 38px); line-height: 1.3; margin-bottom: 25px; }
.wp-home-split .section-title,
.wp-home-wide .section-title,
.service-section-6 .section-title,
.process-section-3 .section-title { font-size: clamp(26px, 3vw, 38px); line-height: 1.25; }
.wp-home-illustration { width: 100%; height: auto; display: block; }
.service-card-wrap .service-card-2:not(:hover) .icon { background: #f2f2f2; }
.process-section-3 .process-item-wrap { height: 100%; }
.process-section-3 .process-item-2 { height: 100%; display: flex; flex-direction: column; align-items: center; }
.process-section-3 .process-bottom { margin-top: auto; width: 100%; }
.process-section-3 .process-bottom p { min-height: 5em; }

.wp-services-placeholder { width: 100%; height: auto; display: block; }

.sidebar-close { enable-background: new 0 0 16 12.7; }

.slider-section .runok-slider-2 .slider-item.wp-slide-grey .slider-content .section-heading .section-title,
.slider-section .runok-slider-2 .slider-item.wp-slide-grey .slider-content .section-heading .sub-heading,
.slider-section .runok-slider-2 .slider-item.wp-slide-grey .slider-content .section-heading .section-title *,
.slider-section .runok-slider-2 .slider-item.wp-slide-grey .slider-content .section-heading .sub-heading * {
    color: #151922;
}