.elementor-2821 .elementor-element.elementor-element-6af39e4{--display:flex;--padding-top:40px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-2821 .elementor-element.elementor-element-6af39e4:not(.elementor-motion-effects-element-type-background), .elementor-2821 .elementor-element.elementor-element-6af39e4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-2821 .elementor-element.elementor-element-f53d03b{--display:flex;--overlay-opacity:0.04;--border-radius:20px 20px 20px 20px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-2821 .elementor-element.elementor-element-f53d03b:not(.elementor-motion-effects-element-type-background), .elementor-2821 .elementor-element.elementor-element-f53d03b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-2821 .elementor-element.elementor-element-f53d03b::before, .elementor-2821 .elementor-element.elementor-element-f53d03b > .elementor-background-video-container::before, .elementor-2821 .elementor-element.elementor-element-f53d03b > .e-con-inner > .elementor-background-video-container::before, .elementor-2821 .elementor-element.elementor-element-f53d03b > .elementor-background-slideshow::before, .elementor-2821 .elementor-element.elementor-element-f53d03b > .e-con-inner > .elementor-background-slideshow::before, .elementor-2821 .elementor-element.elementor-element-f53d03b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://green-tech.be/wp-content/uploads/2025/08/Bois.svg");--background-overlay:'';background-position:463px 429px;background-repeat:no-repeat;background-size:100% auto;}.elementor-2821 .elementor-element.elementor-element-f53d03b.e-con{--align-self:center;}.elementor-2821 .elementor-element.elementor-element-c137625 .elementor-heading-title{font-family:"IBM Plex Sans", Sans-serif;font-weight:700;color:#0D211E;}.elementor-2821 .elementor-element.elementor-element-b741545{width:var( --container-widget-width, 100% );max-width:100%;padding:0px 100px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-2821 .elementor-element.elementor-element-b741545.elementor-element{--align-self:center;}@media(max-width:1024px){.elementor-2821 .elementor-element.elementor-element-f53d03b::before, .elementor-2821 .elementor-element.elementor-element-f53d03b > .elementor-background-video-container::before, .elementor-2821 .elementor-element.elementor-element-f53d03b > .e-con-inner > .elementor-background-video-container::before, .elementor-2821 .elementor-element.elementor-element-f53d03b > .elementor-background-slideshow::before, .elementor-2821 .elementor-element.elementor-element-f53d03b > .e-con-inner > .elementor-background-slideshow::before, .elementor-2821 .elementor-element.elementor-element-f53d03b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}}@media(max-width:767px){.elementor-2821 .elementor-element.elementor-element-6af39e4{--padding-top:40px;--padding-bottom:40px;--padding-left:10px;--padding-right:10px;}.elementor-2821 .elementor-element.elementor-element-f53d03b::before, .elementor-2821 .elementor-element.elementor-element-f53d03b > .elementor-background-video-container::before, .elementor-2821 .elementor-element.elementor-element-f53d03b > .e-con-inner > .elementor-background-video-container::before, .elementor-2821 .elementor-element.elementor-element-f53d03b > .elementor-background-slideshow::before, .elementor-2821 .elementor-element.elementor-element-f53d03b > .e-con-inner > .elementor-background-slideshow::before, .elementor-2821 .elementor-element.elementor-element-f53d03b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 636px;}.elementor-2821 .elementor-element.elementor-element-f53d03b{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-2821 .elementor-element.elementor-element-b741545{padding:0px 0px 0px 0px;}}@media(min-width:768px){.elementor-2821 .elementor-element.elementor-element-f53d03b{--width:60%;}}/* Start custom CSS for shortcode, class: .elementor-element-b741545 */#affwp-custom-link-generator{
    display:none;
}

.elementor-2821 .elementor-element.elementor-element-b741545 button {
    background-color:#000 !important;
    border: none !important;
    border-radius: 10px !important;
    color: #FFF !important;
}
/* Masque les onglets inutiles en ciblant leur lien
#affwp-affiliate-dashboard-tabs a[href*="tab=creatives"],
#affwp-affiliate-dashboard-tabs a[href*="tab=stats"],
#affwp-affiliate-dashboard-tabs a[href*="tab=graphs"],
#affwp-affiliate-dashboard-tabs a[href*="tab=visits"],
#affwp-affiliate-dashboard-tabs a[href*="tab=coupons"] {
    display: none !important;
}*/

#affwp-affiliate-dashboard #affwp-affiliate-dashboard-tabs li {
    color:#FFF !important;
    font-size: 18px !important;
}

/* Style de base des onglets inactifs */
#affwp-affiliate-dashboard-tabs li {
    background-color: transparent !important;
    border: none !important;
    border-bottom: 2px solid #e0e0e0 !important; /* Ligne de séparation fine */
    margin-right: 15px !important;
    padding: 0 !important;
}

/* Style des liens (texte) dans les onglets inactifs */
#affwp-affiliate-dashboard-tabs li a {
    color: #888888 !important;              /* Texte gris clair */
    padding: 10px 0 !important;
    display: block !important;
}

/* Effet au survol (HOVER) */
#affwp-affiliate-dashboard-tabs li a:hover {
    color: #0D211E !important;
}

/* Style de l'onglet actif (FOND VERT) */
#affwp-affiliate-dashboard-tabs li.active {
    background-color: #0D211E !important; /* COULEUR VERTE PLEINE */
    border: 1px solid #0D211E!important;  /* Bordure de la même couleur */
    border-bottom: 1px solid #0D211E !important; /* TRUC : Garde la bordure du bas verte pour englober tout l'onglet */
    border-radius: 4px 4px 0 0 !important;
    
}

/* Style du texte dans l'onglet actif */
#affwp-affiliate-dashboard-tabs li.active a {
    color: #FFFFFF !important; /* Texte blanc pour le contraste */
    font-weight: bold !important;
    padding: 10px 15px !important;
}

#affwp-affiliate-dashboard-tab-comment-cela-fonctionne h2 {
    color: #14312D !important; /* Changer la couleur du titre */
    font-size: 28px !important; /* Changer la taille du titre */
    margin-top: 30px !important; /* Ajouter un espacement au-dessus */
    padding-bottom: 5px;
}
/* 1. STYLE DES ÉLÉMENTS INTERNES (FOND CONTINU) */
/* Applique le fond et supprime les marges à tous les paragraphes après le H2 */
#affwp-affiliate-dashboard-tab-comment-cela-fonctionne h2 ~ p {
    background-color: #f9f9f9 !important; /* Couleur du fond gris très clair */
    border-left: 1px solid #e0e0e0 !important; /* Ajoute les bordures latérales */
    border-right: 1px solid #e0e0e0 !important;
    border-top: none !important;             /* Supprime la bordure du haut/bas pour les éléments centraux */
    border-bottom: none !important;
    margin: 0 !important;                    /* ESSENTIEL : Supprime les marges entre les <p> */
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-top: 5px !important;             /* Petite marge intérieure pour le texte */
    padding-bottom: 5px !important;
}

/* 2. STYLE DES BORDS DU HAUT (Sur le premier paragraphe du message) */
/* Cible le paragraphe juste après le H2 */
#affwp-affiliate-dashboard-tab-comment-cela-fonctionne h2 + p {
    border-top: 1px solid #e0e0e0 !important; /* Bordure du haut */
    margin-top: 15px !important;             /* Espace entre le H2 et la boîte */
    border-radius: 12px 12px 0 0 !important; /* Coins arrondis en haut */
    padding-top: 20px !important;            /* Épaisseur du haut */
}

/* 3. STYLE DES BORDS DU BAS (Sur le dernier paragraphe) */
/* Cible le dernier paragraphe de l'onglet */
#affwp-affiliate-dashboard-tab-comment-cela-fonctionne p:last-of-type {
    border-bottom: 1px solid #e0e0e0 !important; /* Bordure du bas */
    border-radius: 0 0 12px 12px !important;    /* Coins arrondis en bas */
    padding-bottom: 20px !important;            /* Épaisseur du bas */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-58b1b4d *//* Style du bouton "Copier le Coupon" */
#bouton-copier-coupon-flottant {
    background-color: #4CAF50; /* Ton vert */
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    font-weight: bold;
    transition: background-color 0.3s;
    
    /* Positionnement et marge */
    margin-top: 15px; 
}

#bouton-copier-coupon-flottant:hover {
    background-color: #45A049; 
}/* End custom CSS */