/**
 * Hockey Store — pozostalosci po audycie boxu zakupowego z 06.08.2026.
 * ====================================================================
 * UWAGA (09.08.2026): ten plik NIE stylizuje juz boxu zakupowego.
 *
 * Audyt z 06.08 pisal pod klasyczny szablon WooCommerce, czyli pod
 * selektory .single-product div.product .summary > ... . 08.08 strona
 * produktu przeszla na natywny szablon blokowy
 * (templates/single-product.html + novamira-sandbox/h4f-block-product-preview.php),
 * w ktorym element .summary w ogole nie powstaje. Od tamtej pory caly
 * ten plik byl martwy: rytm pionowy, ukrycie duplikatu .stock, pasek
 * zaufania i sticky galerii nie dzialaly.
 *
 * Reguly zostaly przepisane na selektory blokowe w:
 *   assets/css/product-blocks.css
 *
 * Kopia pliku sprzed konsolidacji (pelna wersja klasyczna):
 *   wp-content/novamira-sandbox/kopia-audyt-2026-08-09/assets__css__buybox.css.txt
 *
 * Tu zostaja wylacznie reguly, ktore dzialaja w obu szablonach.
 */

/* --- ZWIJANA SPECYFIKACJA -------------------------------------------
   Element <details class="hs-specs"> nie jest obecnie renderowany na
   stronie produktu (patrz komentarz w inc/product-buybox.php), ale ten
   sam wzorzec uzywany jest w sekcjach dolnych strony. */
.hs-specs {
  border-top: 1px solid var(--hs-border);
  padding-top: 12px;
}

.hs-specs > summary {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  cursor: pointer;
  list-style: none;
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--hs-navy);
}

.hs-specs > summary::-webkit-details-marker { display: none; }

.hs-specs > summary::after {
  content: "";
  width: 8px;
  height: 8px;
  margin-left: 2px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg) translate(-2px, -2px);
  transition: transform .15s ease;
}

.hs-specs[open] > summary::after { transform: rotate(-135deg); }

.hs-specs dl {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 6px 16px;
  margin: 4px 0 8px;
  font-size: 0.9375rem;
}

.hs-specs dt { color: var(--hs-graphite); }
.hs-specs dd { margin: 0; color: var(--hs-navy); font-weight: 600; }

/* --- GALERIA --------------------------------------------------------
   Kadr schodzi z kwadratu do 4:3 — mniej martwego tla wokol produktu.
   Blok woocommerce/product-image-gallery renderuje ten sam znacznik co
   szablon klasyczny, wiec regula dziala w obu ukladach.

   Przyklejanie galerii przy przewijaniu przeniesiono do
   product-blocks.css (sticky na kolumnie .hs-product-block-gallery). */
.single-product div.product .woocommerce-product-gallery__image img {
  aspect-ratio: 4 / 3;
  object-fit: contain;
  width: 100%;
  height: auto;
}

/* ============================================================
   NADPISANIA CSS WTYCZEK — sekcja NIEWARSTWOWA
   Patrz naglowek system.css: style bez warstwy wygrywaja
   z niewarstwowym CSS wtyczek.
   ============================================================ */

/* hockey-store-core (frontend.css) — status kreatora.
   Wtyczka stylizuje .hsc-lumise-status jako panel z ramka, lewym akcentem
   i tlem. Byl 95-px blokiem tuz przed CTA i konkurowal z nim waga
   wizualna; ma byc jedna cicha linia — etykieta CTA ("Personalizuj i dodaj
   do koszyka") niesie juz te tresc. */
.single-product .hsc-lumise-status,
.single-product .hsc-lumise-status span {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  font-size: 0.8125rem;
  color: var(--hs-navy-soft);
}