/*
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
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: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

/* ================================
   Global / Divers
================================ */

/* Désactiver le zoom au survol sur WooCommerce */
.woocommerce-product-gallery__image img {
  transform: none !important;
  cursor: default !important;
}
.flex-viewport:hover img {
  transform: none !important;
}

.maia-rgpd-consent {
  margin-top: 24px;
  font-size: 0.9em;
  line-height: 1.5;
}

/* PANIER : forcer le nom produit en blanc (très spécifique) */
body.woocommerce-cart .woocommerce-cart-form table.shop_table td.product-name,
body.woocommerce-cart .woocommerce-cart-form table.shop_table td.product-name *,
body.woocommerce-cart .woocommerce table.shop_table td.product-name,
body.woocommerce-cart .woocommerce table.shop_table td.product-name * {
  color: #ffffff !important;
  opacity: 1 !important;
}

/* CHECKOUT : idem */
body.woocommerce-checkout form.woocommerce-checkout table.shop_table td.product-name,
body.woocommerce-checkout form.woocommerce-checkout table.shop_table td.product-name * {
  color: #ffffff !important;
  opacity: 1 !important;
}

/* MINI-CART (si besoin) */
.woocommerce-mini-cart-item a,
.woocommerce-mini-cart-item a * {
  color: #ffffff !important;
  opacity: 1 !important;
}

/* ================================
   ZION - WooCommerce Variable + WC PAO
   Blanc partout + prix #BDAF91
================================ */

/* Texte global zone produit */
body.single-product .product,
body.single-product .summary,
body.single-product form.cart,
body.single-product .variations,
body.single-product .wc-pao-addons-container,
body.single-product .product-addon-totals {
  color: #fff !important;
}


/* Champs (select/input) */
body.single-product .variations select,
body.single-product .wc-pao-addons-container select,
body.single-product .wc-pao-addons-container input[type="text"],
body.single-product .wc-pao-addons-container input[type="number"],
body.single-product .wc-pao-addons-container textarea {
  color: #fff !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(189, 175, 145, 0.35) !important;
  border-radius: 10px;
  padding: 10px 12px;
}

/* Placeholder blanc/grisé */
body.single-product .wc-pao-addons-container ::placeholder {
  color: rgba(255, 255, 255, 0.65) !important;
}

/* PRIX partout en #BDAF91 */
body.single-product .price,
body.single-product .amount,
body.single-product .woocommerce-Price-amount,
body.single-product .wc-pao-addon-price,
body.single-product .product-addon-totals .amount,
body.single-product .product-addon-totals .woocommerce-Price-amount,
body.single-product .wc-pao-subtotal-line .amount {
  color: #BDAF91 !important;
}

/* Cache le prix de variation WooCommerce (on garde seulement le total WC PAO) */
body.single-product .woocommerce-variation-price {
  display: none !important;
}

/* Bloc "variation" (dispo/stock etc.) en blanc */
body.single-product .woocommerce-variation,
body.single-product .woocommerce-variation-description,
body.single-product .woocommerce-variation-availability {
  color: #fff !important;
}

/* Totaux (product-addon-totals) */
body.single-product .product-addon-totals,
body.single-product .product-addon-totals * {
  color: #fff !important;
}
body.single-product .product-addon-totals .amount,
body.single-product .product-addon-totals .woocommerce-Price-amount {
  color: #BDAF91 !important;
  font-weight: 600 !important;
}

/* Masquer "Effacer" (reset variations) */
body.single-product a.reset_variations {
  display: none !important;
}


/* =========================
   Variations: container + alignements
========================= */

/* Fond du container des variations */
body.single-product form.variations_form .variations{
  background: #181818 !important;
  padding: 14px 16px !important;
  border-radius: 14px !important;
}

/* Aligner le titre (label) à gauche + centré verticalement par rapport au champ */
body.single-product form.variations_form .variations td.label{
  vertical-align: middle !important;
  text-align: left !important;
  padding: 0 14px 0 0 !important;
  white-space: nowrap !important;
  color: #fff !important;
  font-weight: 600 !important;
}

body.single-product form.variations_form .variations td.value{
  vertical-align: middle !important;
  padding: 0 !important;
}

/* Harmoniser la ligne (un peu plus compacte) */
body.single-product form.variations_form .variations tr{
  height: 52px; /* ajuste si tu veux plus compact */
}



/* =========================================
   OVERRIDE Elementor - Variations (widget ciblé)
   Page elementor-280 / widget 4dca9ad8
========================================= */

.woocommerce .elementor-280 .elementor-element.elementor-element-4dca9ad8 form.cart table.variations{
  background: #181818 !important;
  border-radius: 14px !important;
  padding: 14px 16px !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  overflow: hidden;
}

/* Réduire les marges/paddings de toutes les cellules */
.woocommerce .elementor-280 .elementor-element.elementor-element-4dca9ad8 form.cart table.variations tr th,
.woocommerce .elementor-280 .elementor-element.elementor-element-4dca9ad8 form.cart table.variations tr td{
  padding-top: 6px !important;
  padding-bottom: 6px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  color: #fff !important;
  vertical-align: middle !important;
}

/* Label à gauche, centré verticalement */
.woocommerce .elementor-280 .elementor-element.elementor-element-4dca9ad8 form.cart table.variations td.label{
  text-align: left !important;
  white-space: nowrap !important;
  padding-right: 14px !important;
  font-weight: 600 !important;
}

/* Champ aligné, pas de padding parasite */
.woocommerce .elementor-280 .elementor-element.elementor-element-4dca9ad8 form.cart table.variations td.value{
  padding-left: 0 !important;
}

/* Select stylé (si Elementor le force aussi) */
.woocommerce .elementor-280 .elementor-element.elementor-element-4dca9ad8 form.cart table.variations select{
  color: #fff !important;
  background: rgba(255,255,255,0.06) !important;
  border: 1px solid rgba(189,175,145,0.35) !important;
  border-radius: 10px !important;
  padding: 10px 12px !important;
  width: 100%;
}


/* Changer apparence Notices Woocommmerce */
.woocommerce-error,
.woocommerce-message,
.woocommerce-info {
  background-color: #181818 !important;
  color: #ffffff !important;
  border: 1px solid #BDAF91 !important;
}


/* Woo login : annule la hauteur inline (height: xxxpx) */
@media (max-width: 767px){
  form.woocommerce-form.woocommerce-form-login.login{
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }
}

/* === WooCommerce: icône œil (show-password-input) en SVG blanc, sans dépendre d'une police === */

.woocommerce form .password-input{
  position: relative !important;
}

/* le bouton (span) existe mais son icône peut être vide selon le thème */
.woocommerce form .show-password-input{
  position: absolute !important;
  right: 14px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 22px !important;
  height: 22px !important;
  cursor: pointer !important;
  z-index: 10 !important;
  opacity: .9 !important;
}

/* on remplace l'icône par un masque SVG -> blanc garanti */
.woocommerce form .show-password-input::after{
  content: "" !important;
  display: block !important;
  width: 22px !important;
  height: 22px !important;
  background-color: #ffffff !important;

  /* EYE (open) */
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5C5 5 2 12 2 12s3 7 10 7 10-7 10-7-3-7-10-7Zm0 11a4 4 0 1 1 0-8 4 4 0 0 1 0 8Z'/%3E%3Ccircle cx='12' cy='12' r='2.2'/%3E%3C/svg%3E") center/contain no-repeat !important;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5C5 5 2 12 2 12s3 7 10 7 10-7 10-7-3-7-10-7Zm0 11a4 4 0 1 1 0-8 4 4 0 0 1 0 8Z'/%3E%3Ccircle cx='12' cy='12' r='2.2'/%3E%3C/svg%3E") center/contain no-repeat !important;
}

/* Quand WooCommerce affiche le mot de passe, il met class="display-password" */
.woocommerce form .show-password-input.display-password::after{
  /* EYE OFF (closed) */
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 3l18 18' stroke='%23000' stroke-width='2' fill='none'/%3E%3Cpath d='M12 5C5 5 2 12 2 12a18 18 0 0 0 4.2 5.2l2-2a6 6 0 0 1 8-8l2-2A11 11 0 0 0 12 5Z'/%3E%3Cpath d='M14.6 14.6A3.5 3.5 0 0 1 9.4 9.4'/%3E%3C/svg%3E") center/contain no-repeat !important;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 3l18 18' stroke='%23000' stroke-width='2' fill='none'/%3E%3Cpath d='M12 5C5 5 2 12 2 12a18 18 0 0 0 4.2 5.2l2-2a6 6 0 0 1 8-8l2-2A11 11 0 0 0 12 5Z'/%3E%3Cpath d='M14.6 14.6A3.5 3.5 0 0 1 9.4 9.4'/%3E%3C/svg%3E") center/contain no-repeat !important;
}

/* padding pour ne pas taper sous l'œil */
.woocommerce form .password-input input{
  padding-right: 46px !important;
}

/* === WooCommerce : œil mot de passe – aligné sur l’input === */

.woocommerce form .password-input {
  position: relative !important;
}

/* bouton œil */
.woocommerce form .show-password-input {
  position: absolute !important;
  right: 14px !important;

  /* ALIGNEMENT EXACT */
  top: 50% !important;
  transform: translateY(-65%) !important;

  width: 22px !important;
  height: 22px !important;

  cursor: pointer !important;
  z-index: 10 !important;
  opacity: 0.9 !important;
}

/* icône */
.woocommerce form .show-password-input::after {
  display: block !important;
  width: 22px !important;
  height: 22px !important;
}

/* padding input */
.woocommerce form .password-input input {
  padding-right: 46px !important;
}

/* === MON COMPTE : aligner l’œil WooCommerce plus haut (iOS) === */
body.woocommerce-account #customer_login form.woocommerce-form .password-input{
  position: relative !important;
}

body.woocommerce-account #customer_login form.woocommerce-form .password-input .show-password-input{
  position: absolute !important;
  right: 14px !important;
  top: 50% !important;

  /* ← le réglage qui remonte visuellement */
  transform: translateY(-65%) !important;

  width: 22px !important;
  height: 22px !important;
  z-index: 50 !important;
  cursor: pointer !important;
  opacity: .9 !important;
}

/* espace pour ne pas taper sous l’œil */
body.woocommerce-account #customer_login form.woocommerce-form .password-input input{
  padding-right: 46px !important;
}

body.woocommerce-account #customer_login form.woocommerce-form .password-input{
  transform: none !important;
}


/* MON COMPTE : remonter l’œil WooCommerce (c’est ::after qui compte) */
body.woocommerce-account #customer_login .password-input,
body.woocommerce-edit-account .password-input {
  position: relative !important;
}

body.woocommerce-account #customer_login .password-input .show-password-input,
body.woocommerce-edit-account .password-input .show-password-input {
  position: absolute !important;
  right: 14px !important;
  top: 50% !important;
  transform: translateY(-50%) !important; /* base */
  width: 22px !important;
  height: 22px !important;
  z-index: 50 !important;
}

/* ✅ on remonte l’icône elle-même */
body.woocommerce-account #customer_login .password-input .show-password-input::after,
body.woocommerce-edit-account .password-input .show-password-input::after {
  position: relative !important;
  top: -20px !important;          /* <-- remonte (teste -6px à -10px) */
  color: #fff !important;
  font-size: 18px !important;
  line-height: 1 !important;
  display: block !important;
}

/* padding input */
body.woocommerce-account #customer_login .password-input input,
body.woocommerce-edit-account .password-input .input {
  padding-right: 46px !important;
}

/* === Panier latéral Elementor : TOUT le texte produit en blanc === */

.elementor-menu-cart__container .woocommerce-mini-cart,
.elementor-menu-cart__container .woocommerce-mini-cart * {
  color: #ffffff !important;
}

/* Liens (nom produit cliquable) */
.elementor-menu-cart__container .woocommerce-mini-cart a {
  color: #ffffff !important;
}

/* Variations WooCommerce (dt/dd, spans, etc.) */
.elementor-menu-cart__container .woocommerce-mini-cart dl.variation,
.elementor-menu-cart__container .woocommerce-mini-cart dl.variation dt,
.elementor-menu-cart__container .woocommerce-mini-cart dl.variation dd,
.elementor-menu-cart__container .woocommerce-mini-cart .variation,
.elementor-menu-cart__container .woocommerce-mini-cart .variation * {
  color: #ffffff !important;
  opacity: 1 !important;
}

/* Sécurité contre styles "muted" ou filtres */
.elementor-menu-cart__container .woocommerce-mini-cart * {
  filter: none !important;
  mix-blend-mode: normal !important;
}

#sumup-payment-status { 
  display: none;
}