/* Powiadom o dostępności (S.S.3 pkt 1) — buy-box „niedostępny" + modal.
   Bazuje na tokenach motywu (ULTIMATE UI: radius 14/11, tinty semantyczne). */

.btk-avail-box__state {
	display: inline-flex; align-items: center; gap: 7px; margin: 10px 0 2px;
	font-size: 13.5px; font-weight: 800; color: var(--wp--preset--color--err);
}
.btk-avail-box__state::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--wp--preset--color--err); }
.btk-avail-box__sub { margin: 0 0 12px; font-size: 13px; color: var(--wp--preset--color--muted); }
.btk-avail-box__btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 9px; width: 100%;
	background: var(--wp--preset--color--accent); color: #fff; border: 0;
	border-radius: var(--btk-r-btn); padding: 14px 28px; font-size: 15px; font-weight: 800;
	font-family: inherit; cursor: pointer; box-shadow: var(--btk-glow);
}
.btk-avail-box__btn:hover { background: var(--wp--preset--color--accent-ink); }

/* Zapowiedź (etap 3c): tytuł JEST kupowalny, więc powiadomienie jest CTA
   drugorzędnym — cichy przycisk tekstowy pod zakupem, żeby nie konkurował
   z „Zamów przedpremierowo". */
.btk-avail-premiere {
	display: inline-flex; align-items: center; gap: 7px; margin: 10px 0 0; padding: 0;
	background: none; border: 0; cursor: pointer; font-family: inherit;
	font-size: 12.5px; font-weight: 600; color: var(--wp--preset--color--muted);
	text-decoration: underline; text-underline-offset: 2px;
}
.btk-avail-premiere:hover { color: var(--wp--preset--color--accent-ink); }
.btk-avail-premiere .btk-i { width: 15px; height: 15px; }

/* modal — rozszerzenie bazowego .btk-modal z motywu */
.btk-avail-modal__head { display: flex; align-items: center; gap: 9px; font-weight: 800; font-size: 15.5px; color: var(--wp--preset--color--accent-ink); margin-bottom: 10px; }
.btk-avail-modal__sub { font-size: 13px; color: var(--wp--preset--color--muted); margin: 0 0 16px; line-height: 1.55; }
.btk-avail-modal__form { display: grid; gap: 12px; }
.btk-avail-modal__form label { font-size: 12.5px; font-weight: 600; color: var(--wp--preset--color--muted); margin: 0; }
.btk-avail-modal__form input[type="email"] { width: 100%; }
.btk-avail-modal__consent { display: flex !important; gap: 9px; align-items: flex-start; font-weight: 400 !important; font-size: 12px !important; line-height: 1.55; }
.btk-avail-modal__consent input { margin: 2px 0 0; accent-color: var(--wp--preset--color--accent); }
.btk-avail-modal__consent a { color: var(--wp--preset--color--accent-ink); }
.btk-avail-modal__submit {
	background: var(--wp--preset--color--accent); color: #fff; border: 0;
	border-radius: var(--btk-r-btn); padding: 13px 24px; font-size: 14px; font-weight: 800;
	font-family: inherit; cursor: pointer;
}
.btk-avail-modal__submit:hover { background: var(--wp--preset--color--accent-ink); }
.btk-avail-modal__submit:disabled { opacity: .6; cursor: wait; }
.btk-avail-modal__msg { margin: 0; font-size: 13px; font-weight: 600; color: var(--wp--preset--color--err); }
.btk-avail-modal__msg.is-ok { color: var(--wp--preset--color--ok); }