.elementor-kit-894{--e-global-color-primary:#132A13;--e-global-color-secondary:#E5DCC3;--e-global-color-text:#4A5334;--e-global-color-accent:#000000;--e-global-color-6f0e8cf:#F6F4EF;--e-global-color-86b4fcd:#02010100;--e-global-typography-primary-font-family:"Playfair Display";--e-global-typography-primary-font-size:48px;--e-global-typography-primary-font-weight:700;--e-global-typography-primary-text-transform:uppercase;--e-global-typography-primary-font-style:normal;--e-global-typography-primary-text-decoration:none;--e-global-typography-primary-line-height:1.6em;--e-global-typography-primary-letter-spacing:-0.02em;--e-global-typography-primary-word-spacing:0em;--e-global-typography-secondary-font-family:"Playfair Display";--e-global-typography-secondary-font-size:36px;--e-global-typography-secondary-font-weight:700;--e-global-typography-secondary-text-transform:none;--e-global-typography-secondary-font-style:normal;--e-global-typography-secondary-text-decoration:none;--e-global-typography-secondary-line-height:1.5em;--e-global-typography-secondary-letter-spacing:-0.015em;--e-global-typography-secondary-word-spacing:0em;--e-global-typography-text-font-family:"Lato";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-text-transform:none;--e-global-typography-text-font-style:normal;--e-global-typography-text-text-decoration:none;--e-global-typography-text-line-height:1.6em;--e-global-typography-text-letter-spacing:0px;--e-global-typography-text-word-spacing:0em;--e-global-typography-accent-font-family:"Quattrocento Sans";--e-global-typography-accent-font-size:28px;--e-global-typography-accent-font-weight:400;--e-global-typography-accent-font-style:normal;--e-global-typography-accent-text-decoration:none;--e-global-typography-accent-line-height:1em;--e-global-typography-accent-letter-spacing:0em;--e-global-typography-accent-word-spacing:0em;--e-global-typography-500544d-font-family:"Poppins";--e-global-typography-500544d-font-size:18px;--e-global-typography-500544d-font-weight:400;--e-global-typography-500544d-text-transform:none;--e-global-typography-500544d-font-style:normal;--e-global-typography-500544d-text-decoration:none;--e-global-typography-500544d-line-height:1.4em;--e-global-typography-500544d-letter-spacing:0px;--e-global-typography-500544d-word-spacing:0px;background-color:var( --e-global-color-secondary );}.elementor-kit-894 e-page-transition{background-color:#FFBC7D;}.elementor-kit-894 a{color:var( --e-global-color-accent );}.elementor-kit-894 a:hover{color:var( --e-global-color-primary );}.elementor-kit-894 h4{color:var( --e-global-color-primary );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:100%;}.e-con{--container-max-width:100%;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-894{--e-global-typography-primary-font-size:48px;--e-global-typography-primary-line-height:1.6em;--e-global-typography-primary-letter-spacing:-0.02em;--e-global-typography-secondary-font-size:36px;--e-global-typography-secondary-line-height:1.5em;--e-global-typography-secondary-letter-spacing:-0.015em;--e-global-typography-text-font-size:16px;--e-global-typography-text-line-height:1.6em;--e-global-typography-accent-font-size:28px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-894{--e-global-typography-primary-font-size:42px;--e-global-typography-primary-line-height:1.6em;--e-global-typography-primary-letter-spacing:-0.02em;--e-global-typography-secondary-font-size:32px;--e-global-typography-secondary-line-height:1.5em;--e-global-typography-secondary-letter-spacing:-0.015em;--e-global-typography-text-font-size:15px;--e-global-typography-text-line-height:1.6em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* End Of Slide In From The Top Option */

.woocommerce-message {
    background-color: #02010100 !important; 
    border: none #132A13 !important;
    border-left: 2px solid #4A5334 !important;
    color: #132A13 !important;
    outline: none !important; /* Supprime la bordure de focus */
    box-shadow: none !important; /* Supprime l'ombre éventuelle */
}

.woocommerce-message::before {
    color: #132A13 !important;
}

/* Au cas où le focus persiste */
.woocommerce-message:focus {
    outline: none !important;
    box-shadow: none !important;
}

/*Hide ReCaptcha V3*/
.grecaptcha-badge {     visibility: hidden!important; }
/* ============================================
   POLICES PERSONNALISÉES
   ============================================ */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;600;700&family=Lato:wght@300;400;700&display=swap');

/* ============================================
   PAGE DE REMERCIEMENT - STYLES GÉNÉRAUX
   ============================================ */
.woocommerce-order-received {
  font-family: 'Lato', sans-serif;
}

/* Message de remerciement personnalisé */
.custom-thankyou-header {
  font-family: 'Oswald', sans-serif;
  font-size: 42px;
  font-weight: 700;
  color: #132A13 !important;
  text-align: center;
  margin: 30px 0 20px 0;
  line-height: 1.3;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.custom-thankyou-subheader {
  font-family: 'Lato', sans-serif;
  font-size: 20px;
  color: #4A5334 !important;
  text-align: center;
  margin-bottom: 40px;
  font-weight: 400;
}

/* ============================================
   TITRES ET SOUS-TITRES - COULEUR 1
   ============================================ */
.woocommerce-order h1,
.woocommerce-order h2,
.woocommerce-order h3,
.woocommerce-order h4,
.woocommerce-order-details__title,
.wc-block-order-confirmation-summary__title,
.woocommerce-column__title,
.woocommerce-order-overview__heading,
.woocommerce-thankyou-order-received {
  font-family: 'Oswald', sans-serif !important;
  color: #132A13 !important;
  font-weight: 600;
  background: transparent !important;
  border: none !important;
  letter-spacing: 0.5px;
}

.woocommerce-order h2 {
  font-size: 28px;
  margin-bottom: 20px;
}

.woocommerce-order h3 {
  font-size: 22px;
  margin-bottom: 15px;
}

/* ============================================
   TEXTES - COULEUR 2
   ============================================ */
.woocommerce-order p,
.woocommerce-order li,
.woocommerce-order td,
.woocommerce-order span,
.woocommerce-order div,
.woocommerce-order label,
.woocommerce-order-details,
.woocommerce-customer-details,
.woocommerce-order-overview li,
.woocommerce-table td,
.woocommerce-table th {
  font-family: 'Lato', sans-serif !important;
  color: #4A5334 !important;
}

/* ============================================
   FONDS TRANSPARENTS ET SUPPRESSION DES BORDURES
   ============================================ */
.woocommerce-order,
.woocommerce-order-details,
.woocommerce-customer-details,
.woocommerce-order-overview,
.woocommerce-table,
.woocommerce-table--order-details,
.shop_table,
.woocommerce-thankyou-order-details,
.woocommerce-order-downloads,
.woocommerce-bacs-bank-details,
.wc-block-order-confirmation-summary,
section.woocommerce-order-details,
section.woocommerce-customer-details {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.woocommerce-table tbody tr,
.woocommerce-table thead tr,
.woocommerce-table tfoot tr,
.shop_table tbody tr,
.shop_table thead tr,
.shop_table tfoot tr {
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid rgba(74, 83, 52, 0.15) !important;
}

.woocommerce-table td,
.woocommerce-table th,
.shop_table td,
.shop_table th {
  border: none !important;
  background: transparent !important;
  padding: 15px 10px;
}

/* Dernière ligne sans bordure */
.woocommerce-table tbody tr:last-child,
.shop_table tbody tr:last-child {
  border-bottom: none !important;
}

/* ============================================
   RÉCAPITULATIF DE COMMANDE (EN HAUT)
   ============================================ */
.woocommerce-order-overview {
  list-style: none !important;
  padding: 0 !important;
  margin: 30px 0 !important;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 15px;
}

.woocommerce-order-overview li {
  flex: 1 1 calc(25% - 15px);
  min-width: 200px;
  padding: 20px;
  background: rgba(19, 42, 19, 0.03) !important;
  border-radius: 8px;
  text-align: center;
}

/* Les titres (N° De Commande, Date, etc.) en Oswald et couleur 1 */
.woocommerce-order-overview li {
  font-family: 'Oswald', sans-serif !important;
  font-size: 14px;
  color: #132A13 !important;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* Le contenu (1082, novembre 2, etc.) en Lato et couleur 2 */
.woocommerce-order-overview li strong {
  font-family: 'Lato', sans-serif !important;
  font-size: 20px;
  color: #4A5334 !important;
  display: block;
  margin-top: 8px;
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
}

/* ============================================
   NOM DU PRODUIT - COULEUR 1 (plus petit)
   ============================================ */
.woocommerce-table__product-name a,
.product-name a,
td.product-name {
  font-family: 'Oswald', sans-serif !important;
  color: #132A13 !important;
  font-weight: 600;
  font-size: 16px;
  text-decoration: none;
}

.woocommerce-table__product-name a:hover,
.product-name a:hover {
  color: #4A5334 !important;
}

/* ============================================
   MASQUER LE LIEN GPX MAIS GARDER "Nom du fichier:"
   ============================================ */
.wc-item-meta {
  margin-top: 0px;
  padding-left: 0 !important;
  list-style: none !important;
}

.wc-item-meta li {
  margin-bottom: 5px;
  font-family: 'Lato', sans-serif !important;
  color: #4A5334 !important;
  font-size: 13px;
}

/* Masquer UNIQUEMENT les éléments qui contiennent "Fichier GPX:" */
.wc-item-meta li:has(strong:contains("Fichier GPX")) {
  display: none !important;
}

/* Solution alternative : masquer le premier item (généralement Fichier GPX) */
.wc-item-meta li:first-child:not(:last-child) {
  display: none !important;
}

/* Masquer les liens vers .gpx mais PAS le texte "Nom du fichier:" */
.wc-item-meta-value a[href*=".gpx"] {
  display: none !important;
}

/* Garder visible le label "Nom du fichier:" */
.wc-item-meta strong {
  font-weight: 600 !important;
  color: #4A5334 !important;
  font-family: 'Lato', sans-serif !important;
  font-size: 14px;
  display: inline !important;
}

/* Style pour le contenu des métadonnées */
.wc-item-meta-value {
  font-family: 'Lato', sans-serif !important;
  color: #4A5334 !important;
  font-weight: 400;
  font-size: 13px;
  display: inline !important;
}

/* Pour les variations en format dl/dt/dd */
dl.variation {
  font-family: 'Lato', sans-serif !important;
  margin-top: 10px;
}

dl.variation dt {
  font-weight: 600 !important;
  color: #4A5334 !important;
  font-family: 'Lato', sans-serif !important;
  font-size: 13px;
  display: inline;
  margin-right: 5px;
}

dl.variation dd {
  font-family: 'Lato', sans-serif !important;
  color: #4A5334 !important;
  font-weight: 400;
  margin: 0 0 8px 0;
  font-size: 13px;
  display: inline;
}

/* Masquer uniquement les liens .gpx dans dd, pas le texte */
dl.variation dd a[href*=".gpx"] {
  display: none !important;
}

/* ============================================
   IMAGE DU PRODUIT
   ============================================ */
/* Afficher l'image du produit dans le tableau */
.woocommerce-table__product-thumbnail,
.product-thumbnail {
  display: table-cell !important;
  width: 80px;
  padding-right: 15px !important;
}

.woocommerce-table__product-thumbnail img,
.product-thumbnail img {
  width: 80px;
  height: 80px;
  object-fit: cover;
  border-radius: 8px;
  border: 2px solid rgba(19, 42, 19, 0.1);
  transition: all 0.3s ease;
}

.woocommerce-table__product-thumbnail img:hover,
.product-thumbnail img:hover {
  transform: scale(1.05);
  border-color: rgba(19, 42, 19, 0.3);
}

/* Alignement du nom du produit avec l'image */
.woocommerce-table__product-name,
.product-name {
  vertical-align: middle;
}

/* Pour mobile : réduire la taille de l'image */
@media screen and (max-width: 768px) {
  .woocommerce-table__product-thumbnail,
  .product-thumbnail {
    width: 60px;
  }
  
  .woocommerce-table__product-thumbnail img,
  .product-thumbnail img {
    width: 60px;
    height: 60px;
  }
}

/* ============================================
   BOUTONS ET LIENS
   ============================================ */
.woocommerce-order a:not(.product-name a):not(.woocommerce-table__product-name a) {
  color: #132A13 !important;
  text-decoration: underline;
  transition: all 0.3s ease;
}

.woocommerce-order a:not(.product-name a):not(.woocommerce-table__product-name a):hover {
  color: #4A5334 !important;
}

.woocommerce-button,
.button {
  background-color: #132A13 !important;
  color: #ffffff !important;
  font-family: 'Oswald', sans-serif !important;
  border: none !important;
  padding: 12px 30px !important;
  border-radius: 5px;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  transition: all 0.3s ease;
}

.woocommerce-button:hover,
.button:hover {
  background-color: #4A5334 !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(19, 42, 19, 0.2);
}

/* ============================================
   ADRESSES CLIENT
   ============================================ */
.woocommerce-customer-details address {
  background: transparent !important;
  border: none !important;
  padding: 15px 0;
  font-style: normal;
}

.woocommerce-customer-details h2 {
  margin-top: 30px;
}

/* ============================================
   RESPONSIVE - MOBILE & TABLETTE
   ============================================ */
@media screen and (max-width: 768px) {
  .custom-thankyou-header {
    font-size: 32px;
    margin: 20px 0 15px 0;
  }

  .custom-thankyou-subheader {
    font-size: 18px;
    margin-bottom: 30px;
  }

  .woocommerce-order h2 {
    font-size: 24px;
  }

  .woocommerce-order h3 {
    font-size: 20px;
  }

  .woocommerce-order-overview {
    flex-direction: column;
  }

  .woocommerce-order-overview li {
    flex: 1 1 100%;
    min-width: 100%;
  }

  .woocommerce-table,
  .shop_table {
    font-size: 14px;
  }

  .woocommerce-table td,
  .woocommerce-table th,
  .shop_table td,
  .shop_table th {
    padding: 10px 5px;
  }

  .woocommerce-button,
  .button {
    width: 100%;
    padding: 15px 20px !important;
  }
}

@media screen and (max-width: 480px) {
  .custom-thankyou-header {
    font-size: 26px;
  }

  .custom-thankyou-subheader {
    font-size: 16px;
  }

  .woocommerce-order-overview li strong {
    font-size: 18px;
  }
}

/* ============================================
   ANIMATIONS SUBTILES
   ============================================ */
.woocommerce-order-overview li {
  animation: fadeInUp 0.6s ease-out;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Délai pour chaque élément */
.woocommerce-order-overview li:nth-child(1) { animation-delay: 0.1s; }
.woocommerce-order-overview li:nth-child(2) { animation-delay: 0.2s; }
.woocommerce-order-overview li:nth-child(3) { animation-delay: 0.3s; }
.woocommerce-order-overview li:nth-child(4) { animation-delay: 0.4s; }/* End custom CSS */