/* carousel.css — Naht 4 Feeder. Zentriertes Whole-Card-Band (Track-Breite per JS, mittig), Pfeile Overlay im
   Seitenraum, Relearn-Grid unberuehrt, 0 !important. Titel zweizeilig: brand (klein/grau, 1 Zeile, Ellipse)
   ueber strain (gruen, max 2 Zeilen, text-wrap:balance). brand/strain kommen aus dem Emitter (2_WORDPRESS Naht4). */
.bcm-feed{margin:2.5rem 0 0;text-align:left}
#R-body .bcm-feed-h{font-size:1rem;font-weight:600;line-height:1.3;margin:0 0 .75rem;color:#aaa;letter-spacing:.02em}
.bcm-feed-viewport{position:relative}
.bcm-feed-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;padding:0;font-size:1.4rem;line-height:1;color:var(--bl-green,#7DC903);background:var(--bl-surface,#1a1a1a);border:1px solid #333;border-radius:50%;cursor:pointer;transition:border-color .2s,transform .15s,opacity .2s}
.bcm-feed-nav--prev{left:0}
.bcm-feed-nav--next{right:0}
.bcm-feed-nav[hidden]{display:none}
.bcm-feed-nav:hover,.bcm-feed-nav:focus-visible{border-color:var(--card-green,#83b735);transform:translateY(-50%) scale(1.06)}
.bcm-feed-nav:disabled{opacity:.3;cursor:default}
.bcm-feed-track{display:flex;flex-wrap:nowrap;gap:1.25rem;margin:1.25rem auto 0;padding:.3rem 0;list-style:none;max-width:100%;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}
.bcm-feed-track::-webkit-scrollbar{display:none}
.bcm-feed-item{flex:0 0 10rem;scroll-snap-align:start;list-style:none;margin:0;min-width:0;display:flex;flex-direction:column;padding:.55rem .55rem 0;background:var(--bl-surface,#1a1a1a);border:1px solid #333;border-radius:var(--bl-box-radius,14px);overflow:hidden;transition:border-color .2s,box-shadow .2s,transform .2s}
@media screen and (max-width:47.999rem){.bcm-feed-track{gap:1rem}.bcm-feed-item{flex:0 0 8.75rem}.bcm-feed-nav{width:2rem;height:2rem;font-size:1.2rem}}
.bcm-feed-item:hover,.bcm-feed-item:focus-within{border-color:var(--card-green,#83b735);box-shadow:0 0 0 1px var(--bl-glow-hover,rgba(125,201,3,.8)),0 0 16px 3px var(--bl-glow-soft,rgba(125,201,3,.3));transform:translateY(-3px)}
#R-body .bcm-feed-media{display:block;text-decoration:none;color:inherit}
#R-body .bcm-feed-media:hover{text-decoration:none}
.bcm-feed-img{display:block;width:100%;aspect-ratio:3/4;height:auto;object-fit:cover;background:#111;border-radius:8px}
.bcm-feed-img--none{display:block;width:100%;aspect-ratio:3/4;height:auto;background:repeating-linear-gradient(45deg,#1a1a1a,#1a1a1a 8px,#202020 8px,#202020 16px)}
#R-body .bcm-feed-title{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.1rem;padding:.5rem .6rem .25rem;min-height:3.6em}
#R-body .bcm-feed-brand{font-size:.64rem;line-height:1.2;color:#9a9a9a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.01em}
#R-body .bcm-feed-strain{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.82rem;line-height:1.22;font-weight:600;color:var(--bl-green,#7DC903);text-wrap:balance;hyphens:none}
.bcm-feed-meta{padding:.05rem .6rem .3rem;text-align:center;line-height:1.3}
#R-body .bcm-feed-meta .woocommerce-Price-amount{font-size:.85rem;font-weight:700;color:#f5f5f5}
#R-body .bcm-feed-meta .child-tax-note{display:block;font-size:.62rem;font-weight:400;color:#888;margin-top:.05rem}
#R-body .bcm-feed-meta .child-unit-price{display:block;font-size:.66rem;color:#9a9a9a;margin-top:.2rem}
#R-body .bcm-feed-meta .child-seed-count{display:block;font-size:.66rem;color:#9a9a9a;margin-top:.05rem}
#R-body .bcm-feed-meta br{display:none}
#R-body .bcm-feed-price{margin:.3rem 0 0;font-size:.85rem;font-weight:700;color:#f5f5f5}
#R-body .bcm-feed-mwst{display:block;font-size:.62rem;color:#888}
#R-body .bcm-feed-unit,#R-body .bcm-feed-qty{margin:.15rem 0 0;font-size:.66rem;color:#9a9a9a}
#R-body .bcm-feed-cart{display:block;margin:auto .5rem .55rem;padding:.45rem .5rem;background:var(--bl-green,#7DC903);color:#111;font-size:.68rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;text-align:center;text-decoration:none;border-radius:8px;transition:filter .15s,transform .15s}
#R-body .bcm-feed-cart:hover,#R-body .bcm-feed-cart:focus-visible{filter:brightness(1.08);transform:translateY(-1px);text-decoration:none}
@media (prefers-reduced-motion:reduce){.bcm-feed-track{scroll-behavior:auto}.bcm-feed-item{transition:none}.bcm-feed-item:hover,.bcm-feed-item:focus-within{transform:none}#R-body .bcm-feed-cart:hover,#R-body .bcm-feed-cart:focus-visible{transform:none}.bcm-feed-nav:hover,.bcm-feed-nav:focus-visible{transform:translateY(-50%)}}
/* EOF-carousel-v3 */

/* ---- Naht-4 Preis-Anzeige: WooCommerce-a11y-Markup baendigen ----
   GRUND (gemessen 2026-07-27): price_html aus product-index.<lang>.json traegt bei
   Sale-Produkten Woo-Barrierefreiheits-Markup:
     <del aria-hidden> ALT </del><span class=screen-reader-text>Urspruenglicher Preis war: ...</span>
     <ins aria-hidden> NEU </ins><span class=screen-reader-text>Aktueller Preis ist: ...</span>
   Im Shop deckt Woo/Woodmart .screen-reader-text ab. Im Lexikon existierte KEINE Regel
   (gemessen: 0 Treffer in allen public/css/*) -> der Vorlesetext stand sichtbar in der Kachel.
   Markup bleibt unangetastet: Screenreader behalten die Ansage, das Auge sieht nur die Preise.
   Kein !important - .screen-reader-text ist sonst nirgends definiert (gemessen).
   <ins> ist im Browser-Default UNTERSTRICHEN -> im Feed abschalten.
   HEIMAT: diese Datei, weil sie bewiesen geladen wird und die 46 bcm-feed-Regeln traegt.
   NIE in custom.css: static/ ist dort durch assets/ verdeckt und damit stumm (T3). */
.screen-reader-text{
  position:absolute;
  width:1px; height:1px;
  margin:-1px; padding:0; border:0;
  overflow:hidden;
  clip:rect(0 0 0 0);
  clip-path:inset(50%);
  white-space:nowrap;
}
/* Altpreis raus (Betreiber-Entscheid 2026-07-27): die Kachel zeigt NUR den aktuellen Preis.
   Zwei Knoten, nicht einer - der Vorlesetext folgt direkt auf </del> (gemessen am DOM):
     <del aria-hidden>ALT</del><span class=screen-reader-text>Urspruenglicher Preis war: ...</span>
   Der Geschwister-Selektor trifft genau diesen einen; der SR-Text zum AKTUELLEN Preis bleibt,
   damit Auge und Screenreader dasselbe sagen. Reine Anzeige: price_html bleibt vollstaendig
   im Index, diese zwei Zeilen loeschen holt den Streichpreis zurueck. */
.bcm-feed-meta del,
.bcm-feed-meta del + .screen-reader-text{ display:none; }
.bcm-feed-meta ins{ text-decoration:none; background:transparent; }
/* carousel-eof-preisfix-2 */
