/*
 * „🔔 Powiadom mnie" na kartach niedostępnych produktów — styl przycisku i modal jak
 * w konfiguratorze (kfg-konfigurator/css/konfigurator.css: .kfg-powiadom-btn, modal
 * „Powiadom mnie"), ale WYMIARY 1:1 z „Do koszyka" na kartach (decyzja Marty 2.10:
 * karty stoją obok siebie, przyciski w rzędzie muszą być równe; w konfiguratorze
 * przyciski zostają celowo mniejsze). Kolory = tokeny konfiguratora.
 */
.kfgp-powiadom-btn {
	--kfgp-tekst: #1D1D1D;
}

/* „Do koszyka" na kartach (zmierzone 2.10): 42 px, padding 13px 30px, 16px/600, lh 16px,
   bez ramki, promień 10px. Wysokość 1:1 (42 px = ramka 1 px + padding 12 px + linia 16 px).
   Litery 14 px i ramka 1 px (uwaga Marty 2.10: ciemny tekst na jasnym tle przy 16 px
   i ramce 1,5 px wyglądał ciężej niż „Do koszyka"). Poziomy padding mniejszy (przycisk
   ma i tak 100% szerokości), żeby tekst nie łamał się na wąskich kartach.
   !important: globalne style przycisków motywu. */
button.button.kfgp-powiadom-btn {
	display: block;
	width: 100%;
	box-sizing: border-box;
	background: #F7F3ED !important; /* ciepła złamana biel — lekko odróżnia się od białej karty */
	border: 1px solid var(--kfgp-tekst) !important;
	border-radius: 10px !important;
	color: var(--kfgp-tekst) !important;
	padding: 12px !important;
	margin: 0 !important;
	min-height: 42px !important;
	font-size: 14px !important;
	font-weight: 600;
	line-height: 16px !important;
	letter-spacing: .02em;
	text-transform: uppercase;
	text-align: center;
	cursor: pointer;
	transition: .2s;
}
button.button.kfgp-powiadom-btn:hover,
button.button.kfgp-powiadom-btn:focus-visible {
	background: var(--kfgp-tekst) !important;
	color: #fff !important;
}

/* ── karta niedostępnego produktu: „Chwilowo niedostępny" zamiast linijki wysyłki ──
   Wszystkie listy sklepu używają szablonu karty Elementora 22236; linijka „Wysyłka …"
   to jego widżet listy z ikoną be03182 (sprawdzone 2.10). Zmieniamy tylko wygląd —
   dane produktu bez zmian. Wiersz zostaje 21 px (tyle co z ikoną ciężarówki), żeby
   przyciski w rzędzie kart stały równo. Spokojnie: zwykła grubość, przygaszony kolor
   drugiego tekstu z konfiguratora (uwaga Marty 2.10: bursztyn i pogrubienie za mocne). */
.e-loop-item.outofstock .elementor-element-be03182 .elementor-icon-list-item {
	min-height: 21px;
	align-items: center;
}
.e-loop-item.outofstock .elementor-element-be03182 .elementor-icon-list-icon { display: none !important; }
.e-loop-item.outofstock .elementor-element-be03182 .elementor-icon-list-text {
	font-size: 0 !important;
	padding-left: 0 !important;
	padding-inline-start: 0 !important;
}
.e-loop-item.outofstock .elementor-element-be03182 .elementor-icon-list-text::after {
	content: "Chwilowo niedostępny";
	font-size: 13px;
	line-height: 16px;
	font-weight: 400;
	color: #6b6257;
}

/* ── modal „Powiadom mnie" ─────────────────────────────────────────────── */
.kfgp-pow-tlo {
	position: fixed;
	inset: 0;
	background: rgba(29, 29, 29, .45);
	display: none;
	align-items: center;
	justify-content: center;
	z-index: 99999;
	padding: 18px;
}
.kfgp-pow-tlo.otwarte { display: flex; }
.kfgp-pow-okno {
	background: #fff;
	border-radius: 16px;
	max-width: 400px;
	width: 100%;
	overflow: hidden;
	text-align: left;
}
.kfgp-pow-naglowek {
	background: #1D1D1D;
	color: #fff;
	padding: 13px 18px;
	font-weight: 600;
	font-size: 14.5px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
}
.kfgp-pow-tlo .kfgp-pow-x {
	background: none !important;
	border: none !important;
	color: #fff !important;
	font-size: 20px !important;
	line-height: 1 !important;
	cursor: pointer;
	padding: 0 2px !important;
	margin: 0 !important;
	min-height: 0 !important;
	box-shadow: none !important;
}
.kfgp-pow-tresc { padding: 18px; }
.kfgp-pow-produkt { font-size: 13px; color: #6b6257; margin: 0 0 12px; }
.kfgp-pow-tresc input[type="email"] {
	width: 100%;
	border: 1px solid #1D1D1D;
	border-radius: 5px;
	padding: 11px;
	font-family: inherit;
	font-size: 14px;
	margin-bottom: 10px;
	box-sizing: border-box;
}
.kfgp-pow-tlo .kfgp-pow-zapisz {
	width: 100%;
	background: #E3A2A5 !important;
	border: none !important;
	color: #fff !important;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 13px !important;
	letter-spacing: .05em;
	padding: 12px !important;
	margin: 0 !important;
	border-radius: 10px !important;
	line-height: 1.45 !important;
	min-height: 0 !important;
	cursor: pointer;
	transition: background .2s ease-out;
}
.kfgp-pow-tlo .kfgp-pow-zapisz:hover { background: #D2818D !important; }
.kfgp-pow-tlo .kfgp-pow-zapisz:disabled { opacity: .7; cursor: wait; }
.kfgp-pow-nota { font-size: 10.5px; color: #6b6257; margin: 8px 0 0; line-height: 1.35; }
.kfgp-pow-blad { font-size: 12px; color: #AA2236; font-weight: 600; margin: 8px 0 0; }
.kfgp-pow-ok { display: none; text-align: center; padding: 6px 0 2px; color: #6FA287; font-weight: 600; font-size: 14px; }