/*
 * Czas realizacji zależny od źródła towaru (własny magazyn kontra hurtownia).
 * Arkusz wczytywany z inc/dostawa.php.
 */
.nuza-dostawa{margin:14px 0 18px;padding:12px 14px;border:1px solid #e3dfd8;border-radius:8px;background:#fbfaf8;font-size:14px;line-height:1.55}
.nuza-dostawa .nuza-dostawa-tekst{display:block;font-weight:600;color:#1b1b1b}
.nuza-dostawa .nuza-dostawa-opis{display:block;margin-top:4px;font-size:12.5px;color:#6b6b6b}
.nuza-dostawa.z-magazynu{border-left:3px solid #2f7a33}
.nuza-dostawa.z-hurtowni{border-left:3px solid #b8860b;background:#fdfaf1}
.nuza-dostawa-mini{display:inline-block;margin-top:4px;font-size:11px;color:#8a6a00;background:#fdf6e3;border:1px solid #f0e2bd;border-radius:999px;padding:2px 8px}
.nuza-dostawa-koszyk{margin:0 0 12px;padding:10px 12px;border-radius:6px;background:#fdf6e3;border:1px solid #f0e2bd;font-size:13px;line-height:1.5;color:#6b5000}
@media (max-width:640px){.nuza-dostawa{font-size:13px}}

/* — plakietka z terminem dostawy przy metodzie wysyłki —
   Tekst pochodzi z opisu metody (Flexible Shipping), my nadajemy mu formę. */
.woocommerce-shipping-methods li{position:relative}
.shipping-method-description{
	display:inline-flex;align-items:center;gap:6px;margin:0;
	padding:4px 11px 4px 9px;border:1px solid #dfe6df;border-radius:999px;
	background:#f1f7f1;color:#2f6b33;
	font-size:11.5px;font-weight:600;line-height:1.5;letter-spacing:.01em;white-space:nowrap
}
.shipping-method-description::before{
	content:"";width:12px;height:12px;flex:0 0 auto;border-radius:50%;
	border:1.6px solid currentColor;position:relative;opacity:.9;
	background:
		linear-gradient(currentColor,currentColor) 50% 50%/1.4px 4px no-repeat,
		linear-gradient(currentColor,currentColor) 50% 50%/3px 1.4px no-repeat;
	background-origin:content-box;padding:0
}
/* dłuższy termin — spokojniejszy, bursztynowy */
.woocommerce-shipping-methods li:has(.shipping-method-description:not(:empty)) .shipping-method-description[data-dluzej="1"],
.shipping-method-description.nuza-dluzej{border-color:#f0e2bd;background:#fdf8ec;color:#8a6a00}
@media (max-width:640px){
	.shipping-method-description{font-size:11px;padding:3px 9px 3px 8px}
}

/* ══════════════════════════════════════════════════════════════
   poprawki mobilne — 2026-10-19

   Elementy dodane w ostatnich wdrożeniach (plakietka terminu przy
   metodzie wysyłki, logotypy przewoźników, pasek zaufania, blok
   czasu realizacji, cechy zapachu, zakładka pytań, przełącznik
   próbka/flakon, pasek wyszukiwarki, doradca, strony kolekcji)
   powstały w widoku desktopowym. Reguły niżej porządkują je na
   telefonie i wąskim tablecie.

   Prefiks `body` podnosi wagę selektorów, bo logotypy.css wczytuje
   się po tym arkuszu.
   ══════════════════════════════════════════════════════════════ */

/* ── 1. Metody wysyłki: plakietka terminu schodzi pod nazwę ──
   W jednym wierszu plakietka (nowrap, ~170 px) zabierała ponad
   połowę szerokości: nazwa metody łamała się na cztery–pięć linii,
   a sama plakietka była ucinana krawędzią karty podsumowania.
   Próg 767 px — od 768 px w górę wiersz mieści się bez zmian. */
@media (max-width:767px){
	body .woocommerce-shipping-methods li{
		flex-wrap:wrap;align-items:flex-start;row-gap:6px}
	body .woocommerce-shipping-methods li>label{flex:1 1 auto;min-width:0}
	body .woocommerce-shipping-methods li>.shipping-method-description{
		order:9;flex:0 0 auto;width:auto;
		margin-left:33px;max-width:calc(100% - 33px)}
	/* radio miało 13 px — za mało jak na cel dotykowy */
	body .woocommerce-shipping-methods input.shipping_method{
		width:18px;height:18px;flex:0 0 18px;margin-top:2px}
}

@media (max-width:768px){

	/* ── 2. Logotypy przy metodach i pasek zaufania ── */
	body .nuza-metoda-z-logo{gap:8px}
	body img.nuza-logo-metody,
	body .woocommerce-checkout img.nuza-logo-metody{
		height:20px;max-width:58px;min-width:34px}
	body .nuza-pasek-logo{margin-top:16px;padding-top:13px}
	body .nuza-pasek-logo>span{margin-bottom:10px}
	body .nuza-pasek-logo>div{gap:10px 16px}
	body .nuza-pasek-logo>div>img{height:22px;max-width:76px}

	/* ── 3. Czas realizacji na karcie produktu ── */
	body .nuza-dostawa{padding:11px 12px;line-height:1.5}
	body .nuza-dostawa .nuza-dostawa-opis{font-size:12px;line-height:1.5}
	body .nuza-dostawa-koszyk{font-size:12.5px;line-height:1.55}

	/* ── 4. Plakietka czasu realizacji na kaflu ──
	   Kafel ma na telefonie ok. 160 px, więc dłuższe terminy nie
	   mieszczą się w jednej linii. W pigułce o promieniu 999 px
	   dwie linie wyglądały jak usterka — stąd mniejszy promień,
	   mniejszy stopień pisma i ciaśniejsza interlinia. */
	body .nuza-dostawa-mini{
		max-width:100%;font-size:10.5px;line-height:1.45;
		padding:3px 7px;border-radius:7px}

	/* ── 5. Cechy zapachu ── */
	body .nuza-cechy{gap:12px}
	body .nuza-cecha .wa{gap:6px}
	body .nuza-cecha .wa i{padding:5px 11px;line-height:1.35}

	/* ── 6. Zakładka pytań ──
	   Klikalny pasek summary miał 23 px wysokości; odstęp był na
	   details, więc nie wchodził w cel dotykowy. */
	body .nuza-faq details{padding:0}
	body .nuza-faq details+details{border-top:0}
	body .nuza-faq summary{
		align-items:center;gap:14px;min-height:46px;padding:12px 0;
		line-height:1.35}
	body .nuza-faq summary::after{flex:0 0 auto;align-self:center}
	body .nuza-faq p{padding-bottom:14px}

	/* ── 7. Przełącznik próbka/flakon ── */
	body .nuza-war{gap:8px;margin-top:18px}
	body .nuza-war-i{min-height:48px;padding:10px 12px}
	body .nuza-war-i .o{font-size:10px}
	body .nuza-war-od{max-width:100%;font-size:11px;padding:3px 8px}

	/* ── 8. Pasek „Zrozumiałem" nad wynikami ──
	   Krzyżyk usuwający warunek miał 18 × 18 px. */
	body .nuza-wysz-pasek{padding:12px 13px}
	body .nuza-wysz-glowa{gap:8px;font-size:14px}
	body .nuza-wysz-cechy{gap:8px}
	body .nuza-wysz-cechy li{padding:5px 5px 5px 11px;font-size:13px}
	body .nuza-wysz-cechy li a{width:26px;height:26px;font-size:15px}
	body .nuza-wysz-info{font-size:13px;line-height:1.55}

	/* ── 9. Doradca ──
	   Legenda kroku wychodziła nad ramkę fieldsetu i pytanie
	   wisiało poza kartą. Float przywraca ją do zwykłego układu. */
	body .nuza-doradca-krok legend{float:left;width:100%;margin:0 0 14px}
	body .nuza-doradca-opcje,
	body .nuza-doradca-akcje,
	body .nuza-doradca-nuta{clear:both}
	body .nuza-doradca-opcje label{min-height:44px}
	body .nuza-doradca-wtorny{min-height:44px}
	body .nuza-doradca-nuta{max-width:100%}

	/* ── 10. Strony kolekcji ──
	   H2 i H3 miały ten sam rozmiar i interlinię 20,9 px, więc
	   dwuliniowe śródtytuły zlewały się ze sobą. */
	body .pg-head .nuza-kol-lead{font-size:15px;line-height:1.65}
	body .nuza-kol-ile{margin-bottom:14px}
	body .nuza-kol-tekst{margin-top:36px;font-size:15px;line-height:1.7}
	body .nuza-kol-tekst h2{margin:32px 0 8px;font-size:20px;line-height:1.3}
	body .nuza-kol-tekst h3{margin:26px 0 8px;font-size:17px;line-height:1.35}
	body .nuza-kol-tekst h2:first-child{margin-top:0}
	body .nuza-kol-inne{margin-top:36px}
	body .nuza-kol-inne h2{font-size:17px}
	body .nuza-kol-linki a{min-height:40px;padding:9px 14px}
}

/* — drobne poprawki mobilne poza modułem dostawy, 19.10 —
   Elementy wychodziły poza ekran albo miały za niski kontrast; wszystkie
   reguły zawężone do wąskich ekranów, na desktopie nic się nie zmienia. */
@media screen and (max-width: 767px) {
	/* belka promocyjna dochodziła do krawędzi przy 360 px */
	body .promo, body .topbar, body .nuza-promo {
		padding-left: 14px;
		padding-right: 14px;
	}
	/* pasek korzyści w nagłówku — przewijalny zamiast ucinanego */
	body .usps, body .trustbar, body .nuza-usp {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}
	body .usps::-webkit-scrollbar,
	body .trustbar::-webkit-scrollbar,
	body .nuza-usp::-webkit-scrollbar { display: none; }
	/* plakietka „opcjonalne” w nagłówkach sekcji zamówienia */
	body .ckbox h2 .opt,
	body .ckbox h2 span[class*="opcj"] {
		white-space: nowrap;
		flex: 0 0 auto;
		margin-left: auto;
	}
	body .ckbox h2 {
		display: flex;
		align-items: baseline;
		gap: 8px;
		flex-wrap: wrap;
	}
}

/* przycisk drugorzędny w koszyku miał zbyt słaby kontrast tekstu */
body .woocommerce-cart .btn.ghost,
body .woocommerce-cart a.button:not(.alt):not(.checkout) {
	color: #1b1b1b;
	border-color: #cfc9c0;
}

/* ── Boks wysyłki z ikoną paczki ───────────────────────────── */
.nuza-dostawa{display:flex; align-items:flex-start; gap:11px}
.nuza-dostawa .nuza-dostawa-ikona{flex:0 0 auto; margin-top:1px; color:#2f7a33; opacity:.9}
.nuza-dostawa.z-hurtowni .nuza-dostawa-ikona{color:#b8860b}
.nuza-dostawa .nuza-dostawa-tresc{display:block; min-width:0}