/* Binbox — kontrolki wariantów Organic® Hub. Wygląd próbek, sekcji i przełączników
   bierzemy z arkusza konfiguratora City (bbk-*); tutaj tylko to, czego tam nie ma. */

/* oryginalny select i klapki wtyczki swatchy chowamy, zostaje nasza kontrolka */
.bbw-zastapione > select.woo-variation-raw-select,
.bbw-zastapione > .variable-items-wrapper { display: none !important; }

/* suwak liczby komór */
.bbw-suwak { display: block; max-width: 22em; }
.bbw-suwak input[type=range] {
  -webkit-appearance: none; appearance: none;
  width: 100%; height: 4px; margin: .5em 0 .2em;
  border-radius: 2px; background: rgba(140, 140, 140, .45); cursor: pointer;
}
.bbw-suwak input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none; appearance: none;
  width: 1.15em; height: 1.15em; border-radius: 50%;
  background: #5E7F2B; border: 2px solid #fff; box-shadow: 0 0 0 1px #5E7F2B; cursor: pointer;
}
.bbw-suwak input[type=range]::-moz-range-thumb {
  width: 1.15em; height: 1.15em; border-radius: 50%;
  background: #5E7F2B; border: 2px solid #fff; box-shadow: 0 0 0 1px #5E7F2B; cursor: pointer;
}
.bbw-skala { display: flex; justify-content: space-between; }
.bbw-skala button {
  font: inherit; font-size: .85em; line-height: 1;
  padding: .15em .5em; border: none; background: none; color: inherit;
  opacity: .6; cursor: pointer;
}
.bbw-skala button[aria-pressed="true"] { opacity: 1; font-weight: 600; color: #5E7F2B; }
.bbw-skala button:hover { opacity: 1; }

/* na kartach Hub tabela wariantów bywa ciasna — dajemy próbkom oddech */
.bbw .variations td.value { padding-bottom: .9em; }
.bbw .bbk-dek { margin-top: .15em; }
.bbw .bbk-hint { margin: .45em 0 0; font-size: .82em; opacity: .75; line-height: 1.35; }

/* WooCommerce na czas przeliczania wariantu przykrywa formularz białą płachtą blockUI
   (div.blockOverlay, tło #fff, krycie 0,6). Na ciemnej karcie widać to jako mignięcie
   rozjaśnieniem i powrót do ciemnego. Kontrolki i tak reagują natychmiast, więc płachtę
   i kręciołek chowamy — zostaje spokojna zmiana ceny. */
.bbw form.variations_form .blockUI,
.bbw form.variations_form .blockUI.blockOverlay,
.bbw .woocommerce-variation-add-to-cart .blockUI { display: none !important; }
.bbw form.variations_form { opacity: 1 !important; }

/* Zakres „od … do …” nad kontrolkami zdejmujemy (Karol 20.09): wszystkie opcje są wstępnie
   wybrane, więc pod przyciskiem koszyka i tak stoi konkretna cena wybranej konfiguracji. */
.bbw .summary.entry-summary > p.price { display: none !important; }

/* etykiety wierszy WooCommerce powtarzały to, co i tak mówi sama kontrolka
   („Zamek : bez zamka” nad przełącznikiem bez zamka / z zamkiem) — zdejmujemy je */
.bbw .variations th.bbw-bez-etykiety { display: none !important; }
.bbw .variations tr.bbw-wiersz td.value { display: block; width: auto; padding-left: 0; }
.bbw .variations tr.bbw-wiersz { display: block; margin-bottom: 1.1em; }

/* powtórzenie wyboru pod przyciskiem koszyka */
.bbw-podsumowanie { margin: .7em 0 0; font-size: .92em; opacity: .85; }

/* „od” przed ceną dokleja reguła motywu (content: "od " na .price). Przy konkretnej
   konfiguracji cena jest dokładna, więc na kartach Hub ten przedrostek zdejmujemy. */
.bbw .woocommerce-variation-price .price::before,
.bbw .woocommerce-variation-price .price::after { content: none !important; }

/* przełączniki do lewej, tak jak suwak i próbki — w City siedzą w siatce trzech równych
   kolumn i przez to wyglądały na wyśrodkowane */
.bbw .bbk-dwu { grid-template-columns: auto auto auto !important; justify-content: start; column-gap: .6em; }
.bbw .bbk-dwu .bbk-dwu-l, .bbw .bbk-dwu .bbk-dwu-p { text-align: left; }

/* zakładka Wymiary */
.bbw-wymiary { width: auto; margin: 1em 0 1.6em; border-collapse: collapse; }
.bbw-wymiary th, .bbw-wymiary td { padding: .45em 1.1em .45em 0; text-align: left; border-bottom: 1px solid rgba(140,140,140,.3); }
.bbw-wymiary th { font-weight: 600; }
.bbw-rysunki { display: flex; flex-wrap: wrap; gap: 2em; align-items: flex-start; }
.bbw-rysunki figure { margin: 0; flex: 1 1 240px; max-width: 340px; }
.bbw-rysunki img { width: 100%; height: auto; }
.bbw-rysunki figcaption { margin-top: .5em; font-size: .88em; opacity: .8; }
.bbw-uwaga { margin-top: 1.4em; font-size: .86em; opacity: .75; }

/* oddech między tytułem produktu a pierwszym wierszem kontrolek */
.bbw .summary form.variations_form { margin-top: 1.6em; }
.bbw .variations { margin-top: 0; }

/* podsumowanie obok przycisku: odstęp i wspólna linia pisma z napisem na guziku */
.bbw .woocommerce-variation-add-to-cart { display: flex; flex-wrap: wrap; align-items: baseline; column-gap: 1.25em; row-gap: .6em; }
.bbw .woocommerce-variation-add-to-cart .quantity { align-self: center; }
.bbw-podsumowanie { margin: 0; }

/* więcej powietrza nad sekcją „Podobne produkty” — było 34 px, jest 102 px */
.bbw .related.products, .bbw section.related { padding-top: 68px; }