/* rmd-kadence-child/assets/css/woocommerce.css
   WooCommerce-Skin: mappt Woos generierte Klassen auf das RMD-Design-System (nur Tokens).
   Laedt nur auf Woo-Seiten. So erben Shop/Warenkorb/Kasse/Konto automatisch das Design. */

/* ===== Buttons ===== */
.woocommerce a.button,.woocommerce button.button,.woocommerce .button,.woocommerce input.button,
.woocommerce #respond input#submit,.woocommerce .button.alt,.woocommerce-page .button,.wp-block-button__link{
  font-family:var(--font-head)!important;background:var(--color-signal)!important;color:var(--color-on-signal)!important;
  border:1.5px solid transparent!important;border-radius:var(--radius-pill)!important;font-weight:var(--fw-bold)!important;font-size:var(--fs-base)!important;
  text-transform:none!important;letter-spacing:0!important;min-height:40px!important;padding:0 var(--space-6)!important;box-sizing:border-box!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;
  box-shadow:var(--shadow-cta)!important;cursor:pointer;transition:background .15s}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce .button:hover,.woocommerce .button.alt:hover{background:var(--color-signal-hover)!important}
.woocommerce .button.disabled,.woocommerce button.button:disabled{opacity:.5!important;cursor:not-allowed}
.woocommerce .button.wc-backward,.woocommerce .button.wc-backward:hover{background:transparent!important;color:var(--color-headline)!important;border:1.5px solid var(--color-headline)!important;box-shadow:none!important}

/* ===== Formularfelder ===== */
.woocommerce form .form-row label,.woocommerce-page form .form-row label{font-family:var(--font-head);font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--color-headline)}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce-page form .form-row input.input-text,
.woocommerce form .form-row select,.woocommerce .select2-container .select2-selection--single{
  font-family:var(--font-body);font-size:var(--fs-base);color:var(--color-text);background:var(--color-field-bg);
  border:1.5px solid var(--color-field-border);border-radius:var(--radius-pill);padding:0 var(--space-5);
  height:var(--field-height);line-height:calc(var(--field-height) - 3px)}
.woocommerce form .form-row textarea{height:auto;min-height:120px;border-radius:var(--radius-lg);padding:var(--space-3) var(--space-5);line-height:1.5}
.woocommerce form .form-row input.input-text:focus,.woocommerce form .form-row textarea:focus,.woocommerce form .form-row select:focus{
  outline:none;border-color:var(--color-headline);box-shadow:0 0 0 3px rgba(0,0,0,.06)}
.woocommerce form .form-row.woocommerce-invalid input.input-text{border-color:var(--color-error)}
.woocommerce form .form-row input[type=checkbox],.woocommerce form .form-row input[type=radio]{accent-color:var(--color-headline)}

/* ===== Notices / Meldungen ===== */
.woocommerce-message,.woocommerce-info,.woocommerce-error,.woocommerce-noreviews,.woocommerce ul.woocommerce-error{
  font-family:var(--font-body);font-size:var(--fs-sm);border-radius:var(--radius-sm);
  border:1px solid var(--color-border);padding:var(--space-3) var(--space-4);list-style:none}
.woocommerce-message{background:var(--color-success-bg);border-color:var(--color-success);color:var(--color-success-ink)}
.woocommerce-info{background:var(--color-info-bg);border-color:var(--color-signal-hover);color:var(--color-text)}
.woocommerce-error{background:var(--color-error-bg);border-color:var(--color-error);color:var(--color-error-ink)}
.woocommerce-message::before,.woocommerce-info::before,.woocommerce-error::before{color:inherit}

/* ===== Tabellen ===== */
.woocommerce table.shop_table,.woocommerce-cart table.cart,.woocommerce table.woocommerce-checkout-review-order-table,.woocommerce table.my_account_orders{
  border-collapse:collapse;border:none;font-family:var(--font-body);font-size:var(--fs-sm)}
.woocommerce table.shop_table th{font-family:var(--font-head);font-weight:var(--fw-bold);color:var(--color-headline);text-align:left;padding:var(--space-3) var(--space-4);border-bottom:2px solid var(--color-border)}
.woocommerce table.shop_table td{padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border);color:var(--color-text)}

/* ===== Menge / Quantity ===== */
.woocommerce .quantity .qty{font-family:var(--font-body);font-size:var(--fs-base);height:var(--field-height);width:72px;text-align:center;border:1.5px solid var(--color-field-border);border-radius:var(--radius-pill);color:var(--color-text)}

/* ===== Preis ===== */
.woocommerce .price,.woocommerce div.product p.price,.woocommerce ul.products li.product .price{font-family:var(--font-head);font-weight:var(--fw-bold);color:var(--color-headline)}
.woocommerce .price del{color:var(--color-text-muted);font-weight:var(--fw-medium)}
.woocommerce .price ins{text-decoration:none}
.woocommerce div.product .product_title{font-family:var(--font-head);font-size:var(--fs-3xl);font-weight:var(--fw-head);color:var(--color-headline)}

/* ===== Sale-Badge ===== */
.woocommerce span.onsale{background:var(--color-sale)!important;color:var(--color-bg)!important;font-family:var(--font-head);font-weight:var(--fw-bold);border-radius:var(--radius-pill);min-height:0;min-width:0;padding:var(--space-1) var(--space-3);line-height:1.4}

/* ===== Sterne ===== */
.woocommerce .star-rating span::before,.woocommerce .star-rating::before{color:var(--color-star)}

/* ===== Pagination ===== */
.woocommerce nav.woocommerce-pagination ul{border:none;display:flex;flex-wrap:wrap;gap:var(--space-2)}
.woocommerce nav.woocommerce-pagination ul li{border:none;margin:0}
.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{
  display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 var(--space-3);
  border:1.5px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-head);font-weight:var(--fw-semibold);color:var(--color-headline);background:transparent}
.woocommerce nav.woocommerce-pagination ul li span.current{background:var(--color-headline);color:var(--color-bg);border-color:var(--color-headline)}
.woocommerce nav.woocommerce-pagination ul li a:hover{border-color:var(--color-headline);background:transparent;color:var(--color-headline)}

/* ===== Breadcrumb ===== */
.woocommerce .woocommerce-breadcrumb{font-family:var(--font-body);font-size:var(--fs-sm);color:var(--color-text-muted)}
.woocommerce .woocommerce-breadcrumb a{color:var(--color-text-muted);text-decoration:none}
.woocommerce .woocommerce-breadcrumb a:hover{color:var(--color-headline)}

/* ===== Produkt-Tabs ===== */
.woocommerce div.product .woocommerce-tabs ul.tabs{border:none}
.woocommerce div.product .woocommerce-tabs ul.tabs li{background:transparent;border:none;border-radius:0;margin:0 var(--space-4) 0 0}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{font-family:var(--font-head);font-weight:var(--fw-semibold);color:var(--color-text-muted);padding:var(--space-3) 0;border-bottom:2px solid transparent}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:var(--color-headline);border-bottom-color:var(--color-headline)}
.woocommerce div.product .woocommerce-tabs ul.tabs::before{border-color:var(--color-border)}

/* ===== Produkt-Loop (Shop/Kategorie) - Basis-Skin bis Batch 2 (dedizierte Produktkarte) ===== */
.woocommerce ul.products li.product{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-4);transition:box-shadow .15s,transform .15s}
.woocommerce ul.products li.product:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}
.woocommerce ul.products li.product a img{border-radius:var(--radius-sm)}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-family:var(--font-head);font-weight:var(--fw-semibold);font-size:var(--fs-base);color:var(--color-headline);padding:var(--space-3) 0 var(--space-1)}

/* Fokus-Ring DUNKEL (nicht gelb) - Gelb bleibt ausschliesslich dem CTA. */
.woocommerce a:focus-visible,.woocommerce button:focus-visible,.woocommerce input:focus-visible,.woocommerce select:focus-visible{outline:2px solid var(--color-headline);outline-offset:2px}