.hide-variations .variations_form, 
.hide-variations .product-attributes {
    display: none !important;
}

.woocommerce ul.products li.product img {
    transition: transform 0.3s ease-in-out; 
}

.woocommerce ul.products li.product:hover img {
    transform: scale(1.1);
}

.woocommerce ul.products li.product .ast-on-card-button-select-options-trigger {
    display: none !important;
}

.astra-cart-drawer .astra-cart-drawer-close {
    color: black !important; /* Change la couleur du texte parent */
}

.entry-content .wp-block-cover {
    width: 100vw !important;
    max-width: 100vw !important;
    position: relative !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    overflow: hidden !important; /* Empêche tout débordement latéral */
}

.entry-content .wp-block-cover img {
    width: 100% !important; /* Ajuste précisément à la largeur du conteneur */
    height: auto !important;
    object-fit: cover !important;
    display: block !important;
}

/* Menu fixe définitivement (Wax & Wear) */
.site-header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 9999 !important;
    background-color: #F5F5F5 !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

/* Décalage global de tout le contenu pour compenser exactement la hauteur du menu */
body {
    padding-top: 80px !important; /* hauteur précise du menu */
}

/* Correction SPÉCIFIQUE WooCommerce pour Titre et fil d'Ariane sur page Boutique */
.woocommerce.archive .woocommerce-products-header {
    margin-top: 0 !important;
    padding-top: 80px !important; /* Décalage supplémentaire pour WooCommerce */
}

/* Grille équipe - Desktop et Tablette */
.grille-equipe {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem 2rem;
  padding: 1rem;
  max-width: 1200px;
  margin: 0 auto;
}

/* Grille équipe - Mobile (1 carte par ligne) */
@media only screen and (max-width: 768px) {
  .grille-equipe {
    grid-template-columns: 1fr !important;
    gap: 1.5rem !important;
    padding: 1rem !important;
  }
}

/* Style des Info Boxes */
.info-box {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  border-radius: 12px;
  background-color: #f5f7f9;
  padding: 1.5rem;
}

@media only screen and (max-width: 768px) {
  .site-header-cart .woocommerce-Price-amount,
  .site-header .amount,
  .header-cart .amount {
    display: none !important;
  }
}


@media (max-width: 767px) {
  .responsive-products ul.products {
    display: flex;
    flex-direction: column;
  }

  .responsive-products ul.products li.product {
    width: 100% !important;
    margin-right: 0 !important;
  }
}

@media (max-width: 767px) {
  /* Titre plus petit et centré */
  .wp-block-heading {
    font-size: 30px !important;
    text-align: center;
  }

  /* Réduire le padding des sections si besoin */
  .wp-block-group {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  /* Séparateur Spectra (UAGB) */
  @media (max-width: 767px) {
  .uagb-ifb-separator {
    width: 75px !important;
    height: 2px !important;
    background-color: #000 !important;

    /* Voici les marges à personnaliser */
    margin-top: 15px !important;
    margin-bottom: 50px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}


  /* Centrage du titre et séparateur ensemble */
  .uagb-ifb-title-wrap {
    text-align: center;
  }
}

/* Masquer en desktop */
.mobile-only {
  display: block;
}
@media (min-width: 768px) {
  .mobile-only {
    display: none;
  }
}

/* Masquer en mobile */
.desktop-only {
  display: none;
}
@media (min-width: 768px) {
  .desktop-only {
    display: block;
  }
}

@media (max-width: 768px) {
  /* 🔒 UNIQUEMENT page boutique & catégories : reset total */
  body.woocommerce.archive .site,
  body.woocommerce.archive .site-content,
  body.woocommerce.archive .ast-container,
  body.woocommerce.archive .ast-woocommerce-container,
  body.woocommerce.archive .woocommerce,
  body.woocommerce.archive .woocommerce-page {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  /* 🧱 Grille produits */
  body.woocommerce.archive ul.products.columns-2 {
    display: flex !important;
    flex-wrap: wrap !important;
    padding: 0 !important;
    margin: 0 !important;
    gap: 0 !important;
    font-size: 0 !important;
    width: 100% !important;
  }

  /* Cartes produits */
  body.woocommerce.archive ul.products.columns-2 li.product {
    width: 50% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    font-size: initial !important;
  }

  body.woocommerce.archive ul.products li.product a.woocommerce-LoopProduct-link {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    padding: 0 !important;
    margin: 0 !important;
    background-color: #fff;
    height: auto;
    box-shadow: none;
    border: none;
    border-radius: 0;
  }

  body.woocommerce.archive ul.products li.product img {
    width: 100% !important;
    aspect-ratio: 4 / 4.2 !important;
    object-fit: cover !important;
    display: block;
    margin: 0 !important;
    border: none;
    border-radius: 0;
  }

  body.woocommerce.archive ul.products li.product .woocommerce-loop-product__title {
    font-size: 0.95rem;
    text-align: center;
    margin: 6px 4px 2px 4px;
    min-height: 2.6em;
    line-height: 1.3em;
    overflow: hidden;
  }

  body.woocommerce.archive ul.products li.product .price {
    font-size: 0.9rem;
    font-weight: 600;
    text-align: center;
    margin-bottom: 8px;
  }

  body.woocommerce.archive .variations_form .swatch-label,
  body.woocommerce.archive .variations_form .swatch {
    margin: 2px !important;
    justify-content: center;
  }

.ast-container .waxwear-shop-intro {
  max-width: 800px;
  margin: 40px auto 50px auto !important;
  text-align: center;
  padding: 0 20px;
  color: #444;
}

.ast-container .waxwear-shop-intro h1 {
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 15px;
}

.ast-container .waxwear-shop-intro p {
  font-size: 16px;
  line-height: 1.6;
  color: #666;
  margin: 0 auto;
  max-width: 600px;
}

	@media screen and (max-width: 1024px) {
  .waxwear-shop-intro {
    display: none;
  }
}

.waxwear-collection-intro {
  background: #fafafa;
  border-left: 4px solid #222;
  padding: 25px 30px;
  margin: 30px 0;
  text-align: left;
  border-radius: 6px;
}

@media (max-width: 1024px) {
  #intro-boombap {
    display: none;
  }
}

	@media (max-width: 1024px) {
  #intro-groove {
    display: none;
  }
}

	@media (max-width: 1024px) {
  #intro-messages {
    display: none;
  }
}

	@media (max-width: 1024px) {
  #intro-oversize {
    display: none;
  }
}

#intro-seo-boutique {
  display: none !important;
}

.woocommerce-cart table {
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 0 10px rgba(0,0,0,0.05);
}

.woocommerce-cart .cart_totals {
  border: 2px dashed #d4af37;
  padding: 20px;
  border-radius: 12px;
}

.woocommerce-cart .button {
  background: #d4af37 !important;
  color: white !important;
  border-radius: 8px !important;
  font-weight: 600;
}

	.woocommerce-cart .entry-content {
  display: flex;
  justify-content: center;
}

.woocommerce-cart .cart-collaterals {
  margin-left: 2rem;
}

@media only screen and (max-width: 768px) {
  body.woocommerce-cart {
    background-color: #f8f8f8 !important;
  }

  .woocommerce-cart .woocommerce {
    padding: 1rem !important;
  }

  .woocommerce-cart .shop_table,
  .woocommerce-cart .cart_totals {
    width: 100% !important;
    margin: auto !important;
  }

  .woocommerce-cart .wc-proceed-to-checkout {
    text-align: center;
    padding: 1rem;
  }

  .woocommerce-cart .button {
    width: 100% !important;
    padding: 1.2rem;
    font-size: 1rem;
  }
}

	@media only screen and (max-width: 768px) {

  /* Centrage général du tableau */
  .woocommerce-cart .entry-header,
  .woocommerce-cart .cart-collaterals,
  .woocommerce-cart .woocommerce,
  .woocommerce-cart .cart_totals,
  .woocommerce-cart .woocommerce-cart-form,
  .woocommerce-cart .woocommerce-cart-form table,
  .woocommerce-cart .woocommerce-cart-form .shop_table,
  .woocommerce-cart .woocommerce-cart-form .shop_table td,
  .woocommerce-cart .woocommerce-cart-form .shop_table th {
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
    width: 100% !important;
    text-align: center !important;
    box-sizing: border-box;
  }

  /* Évite que Woo ajoute des paddings */
  .woocommerce-page table.shop_table {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Pour empêcher les débordements horizontaux */
  .woocommerce-cart .woocommerce {
    overflow-x: hidden !important;
  }

  /* Centrer les boutons promo */
  .woocommerce-cart .coupon,
  .woocommerce-cart .actions {
    text-align: center !important;
  }

  /* Centrer le bouton "Continuer mes achats" si tu l'as ajouté */
  .woocommerce-cart a.continuer-achats {
    display: block;
    margin: 2rem auto 0 auto;
    text-align: center;
    color: #d4af37 !important;
    font-weight: 600;
  }
}

	/* Espace entre le tableau "Total panier" et le bouton de validation */
.woocommerce-cart .cart_totals {
  margin-bottom: 2rem !important;
}

/* Style des boutons WooCommerce (code promo, maj panier, valider commande) */
.woocommerce button.button,
.woocommerce input.button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
  background-color: #d4af37 !important; /* fond doré */
  color: #000000 !important; /* texte noir */
  font-weight: 600;
  text-transform: uppercase;
  border: none;
  padding: 1rem 1.5rem;
  width: 100%;
  max-width: 100%;
  font-family: 'Inter', sans-serif;
}

/* Hover des boutons */
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
  background-color: #000000 !important;
  color: #ffffff !important;
}

/* Ajouter un espacement entre le tableau du panier et le bloc Total panier */
.woocommerce-cart .cart-collaterals {
  margin-top: 2.5rem !important;
}

	/* Réorganisation du champ et bouton de code promo en colonne sur mobile */
@media (max-width: 768px) {
  .woocommerce-cart .coupon {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 1rem;
  }

  .woocommerce-cart .coupon input.input-text {
    width: 100% !important;
  }

  .woocommerce-cart .coupon button {
    width: 100% !important;
  }
}

	/* Ajuste l'alignement et le centrage du champ + bouton code promo */
@media (max-width: 768px) {
  .woocommerce-cart .coupon {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    width: 100%;
  }

  .woocommerce-cart .coupon input.input-text,
  .woocommerce-cart .coupon button {
    width: 100% !important;
    max-width: 500px;
  }
}

/* Supprime le padding-top injecté par FunnelKit sur mobile */
html body.page-id-1221 {
  padding-top: 0px !important;
}

/* 🧼 En bonus : masquer tout bloc Spectra vide */
.wp-block-uagb-container.desktop-only:empty,
.wp-block-uagb-container.mobile-only:empty {
  display: none !important;
}

/* 🖼️ Fixe les images de fond d'accueil (desktop + mobile) */
.wp-block-uagb-container.desktop-only.uagb-block-474c825a {
  background: url("https://waxandwear.com/wp-content/uploads/2025/05/Accueil_Desktop_WaxWear_Homme_Boombox_Fond_1A1A1A-1.jpg") center center / cover no-repeat !important;
  background-color: #1a1a1a !important;
}

.wp-block-uagb-container.mobile-only.uagb-block-f1ad3176 {
  background-image: url("https://waxandwear.com/wp-content/uploads/2025/05/Visuel_Accueil_Mobile_Jungle_Sometimes_WaxWear-scaled.jpg") !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

/* Masquer bouton choix des options */
.ast-on-card-button-select-options-trigger,
.product_type_variable.add_to_cart_button {
    display: none !important;
}

/* Masquer "Size Guide" Printful */
.printful-size-guide {
  display: none !important;
}

/* Masquer bloc omnisend mobile */
@media (max-width: 767px) {
  /* Bouton : taille & padding réduits */
  #newsletter button {
    font-size: 1.1rem !important;
    padding: 16px 24px !important;
    white-space: nowrap;
  }

  /* Titre du bloc : texte plus petit et mieux espacé */
  #newsletter h2, 
  #newsletter h3, 
  #newsletter h1, 
  #newsletter p:first-child {
    font-size: 2.2rem !important;
    line-height: 1.4 !important;
    text-align: center !important;
  }