/* =============================================
   PERSONNALISATION PETITPOUSS — CHARTE OFFICIELLE
   Remplace le thème bleu-vert par :
   Jaune doré luxueux #D4A800  |  Gris foncé luxueux #1A1D20
   Vert #00A650                |  Jaune vif #FF8200
   ============================================= */

/* === SURCHARGE DES VARIABLES CSS === */
:root {
    --tg-theme-primary: #D4A800;         /* Jaune doré luxueux */
    --tg-color-dark-theme: #1A1D20;      /* Gris foncé luxueux */
    --tg-heading-color: #1A1D20;         /* Titres en gris foncé */
    --tg-color-yellow-default: #D4A800;  /* Jaune par défaut */

    /* Gris bleutés → gris foncés */
    --tg-color-gray-1: #1A1D20;
    --tg-color-gray-2: #25282B;
    --tg-color-gray-3: #0D0F12;
    --tg-color-gray-5: #1A1D20;
    --tg-color-gray-6: #1A1D20;
    --tg-color-gray-7: #15181B;
    --tg-color-gray-8: #14171A;

    /* Noirs bleutés → gris foncés */
    --tg-color-black-1: #1A1D20;
    --tg-color-black-2: #0D0F12;
    --tg-color-black-3: #1A1D20;

    /* Fonds fumés → neutres */
    --tg-color-smoke-2: #E8E8E8;
    --tg-color-smoke-4: #F5F5F5;
    --tg-color-smoke-6: #5A5D60;

    /* Bordures */
    --tg-border-7: #2D3033;
    --tg-border-8: #4A4D51;
    --tg-border-9: #1A1D20;
}

/* =============================================
   CARTES WHY CHOOSE US — FONDS COLORÉS
   ============================================= */
.wcu-card {
    border-radius: 12px;
    padding: 35px 30px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border-left: 4px solid transparent;
}
.wcu-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.08) !important;
}
.wcu-card-color1 {
    background: rgba(212, 168, 0, 0.06);
    border-left-color: #D4A800;
}
.wcu-card-color2 {
    background: rgba(0, 166, 80, 0.06);
    border-left-color: #00A650;
}
.wcu-card-color3 {
    background: rgba(255, 130, 0, 0.06);
    border-left-color: #FF8200;
}
.wcu-card-color4 {
    background: rgba(26, 29, 32, 0.04);
    border-left-color: #1A1D20;
}

/* =============================================
   COUNTER CARDS — FONDS COLORÉS
   ============================================= */
.counter-card.counter-card-color1 {
    background: rgba(212, 168, 0, 0.07) !important;
}
.counter-card.counter-card-color2 {
    background: rgba(0, 166, 80, 0.07) !important;
}
.counter-card.counter-card-color3 {
    background: rgba(26, 29, 32, 0.05) !important;
}

/* Textes des compteurs - NOIR BIEN VISIBLE */
.counter-card_text {
    color: #000000 !important;
    font-weight: 400;
}

/* Titres des compteurs */
.counter-card_title {
    color: #000000 !important;
    font-weight: 700;
}

/* Sous-titres des compteurs */
.counter-card_subtitle {
    color: #333333 !important;
    font-weight: 600;
}

/* Textes des features/domaines d'expertise - NOIR */
.box-text {
    color: #000000 !important;
}

/* Titres des features */
.box-title {
    color: #000000 !important;
    font-weight: 700;
}

/* Tous les paragraphes dans les cartes - NOIR */
.wcu-card p,
.counter-card p,
.feature-card p {
    color: #000000 !important;
}

/* Titres dans les cartes - NOIR */
.wcu-card h4,
.counter-card h3,
.feature-card h4 {
    color: #000000 !important;
}

/* =============================================
   CORRECTION FOOTER - TEXTE BLANC SUR VERT
   ============================================= */

/* Tous les textes du footer en BLANC */
.footer__area p,
.footer__area h4,
.footer__widget-title,
.footer__content,
.footer-contact_text,
.footer-contact_link {
    color: #FFFFFF !important;
}

/* Icônes du footer en BLANC */
.footer__area svg,
.footer__area i,
.footer__area .icon-btn {
    fill: #FFFFFF !important;
    color: #FFFFFF !important;
}

/* Liens du footer en BLANC */
.footer__area a {
    color: #FFFFFF !important;
}

.footer__area a:hover {
    color: #FF8200 !important; /* Orange au survol */
}

/* Input newsletter */
.footer__newsletter-form input {
    background: rgba(255, 255, 255, 0.1) !important;
    color: #FFFFFF !important;
}

.footer__newsletter-form input::placeholder {
    color: rgba(255, 255, 255, 0.7) !important;
}

/* Icône envelope - BLANC BIEN VISIBLE - FORCE MAXIMALE */
.footer__newsletter-form .form-icon i,
.footer__newsletter-form .form-icon .fa-envelope,
.footer__newsletter-form i.fa-envelope,
.footer__area .form-icon i {
    color: #FFFFFF !important;
    fill: #FFFFFF !important;
    background-color: transparent !important;
}

/* Positionnement de l'icône */
.footer__newsletter-form .form-icon,
.footer__area .form-icon {
    color: #FFFFFF !important;
    background-color: transparent !important;
}

/* Liens - NOIR (sauf survol) */
.box-title a {
    color: #000000 !important;
    text-decoration: none;
}

.box-title a:hover {
    color: var(--tg-theme-primary, #FF8200) !important;
}

/* Texte général - S'assurer que tout est bien noir */
p, .text, .content {
    color: #000000;
}

/* Fond blanc pour assurer le contraste */
.wcu-card,
.counter-card,
.feature-card {
    background-color: #FFFFFF !important;
}

/* =============================================
   PAGE DÉTAILS DES SERVICES - TEXTE NOIR
   ============================================= */

/* Titre du service */
.service__details-content .title {
    color: #000000 !important;
    font-weight: 700;
}

/* Tous les paragraphes et contenus dans les détails */
.service__details-content p,
.service__details-content div,
.service__details-content h2,
.service__details-content h3,
.service__details-content h4,
.service__details-content h5,
.service__details-content h6,
.service__details-content li,
.service__details-content ul,
.service__details-content ol,
.service__details-content blockquote {
    color: #000000 !important;
}

/* Listes à puces */
.service__details-content ul li,
.service__details-content ol li {
    color: #000000 !important;
    margin-bottom: 10px;
}

/* Citations */
.service__details-content blockquote {
    border-left: 4px solid #00A650; /* Vert Niger */
    padding-left: 20px;
    font-style: italic;
    background: #f9f9f9;
    padding: 15px 20px;
    margin: 20px 0;
}

/* Titres dans le contenu */
.service__details-content h2 {
    color: #000000 !important;
    font-size: 28px;
    margin-top: 30px;
    margin-bottom: 20px;
}

.service__details-content h3 {
    color: #000000 !important;
    font-size: 22px;
    margin-top: 25px;
    margin-bottom: 15px;
}

.service__details-content h4 {
    color: #000000 !important;
    font-size: 18px;
    margin-top: 20px;
    margin-bottom: 10px;
}

/* Textes en gras */
.service__details-content strong {
    color: #000000 !important;
    font-weight: 700;
}