/* ═══════════════════════════════════════════════════════════════
   ODP — CARNET D'HERBORISTE (test v1)
   Habillage des fiches produits WooCommerce en « carnet de notes »
   Thème enfant lodp-gp-child — chargé APRÈS lodp-brand (priorité 1001+)
   Classes cibles : classes natives WooCommerce (vérifiées 17/08)
   ═══════════════════════════════════════════════════════════════ */

body.single-product {
  --carnet-papier:#faf5ea;
  --carnet-ligne:#d9cfbd;
  --carnet-dore:#b98a2f;
  --carnet-encr:#33291f;
}

/* ---- Le Wrapper onglets devient une double page / carnet ---- */
body.single-product .woocommerce-tabs.wc-tabs-wrapper {
  background: var(--carnet-papier);
  border: 1px solid var(--carnet-ligne);
  border-radius: 6px;
  box-shadow: 0 16px 44px rgba(80,60,30,.16), inset 0 0 60px rgba(150,120,70,.10);
  margin: 34px 0 28px;
  padding: 0;
  background-image:
    repeating-linear-gradient(transparent, transparent 27px,
      rgba(185,138,47,.10) 27px, rgba(185,138,47,.10) 28px);
}

/* ---- Onglets = languettes de fiche cartonnée ---- */
body.single-product ul.tabs.wc-tabs {
  display: flex !important;
  flex-wrap: wrap;
  gap: 5px;
  border: none !important;
  padding: 14px 14px 0 !important;
  margin: 0 !important;
}
body.single-product ul.tabs.wc-tabs::before { display: none !important; }
body.single-product ul.tabs.wc-tabs li {
  border: 1px solid var(--carnet-ligne) !important;
  background: #ece2d0 !important;
  border-radius: 6px 6px 0 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  transform: rotate(-.5deg);
}
body.single-product ul.tabs.wc-tabs li:nth-child(2n) { transform: rotate(.5deg); }
body.single-product ul.tabs.wc-tabs li a {
  display: block;
  padding: 8px 16px;
  font-family: 'Special Elite', 'Courier New', monospace !important;
  font-size: 12.5px !important;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--carnet-encr) !important;
  text-shadow: none;
  line-height: 1;
}
body.single-product ul.tabs.wc-tabs li.active {
  background: var(--carnet-papier) !important;
  border-bottom: 1px solid transparent !important;
}
body.single-product ul.tabs.wc-tabs li.active a { color: #cc5803 !important; }

/* ---- Panels = feuilles du carnet ---- */
body.single-product .woocommerce-Tabs-panel {
  border: none !important;
  border-top: 1px dashed var(--carnet-ligne);
  margin: 0 !important;
  padding: 22px 26px 30px !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}
body.single-product .woocommerce-Tabs-panel p,
body.single-product .woocommerce-Tabs-panel div:not(.comment-text),
body.single-product .woocommerce-Tabs-panel li {
  font-family: Georgia, 'Times New Roman', serif;
  color: #4a3e30;
  font-size: 16px;
}

/* ---- Description : note manuscrite façon carnet ---- */
body.single-product #tab-description .panel.entry-content::after,
body.single-product .woocommerce-Tabs-panel--description::after {
  content: "— Relevé à l'atelier de Sauve —";
  display: block;
  margin-top: 18px;
  font-family: 'Caveat', cursive;
  font-size: 21px;
  color: var(--carnet-dore);
  transform: rotate(-1deg);
}

/* ---- Fiche technique (table d'attributs) en feuille de carnet ---- */
body.single-product table.woocommerce-product-attributes {
  border: none;
  background: transparent;
  margin-top: 8px;
}
body.single-product table.woocommerce-product-attributes,
body.single-product table.woocommerce-product-attributes td {
  border: none !important;
}
body.single-product table.woocommerce-product-attributes th {
  font-family: 'Special Elite', monospace;
  font-size: 11px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #8a8178;
  font-weight: 400;
  text-align: left;
  width: 36%;
  padding: 9px 6px;
  background: transparent;
  border: none;
}
body.single-product table.woocommerce-product-attributes td {
  padding: 9px 6px;
  border-bottom: 1px dashed var(--carnet-ligne) !important;
  background: transparent;
  font-family: Georgia, serif;
  color: #33291f;
}

/* ---- En-tête : tampon « atelier » sur la galerie ---- */
body.single-product .woocommerce-product-gallery__wrapper {
  position: relative;
}
body.single-product .woocommerce-product-gallery__wrapper::after {
  content: none; /* tampon atelier NEUTRALISÉ 17/08/2026 : dupliquait le badge doré dynamique (fabriqué) et s'affichait sur tous les produits (y c. simplement conditionnés). */
  position: absolute;
  top: 14px; left: 14px;
  color: #cc5803;
  border: 2px solid #cc5803;
  border-radius: 8px;
  padding: 3px 12px;
  font-family: 'Special Elite', monospace;
  font-size: 11.5px;
  letter-spacing: .18em;
  background: rgba(250,245,234,.85);
  transform: rotate(-3deg);
  pointer-events: none;
  z-index: 5;
}

/* ---- Similaires = fiches cartonnées posées ---- */
body.single-product .related.products ul.products,
body.single-product .related.products {
  clear: both;
}
body.single-product .related.products .product {
  background: #f5edd9 !important;
  border: 1px solid var(--carnet-ligne);
  border-radius: 6px;
  padding: 12px;
  box-shadow: 2px 2px 8px rgba(80,60,30,.14);
  transform: rotate(-.4deg);
}
body.single-product .related.products .product:nth-child(2n) { transform: rotate(.4deg); }
body.single-product .related.products .product:hover { transform: rotate(0deg) translateY(-2px); }
body.single-product .related.products h2.woocommerce-loop-product__title {
  font-family: Georgia, serif !important;
  font-size: 15.5px !important;
}

/* ---- Titre & meta ---- */
body.single-product h1.product_title {
  font-family: Georgia, 'Times New Roman', serif;
  font-weight: 600;
  letter-spacing: .01em;
}
body.single-product .product_meta {
  border-top: 1px dashed var(--carnet-ligne);
  font-family: 'Special Elite', monospace;
  font-size: 11.5px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #8a8178;
}

/* ---- Prix : encadré « oxydé » (léger) ---- */
body.single-product .summary .price {
  font-family: Georgia, serif;
  color: #33291f;
}

/* ---- Avis : tampon étoiles ---- */
body.single-product #reviews .commentlist { list-style: none; }
body.single-product #reviews .commentlist li {
  background: #fffdf8;
  border: 1px dashed var(--carnet-ligne);
  border-radius: 6px;
  padding: 12px 16px;
  margin-bottom: 10px;
}