/**
 * Form "Avísame cuando vuelva" del PDP agotado (módulo BackInStock propio).
 *
 * Hereda el lenguaje "panel manga" que tenía la reestilización del waitlist
 * de YITH (yith-waitlist-brand.css, retirada en el cutover): superficie
 * oscura, borde negro grueso, esquinas rectas, sombra dura, submit rojo.
 * Markup propio → sin !important (acá no hay estilos de terceros que vencer).
 */

.akb-bis {
	position: relative; /* contiene al honeypot absoluto */
	background: var(--aki-surface-2, #1b1b1e);
	color: var(--aki-light, #f4ecd8);
	border: 4px solid var(--aki-black, #000);
	box-shadow: 6px 6px 0 var(--aki-black, #000);
	padding: var(--space-5, 1.25rem);
	margin: var(--space-5, 1.25rem) 0;
	/* Ancla de scroll desde las cards del loop: que el header sticky no lo tape. */
	scroll-margin-top: 96px;
}

.akb-bis__title {
	margin: 0 0 6px;
	color: var(--aki-white, #fff);
	font-family: var(--font-heading, "Bebas Neue", sans-serif);
	font-size: 1.5rem;
	font-weight: 400; /* Bebas sin corte bold: 700 = faux bold sintetizado */
	font-synthesis: none;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.akb-bis__lede {
	margin: 0 0 14px;
	color: var(--aki-light, #f4ecd8);
	font-size: var(--text-sm, 0.875rem);
	line-height: 1.45;
}

/* Honeypot: la regla de ocultación vive en forms.css del theme, que NO se
 * encola en el PDP — sin esta copia el campo señuelo quedaba VISIBLE y un
 * humano podía llenarlo (cazado en el QA visual 2026-07-03). Mismo patrón
 * off-screen del theme (no display:none: los bots lo saltean). */
.akb-bis .akb-form__hp {
	position: absolute;
	left: -9999px;
	top: -9999px;
	height: 0;
	width: 0;
	overflow: hidden;
}

.akb-bis__row {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.akb-bis__email {
	flex: 1 1 220px;
	min-height: 44px;
	background: var(--aki-light, #faf6ee);
	color: var(--aki-black, #111);
	border: 2px solid var(--aki-black, #000);
	border-radius: 0;
	padding: 0.6rem 0.75rem;
}

.akb-bis__email::placeholder {
	color: var(--aki-gray-600, #6a6a6a);
}

.akb-bis__submit,
.akb-bis .button.akb-bis__submit {
	flex: 0 0 auto;
	min-height: 44px;
	background: var(--aki-red, #e60012);
	color: var(--aki-white, #fff);
	border: 3px solid var(--aki-black, #000);
	border-radius: 0;
	box-shadow: 4px 4px 0 var(--aki-black, #000);
	padding: 0.6rem 1.4rem;
	font-weight: 600;
	cursor: pointer;
}

.akb-bis .button.akb-bis__submit:hover,
.akb-bis .button.akb-bis__submit:focus-visible {
	background: var(--aki-red-hover, #c0000f);
	color: var(--aki-white, #fff);
}

.akb-bis .button.akb-bis__submit:active {
	transform: translate(2px, 2px);
	box-shadow: 2px 2px 0 var(--aki-black, #000);
}

.akb-bis .button.akb-bis__submit.is-loading {
	opacity: 0.7;
	pointer-events: none;
}

.akb-bis__msg {
	margin: 12px 0 0;
	font-size: var(--text-sm, 0.875rem);
	line-height: 1.4;
}

.akb-bis__msg.is-ok {
	color: var(--aki-success, #3ecf6a);
}

.akb-bis__msg.is-error {
	color: var(--aki-red-text, #ff4756);
}