.elementor-kit-39{--e-global-color-primary:#162A19;--e-global-color-secondary:#FBF7F0;--e-global-color-text:#020202;--e-global-color-accent:#020202;--e-global-color-2c5420a:#162A19D1;--e-global-color-0b8d345:#EADA0F;--e-global-color-851a23e:#B61F1F;--e-global-color-f4d8762:#264429;--e-global-color-8828f1c:#1D331F;--e-global-typography-primary-font-family:"Manrope";--e-global-typography-primary-font-size:3rem;--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Manrope";--e-global-typography-secondary-font-size:2rem;--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:1rem;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.6em;--e-global-typography-accent-font-family:"Poppins";--e-global-typography-accent-font-size:1rem;--e-global-typography-accent-font-weight:500;--e-global-typography-413f982-font-family:"Inter";--e-global-typography-413f982-font-size:1.5rem;--e-global-typography-413f982-font-weight:500;--e-global-typography-caf07e6-font-family:"Inter";--e-global-typography-caf07e6-font-size:0.9rem;background-color:var( --e-global-color-secondary );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-39 e-page-transition{background-color:#FFBC7D;}.elementor-kit-39 a{color:#726533;font-family:"Inter", Sans-serif;font-size:1rem;font-weight:700;line-height:1.6em;}.elementor-kit-39 a:hover{color:var( --e-global-color-8828f1c );}.elementor-kit-39 h1{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-39 h2{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-kit-39 h3{font-family:var( --e-global-typography-413f982-font-family ), Sans-serif;font-size:var( --e-global-typography-413f982-font-size );font-weight:var( --e-global-typography-413f982-font-weight );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-39{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-39 h1{font-size:var( --e-global-typography-primary-font-size );}.elementor-kit-39 h2{font-size:var( --e-global-typography-secondary-font-size );}.elementor-kit-39 h3{font-size:var( --e-global-typography-413f982-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-39{--e-global-typography-primary-line-height:1.3em;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-39 h1{font-size:var( --e-global-typography-primary-font-size );}.elementor-kit-39 h2{font-size:var( --e-global-typography-secondary-font-size );}.elementor-kit-39 h3{font-size:var( --e-global-typography-413f982-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* H1 Bindzen gradient — sans coupure de mots */

h1 {
  background: linear-gradient(135deg, #a2d4b6, #49b37f);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  word-break: normal;
  overflow-wrap: normal;
  white-space: normal;
  display: inline;
}

#btn-primary,.sticky-cta-mobile, .woocommerce .cart .button, .woocommerce .cart input.button{
  background: linear-gradient(135deg, #dbeadd, #a2d4b6); /* vert clair gradient */
  color: #ffffff;
  border: none;
  padding: 14px 28px;
  border-radius: 999px;
  font-size: 16px;
  font-weight: 600;
  font-family: 'Inter', sans-serif;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  z-index: 1;
  overflow: hidden;
}

#btn-primary::before, .woocommerce .cart .button::before, 
.woocommerce .cart input.button::before,.sticky-cta-mobile::before{
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 200%;
  height: 100%;
  background: linear-gradient(135deg, #264429, #162a19);
  transition: all 0.45s ease;
  z-index: -1;
}

#btn-primary:hover::before,.woocommerce .cart .button:hover::before,
.woocommerce .cart input.button:hover::before, .sticky-cta-mobile:hover::before{
  left: 0;
}

#btn-primary:hover, .button.button#place_order:hover, .sticky-cta-mobile:hover{
  color: #FBF7F0;
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
}
/* Bouton Secondaire - Style Minimaliste & Élégant (ID #btn-secondary) */
#btn-secondary {
  background: transparent !important;
  color: #1f3a2d !important;
  border: 2px solid #162a19 !important;
  padding: 12px 26px !important;
  border-radius: 999px !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  font-family: 'Inter', sans-serif !important;
  box-shadow: none !important;
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
  cursor: pointer !important;
  display: inline-block !important;
  text-decoration: none !important;
  line-height: normal !important;
}

/* Effet Hover - Léger remplissage & Animation */
#btn-secondary:hover {
  background: rgba(162, 212, 182, 0.15) !important;
  color: #1f3a2d !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;
  border-color: #7ac29a !important;
}
/* Nettoyage : icône Woo dans la notice */
.woocommerce-message::before { content: none !important; }
.woocommerce-message { padding-left: 0 !important;
margin-top :20px}
/* caché par défaut (desktop) */
.sticky-cta-mobile { display: none; }

@media (max-width: 768px) {
  .sticky-cta-mobile{
    position: fixed;
    left: 0; right: 0; bottom: 0;
    z-index: 9999;
    display: block;
    text-align: center;
    color:white !important;
    margin: 0;
    padding: 14px 16px;
    border-radius: 0;            /* btn-primary gère le style, on laisse full width */
  }
  /* évite que le CTA recouvre le contenu */
  body.has-sticky-cta { padding-bottom: 72px; }
}
 .user-icon {
            position: relative;
            display: inline-block;
            font-size: 2rem;
            color: transparent;
            -webkit-text-stroke: 2px transparent;
              margin-left: 15px; /* ← Décale vers la droite */
    padding-left: 10px; /* ← Espace interne à gauche */
        }

        .user-icon::before {
            content: '\f007'; /* Code Unicode pour l'icône user */
            font-family: 'Font Awesome 6 Free';
            font-weight: 900;
            position: relative;
            z-index: 2;
        }

        .user-icon::after {
            content: '';
            position: absolute;
            top: -4px;
            left: -4px;
            right: -4px;
            bottom: -4px;
            background: linear-gradient(135deg, #59b06a, #162a19);
            -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M224 256c70.7 0 128-57.3 128-128S294.7 0 224 0S96 57.3 96 128s57.3 128 128 128zm-45.7 48C79.8 304 0 383.8 0 482.3C0 498.7 13.3 512 29.7 512H418.3c16.4 0 29.7-13.3 29.7-29.7C448 383.8 368.2 304 269.7 304H178.3z'/%3E%3C/svg%3E") center/contain no-repeat;
            mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M224 256c70.7 0 128-57.3 128-128S294.7 0 224 0S96 57.3 96 128s57.3 128 128 128zm-45.7 48C79.8 304 0 383.8 0 482.3C0 498.7 13.3 512 29.7 512H418.3c16.4 0 29.7-13.3 29.7-29.7C448 383.8 368.2 304 269.7 304H178.3z'/%3E%3C/svg%3E") center/contain no-repeat;
            z-index: 1;
        }

    /* ===== FOND GRADIENT VERT BINDZEN ===== */

/* Version alternative plus foncée */
#bindzen-gradient-dark {
    background: linear-gradient(135deg, #1d331f 0%, #264429 50%, #162a19 100%);
    padding: 60px 0;
}

/* Version animée */
#bindzen-gradient-animated {
    background: linear-gradient(135deg, #1d331f, #264429, #162a19);
    background-size: 200% 200%;
    animation: gradientAnimation 4s ease infinite;
    padding: 60px 0;
}

@keyframes gradientAnimation {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* Responsive */
@media (max-width: 768px) {
    #bindzen-gradient-dark,
    #bindzen-gradient-animated {
        background-attachment: scroll;
        padding: 40px 0;
    }
}

/* ===== BOUTONS CONTOUR BLANC - VERSION ID ===== */
#bindzen-btn-white {
    display: inline-block;
    padding: 15px 30px;
    background: transparent;
    color: white !important;
    border: 2px solid white;
    border-radius: 50px;
    text-decoration: none;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 16px;
    text-align: center;
    transition: all 0.3s ease;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

/* Effet de survol - lumière */
#bindzen-btn-white::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: left 0.5s ease;
}

#bindzen-btn-white:hover::before {
    left: 100%;
}

/* Effet de survol principal */
#bindzen-btn-white:hover {
    background: rgba(255, 255, 255, 0.1);
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(255, 255, 255, 0.2);
}

/* ===== VARIANTES AVEC IDs DIFFÉRENTS ===== */

/* Version reverse */
#bindzen-btn-white-reverse {
    display: inline-block;
    padding: 15px 30px;
    color: #1f3a2d !important;
    background: #FBF7F0;
    border: 2px solid white;
    border-radius: 50px;
    text-decoration: none;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 16px;
    text-align: center;
    transition: all 0.3s ease;
    cursor: pointer;
}

#bindzen-btn-white-reverse:hover {
    background: transparent;
    color: white !important;
    border-color: white;
    transform: translateY(-2px);
}

/* Version petite */
#bindzen-btn-white-small {
    display: inline-block;
    padding: 10px 20px;
    background: transparent;
    color: white !important;
    border: 2px solid white;
    border-radius: 50px;
    text-decoration: none;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 14px;
    text-align: center;
    transition: all 0.3s ease;
    cursor: pointer;
}

#bindzen-btn-white-small:hover {
    background: rgba(255, 255, 255, 0.1);
    transform: translateY(-2px);
}

/* Version grande */
#bindzen-btn-white-large {
    display: inline-block;
    padding: 18px 35px;
    background: transparent;
    color: white !important;
    border: 2px solid white;
    border-radius: 50px;
    text-decoration: none;
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 18px;
    text-align: center;
    transition: all 0.3s ease;
    cursor: pointer;
}

#bindzen-btn-white-large:hover {
    background: rgba(255, 255, 255, 0.1);
    transform: translateY(-2px);
}

/* Version pulsation */
#bindzen-btn-white-pulse {
    display: inline-block;
    padding: 15px 30px;
    background: transparent;
    color: white !important;
    border: 2px solid white;
    border-radius: 50px;
    text-decoration: none;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 16px;
    text-align: center;
    transition: all 0.3s ease;
    cursor: pointer;
    animation: pulseWhite 2s infinite;
}

@keyframes pulseWhite {
    0% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2); }
    70% { box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); }
    100% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); }
}

#bindzen-btn-white-pulse:hover {
    background: rgba(255, 255, 255, 0.1);
    animation: none;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
    #bindzen-btn-white,
    #bindzen-btn-white-reverse,
    #bindzen-btn-white-pulse {
        padding: 12px 25px;
        font-size: 15px;
    }
    
    #bindzen-btn-white-large {
        padding: 15px 30px;
        font-size: 16px;
    }
}

/* BOUTON PREMIUM BINDZEN – ANIMÉ ET ELEGANT */

.ff-btn-submit,
.fluentform .ff-btn {
  background: linear-gradient(135deg, #dbeadd, #264429); /* vert clair gradient */
  color: #1f3a2d;
  border: none;
  padding: 14px 28px;
  border-radius: 999px;
  font-size: 16px;
  font-weight: 600;
  font-family: 'Inter', sans-serif;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.ff-btn-submit::before,
.fluentform .ff-btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 200%;
  height: 100%;
  background: linear-gradient(135deg, #a2d4b6, #162a19);
  transition: all 0.45s ease;
  z-index: -1;
}

.ff-btn-submit:hover::before,
.fluentform .ff-btn:hover::before {
  left: 0;
}

.ff-btn-submit:hover,
.fluentform .ff-btn:hover {
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
}
.ff-el-form-check-label{
    color: #fff;
}
/* ===== Bindzen – Warranty Form ===== */
#warranty_form{
  max-width: 760px;
  margin: 0 auto 48px;
  background:#ffffff;
  border:1px solid #dbeadd;
  border-radius:16px;
  padding:24px;
  box-shadow:0 6px 22px rgba(0,0,0,.06);
}

/* Espacement harmonisé entre champs */
#warranty_form .form-row,
#warranty_form .form-group,
#warranty_form p,
#warranty_form div.warranty-field,
#warranty_form .input-wrap{
  margin-bottom:16px;
}

/* Labels */
#warranty_form label{
  display:block;
  margin:0 0 6px;
  color:#1f3a2d;
  font-weight:700;
  letter-spacing:.2px;
}

/* Inputs, selects, textarea */
#warranty_form input[type="text"],
#warranty_form input[type="email"],
#warranty_form input[type="tel"],
#warranty_form input[type="number"],
#warranty_form input[type="url"],
#warranty_form input[type="date"],
#warranty_form input[type="file"],
#warranty_form select,
#warranty_form textarea{
  width:100%;
  min-height:48px;
  padding:10px 14px;
  border:2px solid #dbeadd;
  border-radius:12px;
  background:#fff;
  color:#1f3a2d;
  font-weight:600;
  line-height:1.2;
  transition:all .25s ease;
  box-shadow:0 1px 0 rgba(0,0,0,.02) inset;
}

/* Select : flèche custom + pas de hover gris */
#warranty_form select{
  -webkit-appearance:none; appearance:none;
  padding-right:44px;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%231f3a2d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");
  background-repeat:no-repeat;
  background-position:right 14px center;
  background-size:16px;
}
#warranty_form select:hover{ background-color:#fff; }

/* Focus states */
#warranty_form input:focus,
#warranty_form select:focus,
#warranty_form textarea:focus{
  outline:none;
  border-color:#49b37f;
  box-shadow:0 0 0 4px rgba(73,179,127,.15);
}

/* Textarea */
#warranty_form textarea{ min-height:140px; resize:vertical; }

/* Petites aides/notes */
#warranty_form .description,
#warranty_form .help,
#warranty_form .hint{
  font-size:12.5px;
  color:#405a4f;
  margin-top:6px;
  opacity:.9;
}

/* File input visuel neutre */
#warranty_form input[type="file"]{
  background:#f8fbf9;
}

/* Boutons – style .btn-primary (à appliquer via JS ci-dessous) */
.btn-primary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:48px;
  padding:12px 22px;
  border-radius:999px;
  border:none;
  cursor:pointer;
  font-weight:800;
  font-size:16px;
  color:#fff;
  background:linear-gradient(135deg, #a2d4b6, #49b37f);
  box-shadow:0 8px 20px rgba(73,179,127,.25);
  transition:transform .2s ease, box-shadow .2s ease, background .25s ease;
}
.btn-primary:hover{
  transform:translateY(-1px);
  background:linear-gradient(135deg, #49b37f, #1f3a2d);
  box-shadow:0 10px 26px rgba(31,58,45,.28);
}
.btn-primary:focus{
  outline:none;
  box-shadow:0 0 0 4px rgba(73,179,127,.18);
}
.btn-primary:disabled,
.btn-primary[disabled]{ opacity:.6; cursor:not-allowed; }

/* Centrage du bouton d’envoi */
#warranty_form .form-actions,
#warranty_form .actions,
#warranty_form .submit-wrap{
  text-align:center;
}
#warranty_form input[type="submit"],
#warranty_form button[type="submit"]{
  margin:8px auto 0; /* centré */
  display:inline-flex;
}

/* Anti-hover gris global (sécu) */
#warranty_form *:hover{ background-color:inherit; }

/* Responsive resserré */
@media (max-width: 480px){
  #warranty_form{ padding:18px; border-radius:14px; }
  .btn-primary{ min-height:46px; }
}
/* Cacher tous les petits liens "Demander un retour" hors du tableau */
.woocommerce-view-order a.warranty-button.button { 
  display: none !important; 
}

/* Ré-afficher uniquement le bouton de la ligne "Actions" du tableau */
.woocommerce-view-order .woocommerce-table--order-details tfoot a.warranty-button.button {
  display: inline-flex !important;
}
/* ===== Bindzen – Notice Info WooCommerce ===== */
.woocommerce .woocommerce-info{
  position: relative;
  margin: 16px 0 24px;
  padding: 14px 16px 14px 56px;                 /* place pour l’icône */
  background: #f8fbf9;
  border: 1px solid #dbeadd;                    /* vert très clair */
  border-radius: 14px;
  color: #1f3a2d;                               /* vert foncé */
  box-shadow: 0 6px 22px rgba(0,0,0,.06);
}

/* Icône info (pastille verte + “i”) */
.woocommerce .woocommerce-info::before{
  content: "";
  position: absolute; left: 16px; top: 50%;
  width: 28px; height: 28px; transform: translateY(-50%);
  border-radius: 50%;
  background: linear-gradient(135deg,#a2d4b6,#49b37f);
}
.woocommerce .woocommerce-info::after{
  content: "";
  position: absolute; left: 16px; top: 50%;
  width: 28px; height: 28px; transform: translateY(-50%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px;
  /* “i” blanc */
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10'/><line x1='12' y1='16' x2='12' y2='12'/><line x1='12' y1='8' x2='12' y2='8'/></svg>");
}

/* Typo interne */
.woocommerce .woocommerce-info p{ margin: 0; line-height: 1.5; }
.woocommerce .woocommerce-info a{ color: #1f3a2d; text-decoration: underline; }
.woocommerce .woocommerce-info a:hover{ text-decoration: none; color:#0f251d; }

/* Bouton interne (ex: “Entrez un code promo”, actions, etc.) */
.woocommerce .woocommerce-info .button{
  display: inline-flex; align-items: center; justify-content: center;
  gap: 8px;
  min-height: 40px; padding: 8px 16px;
  border-radius: 999}/* End custom CSS */