/*
 Theme Name:   Divi Child – Kabeldoc FULL
 Template:     Divi
 Version:      1.3
 Description:  Vollständige Optimierung für WooCommerce (Warenkorb, Checkout, Produktseiten) inkl. UX, Zahlungslogos, WhatsApp; kompatibel mit Germanized & Divi.
*/

:root{
  --brand-red:#c30000;
  --brand-black:#000000;
  --brand-dark:#111;
  --brand-gray:#555;
  --bg-soft:#fafafa;
  --border:#e6e6e6;
}

/* ===== Global Buttons/CTAs ===== */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .wc-proceed-to-checkout a.checkout-button,
.woocommerce #place_order{
  background-color: var(--brand-red);
  color: #000; /* schwarze Schrift im roten CTA */
  font-size: 18px;
  font-weight: 700;
  border-radius: 10px;
  padding: 14px 22px;
  letter-spacing: .5px;
  transition: transform .06s ease, background-color .25s ease;
  border:none;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce #place_order:hover{
  background-color: var(--brand-black);
  color:#fff;
  transform: translateY(-1px);
}

/* ===== Warenkorb ===== */
.woocommerce-cart table.cart th,
.woocommerce-cart table.cart td {
  padding: 12px;
  font-size: 15px;
}
.woocommerce-cart .product-name a { font-weight: 600; color: #000; }
.woocommerce-cart .cart_totals {
  border: 1px solid var(--border);
  padding: 22px;
  border-radius: 12px;
  background: var(--bg-soft);
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button { width:100%; }

/* Fortschrittsanzeige */
.kabeldoc-progress{ display:flex; gap:12px; align-items:center; margin:10px 0 20px; font-size:14px; }
.kabeldoc-step{ display:flex; align-items:center; gap:8px; }
.kabeldoc-dot{ width:22px; height:22px; border-radius:50%; background:#fff; border:2px solid var(--border); display:inline-flex; align-items:center; justify-content:center; font-size:12px; color:#999; }
.kabeldoc-step.active .kabeldoc-dot{ border-color:var(--brand-red); color:#000; background:#ffe7e7; }
.kabeldoc-sep{ flex:1; height:2px; background:var(--border); }

/* Hinweis-/Trust-Boxen */
.checkout-trust, .cart-contact, .cart-delivery{
  background:#fff;
  border:1px solid var(--border);
  border-radius:10px;
  padding:14px 16px;
  margin:18px 0;
  font-size:14px;
  color:var(--brand-gray);
}

/* Zahlungslogos */
.kabeldoc-payments{ display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin-top:8px; }
.kabeldoc-payments img{ height:26px; width:auto; display:block; filter: grayscale(0); }

/* WhatsApp Floating Button */
.kabeldoc-whatsapp{
  position:fixed; right:18px; bottom:18px; z-index:1000;
  display:flex; align-items:center; gap:10px;
  background:#25D366; color:#111; border-radius:40px; padding:10px 14px;
  box-shadow:0 6px 20px rgba(0,0,0,.15);
}
.kabeldoc-whatsapp a{ color:#111; text-decoration:none; font-weight:700 }

/* ===== Checkout ===== */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
  border: 1px solid #ccc;
  border-radius: 8px;
  padding: 12px;
  font-size: 16px;
}
.woocommerce-checkout-review-order-table{ border-radius:10px; overflow:hidden; border:1px solid var(--border); }
.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td { padding:12px; font-size:15px; }
.woocommerce-checkout #payment{ border-radius:10px; border:1px solid var(--border); padding:16px; background:var(--bg-soft); }

/* ===== Produktseiten ===== */
.single-product .product .summary.entry-summary{
  position: sticky;
  top: 90px;
  align-self: start;
  background:#fff;
  border:1px solid var(--border);
  border-radius:12px;
  padding:20px;
}
.single-product .product .woocommerce-product-gallery{
  border:1px solid var(--border);
  border-radius:12px;
  padding:10px;
  background:#fff;
}
.single-product .product_title{ font-weight:800; letter-spacing:.2px; }
.single-product p.price, .single-product span.price{ font-size:26px; font-weight:700; color:var(--brand-black); }

.single-product .single_add_to_cart_button,
.single-product .woocommerce a.button{ background:var(--brand-red); color:#000; font-weight:700; border:none; border-radius:10px; padding:14px 22px; }
.single-product .single_add_to_cart_button:hover{ background:#000; color:#fff; }

.kabeldoc-usps{ display:grid; gap:10px; margin:14px 0 8px; }
.kabeldoc-usps .usp{ display:flex; gap:10px; align-items:flex-start; background:#fff; border:1px solid var(--border); border-radius:10px; padding:10px 12px; font-size:14px; color:#444; }
.kabeldoc-usps .usp b{ color:#000 }

.kabeldoc-specs{ border:1px solid var(--border); border-radius:10px; overflow:hidden; margin:18px 0; background:#fff; }
.kabeldoc-specs table{ width:100%; border-collapse:collapse }
.kabeldoc-specs td{ padding:10px 12px; border-bottom:1px solid var(--border); font-size:14px }
.kabeldoc-specs tr:last-child td{ border-bottom:none }

.kabeldoc-trust{ background:#fff; border:1px solid var(--border); border-radius:10px; padding:14px; margin:16px 0; font-size:14px; color:#555; }
.kabeldoc-delivery{ background:var(--bg-soft); border:1px dashed var(--border); border-radius:10px; padding:12px; margin:12px 0; font-size:14px; }

/* Produkt-Meta (Kategorien/Tags) ausblenden als Fallback */
.single-product .product .product_meta{ display:none !important; }

/* Mobile */
@media (max-width: 980px){
  .single-product .product .summary.entry-summary{ position:static }
}
@media (max-width: 768px){
  .woocommerce .col2-set .col-1, .woocommerce .col2-set .col-2 { width:100%; }
  .woocommerce #place_order { width:100%; }
  .kabeldoc-progress{ font-size:13px; gap:8px; }
}