/* ==============================================
   STEP 1 — Base Design System + Kill Orange Pets
   WPCode: CSS | En-tête de tout le site | Priorité: 1
   ============================================== */

/* --- Police Inter --- */
/* Inter loaded non-blocking via speed-boost.php */

/* --- Variables globales --- */
:root {
  --dida-primary: #2563EB;
  --dida-primary-hover: #1D4ED8;
  --dida-primary-light: #EFF6FF;
  --dida-success: #10B981;
  --dida-danger: #EF4444;
  --dida-warning: #F59E0B;
  --dida-text: #1E293B;
  --dida-text-secondary: #64748B;
  --dida-text-muted: #94A3B8;
  --dida-border: #E2E8F0;
  --dida-bg-alt: #F8FAFC;
  --dida-white: #FFFFFF;
}

/* --- Écraser les variables Woodmart Pets (orange → bleu) --- */
:root {
  --wd-primary-color: #2563EB !important;
  --wd-primary-color-hover: #1D4ED8 !important;
  --wd-link-color: #2563EB !important;
  --wd-link-color-hover: #1D4ED8 !important;
  --wd-btn-color-primary: #2563EB !important;
  --wd-btn-color-primary-hover: #1D4ED8 !important;
  --wd-accent-color: #2563EB !important;
}

/* --- Typo globale --- */
body,
.woocommerce,
.woocommerce-page {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  -webkit-font-smoothing: antialiased;
}

/* --- HEADER : fond blanc partout (plus de orange) --- */
.whb-header,
.whb-header .whb-row,
.whb-header .whb-flex-row,
.whb-header .whb-col,
.whb-header .whb-main-header,
.whb-header .whb-general-header,
.whb-header .whb-navigation,
.whb-header .whb-bottom-bar,
.whb-main-nav,
.wd-header-nav,
.wd-header-main-nav,
.whb-color-dark,
.whb-color-light,
.whb-row:not(.whb-top-bar-row) {
  background: var(--dida-white) !important;
  background-color: var(--dida-white) !important;
}

.whb-header {
  border-bottom: 1px solid var(--dida-border) !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.06) !important;
}

/* --- Top bar sombre (si présente) --- */
.whb-top-bar,
.whb-top-bar .whb-row,
.whb-top-bar .whb-flex-row,
.whb-top-bar .whb-col {
  background: var(--dida-text) !important;
  background-color: var(--dida-text) !important;
}

/* --- Navigation liens --- */
.wd-nav > li > a {
  color: var(--dida-text) !important;
  font-weight: 600 !important;
  font-size: 14px !important;
}

.wd-nav > li > a:hover,
.wd-nav > li.current-menu-item > a,
.wd-nav > li.current-menu-ancestor > a {
  color: var(--dida-primary) !important;
}

/* --- Tous les boutons orange → bleu --- */
.btn-color-primary,
.wd-btn-primary,
input[type="submit"],
.single_add_to_cart_button,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.checkout-button,
.wc-proceed-to-checkout a,
.wd-action-btn.wd-add-cart-btn a,
.add_to_cart_button {
  background: var(--dida-primary) !important;
  background-color: var(--dida-primary) !important;
  color: var(--dida-white) !important;
  border: none !important;
}

.btn-color-primary:hover,
input[type="submit"]:hover,
.single_add_to_cart_button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.add_to_cart_button:hover {
  background: var(--dida-primary-hover) !important;
  background-color: var(--dida-primary-hover) !important;
}

/* --- Couleurs actives/sélection orange → bleu --- */
.wd-nav > li.current-menu-item > a::after,
.wd-primary-color,
span.wd-primary-color,
a:hover {
  color: var(--dida-primary) !important;
}

/* --- Page title bar : fond neutre (plus de beige) --- */
.page-title-default,
.wd-page-title {
  background-color: var(--dida-bg-alt) !important;
  background-image: none !important;
}

/* ==============================================
   STEP 4 — Cartes produits + Boutique premium
   WPCode: CSS | En-tête de tout le site | Priorité: 4
   ============================================== */

/* --- Catégories : écraser le cercle, image dans son cadre --- */
.category-grid-item,
.category-grid-item .wd-cat-inner,
.category-grid-item .wd-cat-thumb,
.category-grid-item .wd-cat-image,
.category-grid-item .wd-cat-thumb img,
.category-grid-item .wd-cat-image img,
.cat-design-alt .wd-cat-thumb,
li.product-category .wd-cat-thumb,
li.product-category img {
  --wd-cat-brd-radius: 12px !important;
  border-radius: 12px !important;
}

/* Enlever la largeur max qui force le cercle */
.cat-design-alt .wd-cat-thumb {
  max-width: 100% !important;
  width: 100% !important;
}

/* --- Barre orange header top → anthracite --- */
.whb-top-bar,
.whb-top-bar .whb-row,
.whb-top-bar .whb-flex-row,
.whb-top-bar .whb-col,
.whb-top-bar-row,
.whb-top-bar-row .whb-flex-row {
  background: #1E293B !important;
  background-color: #1E293B !important;
}

/* --- 3 icônes produit (compare, wishlist, quick view) --- */
.wd-bottom-actions {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 6px !important;
  padding: 8px 0 !important;
}

.wd-bottom-actions .wd-action-btn {
  margin: 0 !important;
  padding: 0 !important;
}

/* Icônes visibles et propres */
.wd-bottom-actions .wd-action-btn > a,
.wd-bottom-actions .wrap-wishlist-button a,
.wd-bottom-actions .wd-compare-btn > a,
.wd-bottom-actions .wd-quick-view-btn > a,
.wd-bottom-actions .wd-wishlist-btn > a {
  width: 36px !important;
  height: 36px !important;
  line-height: 36px !important;
  border-radius: 8px !important;
  background: #F8FAFC !important;
  color: #64748B !important;
  border: 1px solid #E2E8F0 !important;
  font-size: 15px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.15s ease;
  text-decoration: none !important;
}

.wd-bottom-actions .wd-action-btn > a:hover,
.wd-bottom-actions .wrap-wishlist-button a:hover,
.wd-bottom-actions .wd-compare-btn > a:hover,
.wd-bottom-actions .wd-quick-view-btn > a:hover,
.wd-bottom-actions .wd-wishlist-btn > a:hover {
  color: #2563EB !important;
  border-color: #2563EB !important;
  background: #EFF6FF !important;
}

/* S'assurer que les icônes font (Woodmart icons) sont visibles */
.wd-bottom-actions .wd-action-btn > a::before,
.wd-bottom-actions .wrap-wishlist-button a::before {
  font-size: 15px !important;
  line-height: 1 !important;
}

/* --- Bouton ATC cards : texte visible, pas de remplacement CSS --- */
.products .product .add_to_cart_button,
.products .product .button.add_to_cart_button,
.wd-add-cart-btn a,
.wd-add-btn a.add_to_cart_button {
  padding: 10px 14px !important;
  text-align: center !important;
  width: 100% !important;
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  font-size: 13px !important;
}

/* Bouton "Voir" : même hauteur que "Acheter" */
.product a.button.product_type_external,
.product a.button.product_type_variable,
.product a.button.product_type_grouped,
.products .product a.button:not(.add_to_cart_button):not(.single_add_to_cart_button),
.wd-add-btn a:not(.add_to_cart_button) {
  padding: 8px 16px !important;
  text-align: center !important;
  width: auto !important;
  white-space: nowrap !important;
  font-size: 13px !important;
  height: 38px !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* --- REF/SKU : gris discret, jamais coloré --- */
.wd-product-sku,
.wd-product-sku *,
.product .sku-product,
.product .sku-product *,
.wd-product-brands-links,
.wd-product-brands-links *,
.wd-product-sku a,
.product-element-bottom .wd-product-sku,
.product-element-bottom .wd-product-sku *,
.product-information .wd-product-sku,
.product-information .wd-product-sku * {
  color: #94A3B8 !important;
  font-size: 11px !important;
}

/* Forcer le label "RÉF :" aussi en gris */
.wd-product-sku span,
.wd-product-sku a,
.wd-product-sku strong {
  color: #94A3B8 !important;
}

/* --- Carte produit premium --- */
.products .product,
.wd-products .product,
.product-grid-item .product {
  background: #fff !important;
  border: 1px solid #F1F5F9 !important;
  border-radius: 12px !important;
  overflow: hidden;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 1px 2px rgba(0,0,0,0.04);
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

.products .product:hover,
.wd-products .product:hover {
  border-color: #E2E8F0 !important;
  box-shadow: 0 10px 25px rgba(0,0,0,0.08) !important;
  transform: translateY(-4px);
}

/* Wrapper interne : flex column pour pousser le bas */
.products .product .wd-product-wrapper,
.products .product .product-wrapper {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

/* Zone info : flex grow pour prendre l'espace restant */
.products .product .product-element-bottom,
.products .product .product-information {
  display: flex !important;
  flex-direction: column !important;
  flex-grow: 1 !important;
}

/* Titre : hauteur fixe 2 lignes */
.products .product .wd-entities-title,
.products .product .product-title {
  min-height: 40px !important;
}

/* Prix : toujours aligné */
.products .product .product-rating-price,
.products .product .wrapp-product-price {
  margin-top: auto !important;
}

/* REF/SKU en bas */
.products .product .wd-product-sku {
  margin-top: 4px !important;
}

/* --- Image produit --- */
.product-element-top,
.wd-product-thumb {
  overflow: hidden;
  background: #F8FAFC;
}

.product-element-top img,
.wd-product-thumb img,
.wd-product-img-link img {
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important;
  object-fit: contain;
}

.product:hover .product-element-top img,
.product:hover .wd-product-thumb img {
  transform: scale(1.05) !important;
}

/* --- Zone info produit --- */
.product-element-bottom,
.product-information {
  padding: 14px 14px 18px !important;
}

/* --- Titre produit cards --- */
.wd-entities-title a,
.product-title a,
.woocommerce-loop-product__title {
  font-family: 'Inter', sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  color: #1E293B !important;
  line-height: 1.4 !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: color 0.15s;
  text-decoration: none !important;
}

.wd-entities-title a:hover,
.product-title a:hover {
  color: #2563EB !important;
}

/* --- SKU / Référence --- */
.wd-product-sku {
  font-size: 11px !important;
  color: #94A3B8 !important;
  font-weight: 500;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

/* --- Prix dans les cards --- */
.products .product .price,
.wd-products .product .price {
  font-family: 'Inter', sans-serif !important;
  font-weight: 700 !important;
  color: #1E293B !important;
  font-size: 15px !important;
  margin-top: 6px !important;
}

.products .product .price del {
  color: #94A3B8 !important;
  font-size: 12px !important;
  font-weight: 400 !important;
}

.products .product .price ins {
  color: #EF4444 !important;
  text-decoration: none !important;
}

/* --- Badges premium --- */
.wd-product-labels .product-label,
.product-labels span,
span.onsale {
  font-family: 'Inter', sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  padding: 4px 10px !important;
  border-radius: 6px !important;
  line-height: 1.3 !important;
  min-height: auto !important;
  min-width: auto !important;
}

/* Badge promo */
.product-label.onsale,
span.onsale {
  background: #EF4444 !important;
  color: #fff !important;
}

/* Badge nouveau */
.product-label.new {
  background: #2563EB !important;
  color: #fff !important;
}

/* Badge rupture */
.product-label.out-of-stock,
.wd-label-out-of-stock {
  background: #1E293B !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.03em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  padding: 5px 12px !important;
}

.product-label.out-of-stock::after,
.wd-label-out-of-stock::after {
  content: none !important;

  font-weight: 700 !important;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

/* --- Bouton ATC dans les cards --- */
.product .add_to_cart_button,
.product .product_type_simple,
.wd-add-cart-btn a,
.product .button.add_to_cart_button {
  background: #2563EB !important;
  color: #fff !important;
  border: none !important;
  border-radius: 8px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  padding: 8px 16px !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  transition: all 0.3s ease;
  height: 38px !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.product .add_to_cart_button:hover,
.wd-add-cart-btn a:hover {
  background: #1D4ED8 !important;
  box-shadow: 0 4px 12px rgba(37,99,235,0.3) !important;
}

/* --- Actions hover : ne PAS écraser les icônes globalement ---
   (géré plus haut dans la section wd-bottom-actions) --- */

/* --- Rating stars --- */
.star-rating {
  color: #F59E0B !important;
  font-size: 12px !important;
}

/* --- Stock badge dans les cards --- */
.stock.in-stock {
  color: #059669 !important;
  background: #D1FAE5 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  padding: 2px 8px;
  border-radius: 4px;
}

.stock.out-of-stock {
  color: #DC2626 !important;
  background: #FEE2E2 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  padding: 2px 8px;
  border-radius: 4px;
}

/* --- Shop toolbar (tri, colonnes) --- */
.wd-shop-toolbar select,
.woocommerce-ordering select {
  background: #fff !important;
  border: 2px solid #E2E8F0 !important;
  border-radius: 8px !important;
  padding: 8px 14px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  color: #1E293B !important;
  transition: border-color 0.15s;
}

.wd-shop-toolbar select:focus,
.woocommerce-ordering select:focus {
  border-color: #2563EB !important;
}

/* --- Load more / Pagination --- */
.wd-load-more a,
.btn.wd-load-more-btn {
  background: transparent !important;
  color: #2563EB !important;
  border: 2px solid #2563EB !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  padding: 12px 32px !important;
  text-transform: none !important;
  transition: all 0.3s;
}

.wd-load-more a:hover {
  background: #2563EB !important;
  color: #fff !important;
}

/* Pagination numérotée */
.woocommerce-pagination .page-numbers li a,
.woocommerce-pagination .page-numbers li span {
  background: #fff !important;
  color: #64748B !important;
  border: 1px solid #E2E8F0 !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  width: 40px !important;
  height: 40px !important;
  line-height: 40px !important;
  transition: all 0.15s;
}

.woocommerce-pagination .page-numbers li a:hover {
  border-color: #2563EB !important;
  color: #2563EB !important;
  background: #EFF6FF !important;
}

.woocommerce-pagination .page-numbers li .current {
  background: #2563EB !important;
  color: #fff !important;
  border-color: #2563EB !important;
}

/* --- "Stock Status" widget : cacher texte anglais, afficher français --- */
.wd-widget-stock-status .widget-title,
.widget_wd_widget_stock_status .widget-title {
  font-size: 0 !important;
}

.wd-widget-stock-status .widget-title::after,
.widget_wd_widget_stock_status .widget-title::after {
  content: 'Disponibilité' !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

/* --- Section marques --- */
.wd-brands img {
  filter: grayscale(100%);
  opacity: 0.5;
  transition: all 0.3s;
}

.wd-brands img:hover {
  filter: grayscale(0);
  opacity: 1;
}

/* --- Footer premium --- */
.footer-container,
.whb-footer {
  background: #1E293B !important;
}

.footer-container .widget-title,
.whb-footer .widget-title {
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #fff !important;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.footer-container a,
.whb-footer a {
  color: rgba(255,255,255,0.6) !important;
  font-size: 13px;
  transition: color 0.15s;
}

.footer-container a:hover,
.whb-footer a:hover {
  color: #fff !important;
}

.footer-container p,
.whb-footer p {
  color: rgba(255,255,255,0.5) !important;
}

.copyrights-wrapper {
  background: rgba(0,0,0,0.2) !important;
  border-top: 1px solid rgba(255,255,255,0.06) !important;
}

/* --- Alertes WooCommerce --- */
.woocommerce-message {
  background: #D1FAE5 !important;
  color: #059669 !important;
  border: none !important;
  border-left: 4px solid #10B981 !important;
  border-radius: 8px !important;
}

.woocommerce-error {
  background: #FEE2E2 !important;
  color: #DC2626 !important;
  border: none !important;
  border-left: 4px solid #EF4444 !important;
  border-radius: 8px !important;
}

.woocommerce-info {
  background: #EFF6FF !important;
  color: #2563EB !important;
  border: none !important;
  border-left: 4px solid #2563EB !important;
  border-radius: 8px !important;
}

/* ==============================================
   STEP 6 — Responsive Mobile Premium
   WPCode: CSS | En-tête de tout le site | Priorité: 6
   ============================================== */

/* ========== TABLETTE (max 1024px) ========== */
@media (max-width: 1024px) {

  .whb-main-nav .wd-nav > li > a {
    padding: 8px 10px !important;
    font-size: 13px !important;
  }

  .single-product .product_title {
    font-size: 1.3rem !important;
  }

  .single-product .price {
    font-size: 1.75rem !important;
  }

  .dida-trust-badges {
    gap: 12px;
  }
}

/* ========== MOBILE (max 768px) ========== */
@media (max-width: 768px) {

  /* --- Body --- */
  body {
    font-size: 14px;
  }

  /* --- Header mobile propre --- */
  .whb-header {
    padding: 6px 0 !important;
  }

  .site-logo img {
    max-height: 34px !important;
  }

  /* Search : pas de zoom iOS */
  input[type="text"],
  input[type="search"],
  input[type="email"],
  textarea,
  select {
    font-size: 16px !important;
  }

  /* --- Fiche produit mobile --- */
  .single-product .product_title {
    font-size: 1.2rem !important;
    line-height: 1.3 !important;
  }

  .single-product .price,
  .single-product .summary .price {
    font-size: 1.5rem !important;
  }

  .single-product .stock {
    font-size: 11px !important;
    padding: 4px 10px !important;
  }

  /* Quantité + bouton en colonne */
  .single-product .cart,
  .single-product form.cart {
    flex-direction: column !important;
    gap: 10px !important;
  }

  .single-product .quantity {
    width: 100% !important;
    justify-content: center;
  }

  .single-product .single_add_to_cart_button {
    width: 100% !important;
    padding: 16px 24px !important;
    font-size: 16px !important;
    text-align: center;
    justify-content: center;
  }

  /* Trust badges : colonne sur mobile */
  .dida-trust-badges {
    flex-direction: column !important;
    gap: 8px !important;
    align-items: flex-start !important;
  }

  /* Payment icons : wrap */
  .dida-payment-row {
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  /* Description courte */
  .single-product .woocommerce-product-details__short-description {
    font-size: 13px !important;
  }

  /* --- Cartes produits mobile --- */
  .products .product .product-element-bottom,
  .products .product .product-information {
    padding: 10px 10px 14px !important;
  }

  .wd-entities-title a,
  .product-title a {
    font-size: 12.5px !important;
  }

  .products .product .price {
    font-size: 14px !important;
  }

  .wd-product-labels .product-label,
  .product-labels span {
    font-size: 10px !important;
    padding: 3px 7px !important;
  }

  /* Boutons hover toujours visibles mobile */
  .wd-bottom-actions {
    opacity: 1 !important;
    visibility: visible !important;
  }

  /* --- Mini cart mobile full width --- */
  .wd-cart-design-side .cart-widget-side,
  .wd-side-cart {
    width: 100vw !important;
    max-width: 100vw !important;
  }

  /* --- Footer mobile centré --- */
  .footer-container .widget {
    margin-bottom: 24px !important;
    text-align: center;
  }

  .footer-container .wd-social-icons {
    justify-content: center;
  }

  /* --- Shop toolbar mobile --- */
  .wd-shop-toolbar {
    flex-wrap: wrap;
    gap: 8px;
  }

  /* --- Pagination mobile --- */
  .woocommerce-pagination .page-numbers li a,
  .woocommerce-pagination .page-numbers li span {
    width: 36px !important;
    height: 36px !important;
    line-height: 36px !important;
    font-size: 13px !important;
  }
}

/* ========== PETIT MOBILE (max 480px) ========== */
@media (max-width: 480px) {

  h1, .page-title h1 {
    font-size: 1.25rem !important;
  }

  h2 {
    font-size: 1.1rem !important;
  }

  .single-product .product_title {
    font-size: 1.1rem !important;
  }

  .single-product .price,
  .single-product .summary .price {
    font-size: 1.35rem !important;
  }

  .single-product .single_add_to_cart_button {
    padding: 14px 20px !important;
    font-size: 15px !important;
  }

  /* Cartes plus compactes */
  .products .product .product-element-bottom {
    padding: 8px 8px 12px !important;
  }

  .wd-entities-title a {
    font-size: 12px !important;
  }

  .products .product .price {
    font-size: 13px !important;
  }
}

/* ========== TACTILE : zones de tap plus grandes ========== */
@media (hover: none) and (pointer: coarse) {

  .product .add_to_cart_button,
  .wd-add-cart-btn a,
  .wd-action-btn > a {
    min-height: 44px !important;
    min-width: 44px !important;
  }

  .wd-nav > li > a {
    min-height: 44px !important;
    display: flex;
    align-items: center;
  }

  .single-product .quantity .plus,
  .single-product .quantity .minus,
  .single-product .quantity .wd-qty-btn {
    min-width: 44px !important;
    min-height: 44px !important;
  }

  /* Pas de hover transform sur tactile */
  .products .product:hover {
    transform: none !important;
  }
}

/* ========== STICKY ATC MOBILE ========== */
@media (max-width: 768px) {

  .dida-sticky-atc {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    background: #fff;
    border-top: 1px solid #E2E8F0;
    box-shadow: 0 -4px 20px rgba(0,0,0,0.08);
    padding: 10px 16px;
    display: flex;
    align-items: center;
    gap: 12px;
    transform: translateY(100%);
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  }

  .dida-sticky-atc.visible {
    transform: translateY(0);
  }

  .dida-sticky-atc .dida-sticky-price {
    font-weight: 800;
    font-size: 16px;
    color: #1E293B;
    white-space: nowrap;
    font-family: 'Inter', sans-serif;
  }

  .dida-sticky-atc .dida-sticky-btn {
    flex: 1;
    background: #2563EB;
    color: #fff;
    border: none;
    border-radius: 10px;
    font-weight: 700;
    font-size: 15px;
    padding: 14px 20px;
    cursor: pointer;
    text-align: center;
    font-family: 'Inter', sans-serif;
    box-shadow: 0 4px 12px rgba(37,99,235,0.25);
  }

  /* Espace pour le sticky en bas */
  .single-product .site-content {
    padding-bottom: 75px !important;
  }
}

/* ========== PRINT ========== */
@media print {
  .whb-header,
  .whb-footer,
  .footer-container,
  .wd-action-btn,
  .single_add_to_cart_button,
  .quantity,
  .dida-sticky-atc,
  .dida-trust-badges {
    display: none !important;
  }
}


/* ========== ONGLETS PRODUIT — fond & séparateur ========== */
/* Conteneur nav : fond blanc, séparateur doré en bas */
.single-product .woocommerce-tabs .wd-nav-wrapper,
.single-product .woocommerce-tabs .wd-nav-tabs-wrapper {
  background: #fff !important;
  border-bottom: 2px solid #E2E8F0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 28px !important;
}

/* Reset border/background sur la liste des onglets */
.single-product .woocommerce-tabs ul.tabs,
.single-product .wd-nav-tabs {
  background: transparent !important;
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Lien onglet : underline active dépasse la bordure du nav (-2px) */
.single-product .woocommerce-tabs ul.tabs li a,
.single-product .wd-nav-tabs li a {
  margin-bottom: -2px !important;
  padding-bottom: 14px !important;
  background: transparent !important;
  border: none !important;
  border-bottom: 3px solid transparent !important;
}

/* Onglet actif : texte marine, soulignement doré */
.single-product .woocommerce-tabs ul.tabs li.active a,
.single-product .wd-nav-tabs li.active a {
  color: #184860 !important;
  border-bottom-color: #FFD818 !important;
}

/* Hover : couleur marine sans soulignement */
.single-product .woocommerce-tabs ul.tabs li a:hover,
.single-product .wd-nav-tabs li a:hover {
  color: #184860 !important;
}

/* Contenu onglet : fond transparent */
.single-product .woocommerce-Tabs-panel,
.single-product .wd-tab-content {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding-top: 0 !important;
}