/* Moduł: Powiadomienia o dostępności — front (inline). Układ wg makiety. */

.wce-bis {
	--wce-bis-red:    #c0392b;
	--wce-bis-red-bg: #fdecec;
	--wce-bis-green:  #57b368;
	--wce-bis-green-d:#489a58;
	--wce-bis-ink:    #1f2937;
	--wce-bis-muted:  #6b7280;
	--wce-bis-line:   #e5e7eb;
	--wce-bis-teal:   #0f766e;

	margin: 1.4em 0;
	max-width: 560px;
	font-size: 15px;
}

/* --------------------------------------------------------------------- */
/*  Karta (wspólny kontener stanu formularza i potwierdzenia)            */
/* --------------------------------------------------------------------- */
.wce-bis-card {
	border: 1px solid var(--wce-bis-line);
	border-radius: 18px;
	background: #fff;
	padding: 26px 28px;
	box-shadow: 0 1px 2px rgba(16, 24, 40, .04);
}

/* --------------------------------------------------------------------- */
/*  Nagłówek                                                             */
/* --------------------------------------------------------------------- */
.wce-bis-head {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	margin-bottom: 20px;
}

.wce-bis-head-icon {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: 12px;
	background: var(--wce-bis-red-bg);
	color: var(--wce-bis-red);
}

.wce-bis-head-icon svg { width: 22px; height: 22px; display: block; }

.wce-bis-head-text { min-width: 0; padding-top: 2px; }

.wce-bis-oos {
	margin: 0;
	font-weight: 800;
	font-size: 1.35em;
	line-height: 1.2;
	color: var(--wce-bis-red);
}

.wce-bis-intro {
	margin: 8px 0 0;
	color: var(--wce-bis-muted);
	font-size: 1em;
	line-height: 1.45;
}

/* Błąd ogólny formularza. */
.wce-bis-error {
	background: #fdecea;
	border: 1px solid #f5c2c0;
	color: #8a1c14;
	border-radius: 10px;
	padding: 10px 14px;
	margin-bottom: 14px;
	font-size: .92em;
}

/* --------------------------------------------------------------------- */
/*  Pola z pływającą etykietą                                            */
/* --------------------------------------------------------------------- */
.wce-bis-field {
	position: relative;
	margin-bottom: 14px;
}

.wce-bis .wce-bis-field input,
.wce-bis .wce-bis-field input:focus,
.wce-bis .wce-bis-field input:invalid,
.wce-bis .wce-bis-field.has-error input {
	width: 100% !important;
	box-sizing: border-box !important;
	min-height: 0 !important;
	height: auto !important;
	margin: 0 !important;
	padding: 24px 18px 10px !important;
	border-width: 1px !important;
	border-style: solid !important;
	border-radius: 14px !important;
	font-size: 1.05em;
	line-height: 1.3 !important;
	background: #fff;
	box-shadow: none !important;
	outline: none !important;
}

.wce-bis .wce-bis-field input {
	border-color: var(--wce-bis-line) !important;
}

.wce-bis-field label {
	position: absolute;
	left: 18px;
	top: 50%;
	transform: translateY(-50%);
	margin: 0;
	padding: 0 2px;
	color: #9aa1ab;
	font-size: 1.05em;
	pointer-events: none;
	transition: transform .15s ease, font-size .15s ease, color .15s ease, top .15s ease;
}

/* Uniesiona etykieta: focus lub pole niepuste. */
.wce-bis-field input:focus + label,
.wce-bis-field input:not(:placeholder-shown) + label {
	top: 11px;
	transform: none;
	font-size: .72em;
	color: var(--wce-bis-green-d);
}

.wce-bis .wce-bis-field input:focus {
	border-color: var(--wce-bis-green) !important;
	box-shadow: 0 0 0 3px rgba(87, 179, 104, .15) !important;
}

.wce-bis .wce-bis-field.has-error input {
	border-color: #d63638 !important;
}

.wce-bis-field.has-error input:focus + label,
.wce-bis-field.has-error input:not(:placeholder-shown) + label {
	color: #d63638;
}

.wce-bis-field-error {
	display: block;
	margin-top: 5px;
	padding-left: 4px;
	color: #d63638;
	font-size: .82em;
}

/* --------------------------------------------------------------------- */
/*  Przycisk zapisu                                                      */
/* --------------------------------------------------------------------- */
.wce-bis .wce-bis-submit,
.wce-bis button.wce-bis-submit {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	width: 100%;
	margin-top: 6px;
	padding: 16px 22px;
	border: 0 !important;
	border-radius: 14px;
	background: var(--wce-bis-green) !important;
	background-image: none !important;
	color: #fff !important;
	font-size: 1.1em;
	font-weight: 700;
	line-height: 1.2;
	text-align: center;
	text-shadow: none;
	box-shadow: none;
	cursor: pointer;
	transition: background .15s ease;
}

.wce-bis .wce-bis-submit:hover,
.wce-bis button.wce-bis-submit:hover,
.wce-bis .wce-bis-submit:focus {
	background: var(--wce-bis-green-d) !important;
	color: #fff !important;
}

.wce-bis-submit-icon {
	display: inline-flex;
	line-height: 0;
}

.wce-bis-submit-icon svg { width: 20px; height: 20px; display: block; }

.wce-bis .wce-bis-submit[disabled] {
	opacity: .6;
	cursor: default;
}

/* --------------------------------------------------------------------- */
/*  Lista korzyści                                                       */
/* --------------------------------------------------------------------- */
.wce-bis-benefits {
	list-style: none;
	margin: 18px 0 0;
	padding: 0;
}

.wce-bis-benefits li {
	position: relative;
	padding-left: 1.8em;
	margin: 0 0 .55em;
	color: #4b5563;
	font-size: .95em;
	line-height: 1.4;
}

.wce-bis-benefits li::before {
	content: "\2713";
	position: absolute;
	left: 0;
	top: 0;
	color: #16a34a;
	font-weight: 800;
}

/* --------------------------------------------------------------------- */
/*  Stan „zapisano”                                                      */
/* --------------------------------------------------------------------- */
.wce-bis-done-state {
	border-color: #cdebd8;
	background: #f2fbf5;
	text-align: center;
	padding: 34px 28px;
}

.wce-bis-done-check {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 72px;
	height: 72px;
	margin: 0 auto 14px;
	border-radius: 50%;
	background: #e3f5ea;
	color: #22a558;
}

.wce-bis-done-check svg { width: 34px; height: 34px; display: block; }

.wce-bis-done-title {
	margin: 0 0 8px;
	font-size: 1.4em;
	font-weight: 800;
	color: var(--wce-bis-ink);
}

.wce-bis-done-text {
	margin: 0 auto 20px;
	max-width: 34em;
	color: var(--wce-bis-muted);
	font-size: 1.02em;
	line-height: 1.5;
}

.wce-bis-done-text strong { color: var(--wce-bis-ink); font-weight: 700; }

.wce-bis .wce-bis-again,
.wce-bis button.wce-bis-again {
	display: inline-block;
	padding: 13px 26px;
	border: 1px solid #d1d5db !important;
	border-radius: 12px;
	background: #fff !important;
	color: var(--wce-bis-ink) !important;
	font-size: 1em;
	font-weight: 700;
	line-height: 1.2;
	cursor: pointer;
	box-shadow: none;
	transition: border-color .15s ease, background .15s ease;
}

.wce-bis .wce-bis-again:hover,
.wce-bis button.wce-bis-again:hover {
	background: #f9fafb !important;
	border-color: #b6bcc4 !important;
}

.wce-bis .wce-bis-again[disabled] { opacity: .6; cursor: default; }

/* --------------------------------------------------------------------- */
/*  Stopka (lista życzeń + informacja o powrocie)                        */
/* --------------------------------------------------------------------- */
.wce-bis-foot {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 26px;
	margin-top: 16px;
	padding: 0 4px;
}

.wce-bis-restock,
.wce-bis-wishlist {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: .95em;
	line-height: 1.3;
}

.wce-bis-foot-icon {
	display: inline-flex;
	line-height: 0;
}

.wce-bis-foot-icon svg { width: 18px; height: 18px; display: block; }

.wce-bis .wce-bis-wishlist,
.wce-bis button.wce-bis-wishlist {
	padding: 4px 0;
	border: 0 !important;
	background: none !important;
	color: var(--wce-bis-teal) !important;
	font-weight: 600;
	cursor: pointer;
	box-shadow: none;
}

.wce-bis-wishlist:hover { text-decoration: underline; }

.wce-bis-wishlist.is-active .wce-bis-foot-icon svg { fill: currentColor; }

.wce-bis-restock { color: var(--wce-bis-muted); }

.wce-bis-wishlist.wce-loading { opacity: .6; pointer-events: none; }