/* =====================================================
   Knusperschmiede Bebra – Komplett-CSS (v10)
   Nur Kategorie-Filter, neutrale Hinweisbox, Markenfarben
   ===================================================== */

/* -------- Variablen -------- */
:root{
  --kp-primary:#ed850f;
  --kp-dark:#3c3c3c;
  --kp-bg:#f7f5f2;
  --kp-muted:#9e9e9e;
  --kp-radius:14px;
  --kp-shadow:0 2px 10px rgba(0,0,0,.05);
  --kp-shadow-lg:0 6px 18px rgba(0,0,0,.07);
  --kp-hscale:0.94; /* Headlines leicht kleiner */
}

/* -------- Grundlayout & Typo -------- */
body.shop{ background: var(--kp-bg); color: var(--kp-dark); }
a{ color: var(--kp-primary); text-decoration: none; }
a:hover{ text-decoration: underline; filter: brightness(.94); }

/* Headlines minimal kleiner (sichtbar) */
body.shop h1{ font-size: calc(var(--kp-hscale) * 2em) !important; }
body.shop h2{ font-size: calc(var(--kp-hscale) * 1.75em) !important; }
body.shop h3{ font-size: calc(var(--kp-hscale) * 1.5em) !important; }
body.shop h4{ font-size: calc(var(--kp-hscale) * 1.25em) !important; }
body.shop h5{ font-size: calc(var(--kp-hscale) * 1.1em) !important; }
body.shop h6{ font-size: calc(var(--kp-hscale) * 1em) !important; }
.s-heading,.shop-heading{ font-size: calc(var(--kp-hscale) * 1em) !important; color: var(--kp-dark); }

/* Fokus sichtbar */
:where(a,button,input,select,textarea,.btn):focus{ outline:3px solid rgba(237,133,15,.35); outline-offset:2px; }

/* -------- Header -------- */
.s-header{ background:#fff !important; border-bottom:3px solid var(--kp-primary) !important; position:sticky; top:0; z-index:1000; }
.s-header-logo img{ max-height:46px; }

/* -------- Hinweis-/Infobox (oben) neutral – kein orangener Rand -------- */
/* laut Doku sind u. a. .s-alert, .s-info-container, .s-delivery-hints im Einsatz */
.shop .alert-info,
.shop .alert.alert-info,
.shop .s-alert,
.s-info-container,
.s-delivery-hints,
.s-checkout-hints,
.s-delivery-note-remarks{
  background:#fff !important;
  color: var(--kp-dark) !important;
  border:1px solid #e6e2dc !important;
  border-radius:12px !important;
  box-shadow: var(--kp-shadow) !important;
  background-image:none !important;
  border-image:none !important;
}
.shop .alert-info::before,
.shop .alert-info::after,
.s-info-container::before,
.s-info-container::after{ content:none !important; }

/* FAQ-Body (aus deiner alten Version) */
.s-faq-body{ color:#3c3c3c; }  /* :contentReference[oaicite:1]{index=1} */

/* -------- Kategorie-Chips & aktive Filter-Tags -------- */
.s-category-nav .nav-link,
.s-filter .s-category-item a{
  display:inline-block; padding:.35rem .75rem; margin:.2rem .35rem .2rem 0;
  background:#fff; border:1px solid #e9e5df; border-radius:999px;
  box-shadow: var(--kp-shadow); color: var(--kp-dark); line-height:1.1;
}
.s-category-nav .nav-link:hover,
.s-filter .s-category-item a:hover{ border-color: var(--kp-primary); }
.s-category-nav .nav-link.active,
.s-filter .s-category-item a.active{
  background: var(--kp-primary) !important; color:#fff !important; border-color: var(--kp-primary) !important;
}

/* Aktive Filter-Badges/Chips (Leiste über Produkten) */
.shop .s-active-filters .badge,
.shop .s-active-filters .tag,
.shop .filter-tag,
.shop .badge-info{
  background: var(--kp-primary) !important; color:#fff !important;
  border:none !important; border-radius:999px !important;
}

/* -------- Produktkarten -------- */
.s-item-container,.card{ border-radius: var(--kp-radius) !important; box-shadow: var(--kp-shadow); overflow:hidden; background:#fff; }
.s-item-container{ transition: transform .15s ease, box-shadow .15s ease; }
.s-item-container:hover{ transform: translateY(-2px); box-shadow: var(--kp-shadow-lg); }
.s-product-image img,.s-product-gallery img{ width:100%; height:auto; aspect-ratio:1/1; object-fit:cover; display:block; }
.s-product-name,.s-product-name a{ font-weight:600; color: var(--kp-dark); }

/* Preise überall in Orange (nie grün) */
.shop .price,
.shop .price-tag,
.shop .s-product-price,
.shop .s-product-price .price-tag,
.shop .s-item-container .price-tag,
.shop .s-order-summary .price,
.shop .s-value-breakdown .price,
.shop .s-cart-item .price,
.shop .s-checkout-card .price,
.shop .text-success{ color: var(--kp-primary) !important; }
.s-price-old,.price-old,.s-product-price .old-price{ color: var(--kp-muted) !important; text-decoration: line-through; }
/* Dezimal-Komma (falls getrennte Spans) */
.price-tag .integers,.price-tag .decimals{ font-size:110%; line-height:1; }
.price-tag .decimals:before{ content:','; }

/* Buttons */
.btn-primary,.s-quantity-selector .btn-primary,.s-product-cart-controls .btn-primary{
  background: var(--kp-primary) !important; border-color: var(--kp-primary) !important; color:#fff !important;
}
.btn-outline-primary{ border-color: var(--kp-primary) !important; color: var(--kp-primary) !important; }
.btn-primary:hover,.btn-outline-primary:hover{ filter: brightness(.92); }
.btn-link{ color:#3c3c3c !important; }

/* -------- FILTER: Nur „Kategorie“ sichtbar -------- */
/* 1) Verstecke alle Gruppen, die als Filterblock erkannt werden */
.s-filter .filter-attribute{ display:none !important; }            /* generischer Block */
.s-filter [data-filter-attribute]{ display:none !important; }      /* Variante mit data-Attribut */
/* 2) Blende NUR Kategorie wieder ein */
/* lt. Doku heißen die Bereiche u. a. .s-filter-body / .s-filter-category / .s-filter-choices */
.s-filter [data-filter-attribute="category"],
.s-filter [data-filter-attribute="categories"],
.s-filter [data-filter-attribute="kategorie"],
.s-filter .s-filter-category{ display:block !important; }
/* 3) Sicher entfernen: Sorte/Marke/Gebinde/Größe – exakt wie in deiner alten Version */
.s-filter div[data-filter-attribute="variety"],
.s-filter div[data-filter-attribute="brand"],
.s-filter div[data-filter-attribute="container-type"],
.s-filter div[data-filter-attribute="container-size"]{ display:none !important; }
/* deutsche Varianten, falls lokalisiert */
.s-filter [data-filter-attribute="sorte"],
.s-filter [data-filter-attribute="marke"],
.s-filter [data-filter-attribute="gebindeart"],
.s-filter [data-filter-attribute="groesse"]{ display:none !important; }

/* Checkbox/Radio im Filter in Orange */
.s-filter input[type="checkbox"], .s-filter input[type="radio"]{ accent-color: var(--kp-primary); }

/* -------- Checkout/Warenkorb -------- */
.s-cart-summary,.s-checkout-summary,.s-order-summary{ position: sticky; top: 90px; }
.s-checkout-card .card-header{ background: var(--kp-primary) !important; color:#fff !important; }
.s-checkout-card .card-header a{ color:#fff !important; text-decoration: underline; }

/* Tabellen & Formulare */
.table thead th{ border-bottom:2px solid var(--kp-primary) !important; }
.table tbody tr:nth-child(odd){ background:#faf8f6; }
.form-control:focus,input:focus,select:focus,textarea:focus{
  border-color: var(--kp-primary) !important; box-shadow:0 0 0 .2rem rgba(237,133,15,.25) !important;
}

/* Footer */
footer{ background-color:#3c3c3c !important; }

/* Mobile */
@media (max-width:576px){
  .s-header-logo img{ max-height:40px; }
  .btn,.btn-primary{ padding:.85rem 1rem; }
}

/* Druck */
@media print{
  .s-header,.s-footer,.s-cookie-banner,.s-category-nav,.s-filter,.btn,.s-cart-actions{ display:none !important; }
  body{ background:#fff; color:#000; }
  .s-checkout-card,.s-order-summary,.s-order-confirmation{ box-shadow:none; border:1px solid #000; }
}

/* Artikelnummer immer ausblenden */
.s-internal-number,.s-product-internal-number,.s-product .internal-number,
.s-product-sku,[data-test="internal-number"],[data-testid="internal-number"],
.s-cart-item .s-internal-number,.s-product-meta .s-label-internal-number,.s-internal-number-label{ display:none !important; }