/* ============================================================
   Kropp Feinkost – Produkt-Detailseite (PDP)
   Bringt die WooCommerce-Einzelproduktseite auf die Optik
   unseres Mockups "Produktseite Vorlage".
   ============================================================ */

/* --- Container/Breite an unser Layout angleichen --- */
body.single-product .kp-full,
body.single-product div.product{ max-width:1000px; margin-left:auto; margin-right:auto; }

/* --- Brotkrumen dezenter + etwas Luft zur Galerie --- */
body.single-product .woocommerce-breadcrumb{
  font-size:13px; color:var(--wp--preset--color--muted,#6f675a);
  padding:18px 0 6px; margin:0 0 18px;
}
/* kleiner Abstand oben bei den Bildern */
body.single-product div.product{ margin-top:10px; }
body.single-product div.product .woocommerce-product-gallery{ margin-top:6px; }

/* --- Galerie: weiche Ecken + Schatten wie im Mockup --- */
body.single-product div.product .woocommerce-product-gallery{ margin-bottom:0; }
body.single-product div.product .woocommerce-product-gallery__image img{
  border-radius:16px;
  box-shadow:0 14px 36px rgba(60,40,20,.12);
}
body.single-product div.product .flex-control-thumbs{
  display:grid !important; grid-template-columns:repeat(4,1fr); gap:10px;
  margin-top:22px !important; width:100%; padding:0; list-style:none;
}
body.single-product div.product .flex-control-thumbs li{
  width:auto !important; margin:0 !important; float:none !important;
}
body.single-product div.product .flex-control-thumbs li img{
  width:100%; border-radius:10px; opacity:.78; transition:.2s;
}
body.single-product div.product .flex-control-thumbs li img:hover,
body.single-product div.product .flex-control-thumbs li img.flex-active{ opacity:1; }

/* --- Titel --- */
body.single-product div.product .product_title{
  font-family:'Fraunces',Georgia,serif; font-weight:900; line-height:1.1;
  letter-spacing:-.01em; font-size:clamp(28px,3.6vw,40px); margin:.1em 0 .25em;
}

/* --- Preis in Terrakotta, tabellarische Ziffern --- */
body.single-product div.product p.price,
body.single-product div.product span.price{
  color:var(--wp--preset--color--accent,#A8472A) !important;
  font-weight:700; font-variant-numeric:lining-nums tabular-nums;
  font-size:26px;
}
body.single-product div.product p.price del{ color:var(--wp--preset--color--muted,#6f675a); font-weight:400; }
body.single-product div.product p.price ins{ text-decoration:none; }

/* --- Hinweis: nur im Laden erhältlich (nicht bestellbar) --- */
.kp-laden-note{
  display:inline-block; background:var(--wp--preset--color--bg-2,#F3E9D6);
  color:var(--wp--preset--color--wood,#785F44); border-left:4px solid var(--wp--preset--color--accent,#A8472A);
  border-radius:8px; padding:10px 14px; font-size:15px; font-weight:600; margin:6px 0 14px;
}

/* --- Grundpreis-Zeile (200-g-Becher · X €/100 g) --- */
.kp-grundpreis{
  font-size:13px; color:var(--wp--preset--color--muted,#6f675a);
  margin:-6px 0 14px; font-variant-numeric:lining-nums tabular-nums;
}

/* --- Kurzbeschreibung als Lead --- */
body.single-product div.product .woocommerce-product-details__short-description{
  font-size:18px; color:var(--wp--preset--color--muted,#6f675a); line-height:1.6;
}

/* --- Warenkorb-Button --- */
body.single-product div.product form.cart .button{
  background:var(--wp--preset--color--accent,#A8472A); color:#fff;
  border-radius:10px; font-weight:600; padding:12px 24px; font-size:16px;
  transition:.2s;
}
body.single-product div.product form.cart .button:hover{
  background:var(--wp--preset--color--accent-h,#90391f); transform:translateY(-2px);
}
body.single-product div.product .quantity input.qty{
  border:1px solid var(--wp--preset--color--line,#e7dcc4); border-radius:8px; padding:8px;
}

/* --- SKU/Kategorie-Meta dezent --- */
body.single-product div.product .product_meta{
  font-size:13px; color:var(--wp--preset--color--muted,#6f675a);
  border-top:1px solid var(--wp--preset--color--line,#e7dcc4); padding-top:14px; margin-top:18px;
}

/* ============================================================
   Inline-Inhalt (statt Tabs): unsere gestylten Abschnitte
   Wrapper: .kp-pdp
   ============================================================ */
.kp-pdp{ margin-top:8px; }
.kp-pdp .sec{ padding:26px 0; border-top:1px solid var(--wp--preset--color--line,#e7dcc4); }
.kp-pdp .sec:first-child{ border-top:none; padding-top:14px; }
.kp-pdp .sec h2{
  font-family:'Fraunces',Georgia,serif; font-weight:900; color:var(--wp--preset--color--head,#282828);
  font-size:25px; margin:0 0 12px; line-height:1.1; letter-spacing:-.01em;
}
.kp-pdp .sec h3{ font-family:'Fraunces',Georgia,serif; font-weight:900; }
.kp-pdp .sec p{ font-size:16px; line-height:1.7; margin:0 0 10px; }
.kp-pdp .sec p:last-child{ margin-bottom:0; }

/* Zutaten-Chips */
.kp-pdp .tags span{
  display:inline-block; background:var(--wp--preset--color--bg-2,#F3E9D6);
  color:var(--wp--preset--color--wood,#785F44); font-size:14px;
  padding:5px 12px; border-radius:20px; margin:4px 6px 4px 0;
}

/* Transparenz-Box */
.kp-pdp .trans{
  background:var(--wp--preset--color--bg-2,#F3E9D6);
  border-left:5px solid var(--wp--preset--color--accent,#A8472A);
  border-radius:0 12px 12px 0; padding:18px 22px;
}
.kp-pdp .trans h3{ font-size:21px; margin:0 0 6px; }
.kp-pdp .trans a{ color:var(--wp--preset--color--accent,#A8472A); }
.kp-pdp .allerg{ margin-top:12px; font-size:15px; color:var(--wp--preset--color--muted,#6f675a); }

/* Nährwerte-Tabelle */
.kp-pdp table.nw{ width:100%; max-width:420px; font-size:15px; border-collapse:collapse; }
.kp-pdp table.nw td{ padding:7px 0; border-bottom:1px solid var(--wp--preset--color--line,#e7dcc4); }
.kp-pdp table.nw td:last-child{ text-align:right; font-weight:700; font-variant-numeric:lining-nums tabular-nums; }

/* FAQ */
.kp-pdp .faq p{ margin-bottom:12px; }
.kp-pdp .faq strong{ color:var(--wp--preset--color--head,#282828); }

/* ============================================================
   "Mehr aus dieser Kategorie" – eigene Related-Sektion (Mockup-Stil)
   ============================================================ */
.kp-related{ padding:30px 0; border-top:1px solid var(--wp--preset--color--line,#e7dcc4); margin-top:8px; }
.kp-related h2{
  font-family:'Fraunces',Georgia,serif; font-weight:900; color:var(--wp--preset--color--head,#282828);
  font-size:25px; margin:0 0 16px; line-height:1.1; letter-spacing:-.01em;
}
.kp-relgrid{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.kp-relcard{
  background:var(--wp--preset--color--surface,#fff);
  border:1px solid var(--wp--preset--color--line,#e7dcc4);
  border-radius:12px; overflow:hidden; text-decoration:none;
  color:var(--wp--preset--color--head,#282828); transition:.2s; display:block;
}
.kp-relcard:hover{
  border-color:var(--wp--preset--color--accent,#A8472A);
  transform:translateY(-4px); box-shadow:0 14px 36px rgba(60,40,20,.12);
}
.kp-relcard img{ width:100%; height:140px; object-fit:cover; border-radius:0; box-shadow:none; }
.kp-relcard .t{ padding:10px 12px; font-size:15px; line-height:1.3; }

@media(max-width:780px){ .kp-relgrid{ grid-template-columns:1fr 1fr; } }
@media(max-width:480px){ .kp-relgrid{ grid-template-columns:1fr 1fr; } .kp-relcard img{ height:110px; } }

/* Standard-WooCommerce-Related ausblenden (wir nutzen .kp-related) */
body.single-product section.related.products,
body.single-product .up-sells.products,
body.single-product .wp-block-woocommerce-product-collection{ display:none !important; }