/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 3.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* PART 1 - Before Lazy Load */
img[data-lazyloaded]{
    opacity: 0;
}
/* PART 2 - Upon Lazy Load */
img.litespeed-loaded{
    -webkit-transition: opacity .5s linear 0.2s;
    -moz-transition: opacity .5s linear 0.2s;
    transition: opacity .5s linear 0.2s;
    opacity: 1;
}

.elementor-widget-icon .elementor-icon {
	display:block!important;
}
selector .variations td {
    background-color: transparent !important;
}

selector .variations select {
    background-color: transparent !important;
}
selector .variations th,
selector .variations label {
    background-color: transparent !important;
}

.elementor-quantity .quantity input { border-radius: 0px !important; }
input.qty.text { border-radius: 0px !important; }
.quantity { border-radius: 0px !important; }

/* Mettre quantité et bouton sur la même ligne */
selector .cart {
    display: flex !important;
    align-items: center !important;
    gap: 20px !important; /* Ajustez l'espace ici */
}

selector .quantity {
    margin-bottom: 0 !important;
    margin-right: 20px !important; /* Espace entre quantité et bouton */
}

selector button.single_add_to_cart_button {
    margin-left: 0 !important;
}
 Ne pas avoir d’arrondi sur boutton quantité du widget 
selector button.single_add_to_cart_button {
    margin-left: 0 !important;
}

/* Réduire la hauteur des notices WooCommerce */
.woocommerce-notices-wrapper,
.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    padding: 10px 15px !important;
}

/* Réduire l'espacement autour du texte */
.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
    line-height: 1.4 !important;
    min-height: auto !important;
}

/* Réduire la marge du conteneur principal */
.woocommerce-notices-wrapper {
    margin: 5px 0 !important;
}
/* Réduire hauteur avec icône bien positionnée */
.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
    margin: 10px 0 !important;
    padding: 12px 15px 12px 45px !important;
    min-height: 40px !important;
    display: flex !important;
    align-items: center !important;
}

/* Positionner l'icône correctement */
.woocommerce-message::before,
.woocommerce-error::before,
.woocommerce-info::before {
    position: absolute !important;
    left: 15px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}
/* Prix promotionnel en noir */
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price,
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
  color: #000000 !important;
}
/* Aligner la ligne avec flexbox */
.tc-row {
  display: flex !important;
  align-items: baseline !important;
  gap: 10px;
}

/* Supprimer les marges par défaut */
.tc-row h4.tc-epo-label,
.tc-row .tm-element-description,
.tc-row .tm-element-description p {
  margin: 0 !important;
  padding: 0 !important;
}

/* Corriger le vertical-align des spans imbriqués */
.tc-row span[dir="auto"] {
  vertical-align: baseline !important;
}
/* Mettre uniquement le label "Réf :" en italique */
.tc-row h4.tc-epo-label "Réf :"{
  font-style: italic !important;
}
/* Enlever prix couleur 0 */
.woocommerce-variation-price {
	display: none !important;
}
.reset_variations {
	display: none !important;
}
/* Cibler spécifiquement la div de la référence */
.tc-element-inner-wrap:has(.sku_wrapper),
.tc-element-inner-wrap [class*="sku"] {
    font-style: italic !important;
    font-size: 10px !important;
    margin-top: -10px !important;
	 word-spacing: -1px !important;
}
/* Enlever toutes les bordures des champs dimension, mobilité, évacuation */
.tc-col.tm-epo-field-label.fullwidth select,
.tc-col.tm-epo-field-label.fullwidth input,
.tc-col.tm-epo-field-label.fullwidth textarea,
.tm-epo-field-label select,
.tm-epo-field-label input {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    background-color: transparent !important;
}
/* Masquer uniquement Options Amount (pas Final Total) */
.tm-extra-product-options-totals .tm-options-totals,
.tm-totals-table tr:first-child,
.tm-price-totals-table .tm-options-amount {
    display: none !important;
}
/* ========================================
   ALIGNER PRIX + QUANTITÉ + BOUTON SUR LA MÊME LIGNE
======================================== */

/* === MISE EN PAGE HORIZONTALE === */
.woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-enabled {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 20px !important;
    flex-wrap: wrap !important;
}

/* Le prix (dans tc-totals-form) */
.woocommerce-variation-add-to-cart .tc-totals-form {
    order: 1 !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
}

/* Le sélecteur de quantité */
.woocommerce-variation-add-to-cart .quantity.wsb-enhanced-quantity {
    order: 2 !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
}

/* Le conteneur du bouton */
.woocommerce-variation-add-to-cart .wsb-buttons-container {
    order: 3 !important;
    margin: 0 !important;
    flex: 1 !important;
}

/* Le bouton Ajouter au panier (largeur automatique) */
.woocommerce-variation-add-to-cart .single_add_to_cart_button {
    width: auto !important;
    min-width: 200px !important;
}
/* === CONTENEUR GLOBAL : Prix + Quantité + Bouton === */

/* Créer un conteneur flex pour tout regrouper */
.single-product div.product form.cart > div:has(.woocommerce-variation-add-to-cart) {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
}

/* Le bloc "Prix total" */
.single-product div.product form.cart .woocommerce-variation-price,
.single-product div.product form.cart > p:has(.price) {
    margin-bottom: 0 !important;
}

/* Mettre Prix total + Quantité + Bouton sur la même ligne */
.single-product .woocommerce-variation-add-to-cart.variations_button {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 20px !important;
    flex-wrap: wrap !important;
    margin-top: 0 !important;
}
/* Déplacer visuellement le prix total à côté */
.single-product form.cart {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 20px !important;
}

/* Le prix total en premier */
.single-product form.cart > *:has(.price),
.single-product form.cart > div > p:contains("Prix total") {
    order: 1 !important;
    flex: 0 0 auto !important;
}

/* Le bloc variations_button en deuxième */
.single-product form.cart .woocommerce-variation-add-to-cart {
    order: 2 !important;
    flex: 1 1 auto !important;
}
/* Aligner le label Couleur à gauche */
.woocommerce div.product form.cart .variations th.label,
table.variations th.label {
    text-align: left !important;
    vertical-align: middle !important;
}
/* Forcer l'alignement du th.label à gauche */
.woocommerce table.variations th.label {
    text-align: left !important;
    padding-left: 0 !important;
}

/* Forcer aussi le label à l'intérieur */
.woocommerce table.variations th.label label {
    text-align: left !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
}

/* Supprimer tout centrage potentiel */
table.variations th {
    text-align: left !important;
}