/* ==========================================================================
   AniKoi × Brevo waitlist: additions to the existing waitlist styles.
   Everything is scoped to .wl-brevo, nothing else on the site is affected.
   ========================================================================== */

/* Brevo bot trap: must stay invisible and empty */
.wl-brevo .input--hidden { display: none !important; }

/* reCAPTCHA v2 (dark theme), shown in a small card when the visitor submits.
   The widget itself is Google's frame: its inside can't be restyled.
   The frame is clipped to 300 x 70 px to hide its light border, with rounded corners. */
.wl-brevo .wl-captcha { container-type: inline-size; width: 100%; margin-top: 4px; padding: 16px; border-radius: 18px; background: #140D2A; border: 1px solid #2E2843; display: flex; flex-direction: column; gap: 12px; transition: border-color .25s ease, box-shadow .25s ease; }
.wl-brevo .wl-captcha.is-attn { border-color: #FF4F8B; box-shadow: 0 0 0 3px rgba(255,79,139,0.18); animation: akw-attn .45s ease; }
@keyframes akw-attn { 0%, 100% { transform: translateX(0); } 25% { transform: translateX(-4px); } 75% { transform: translateX(4px); } }
.wl-brevo .wl-captcha-title { display: flex; align-items: center; gap: 10px; margin: 0; font-size: 15px; font-weight: 600; line-height: 1.3; color: #E6E1F5; }
.wl-brevo .wl-captcha-title svg { flex: none; color: #FF8DB3; }
.wl-brevo .wl-captcha-help { margin: 0; font-size: 14px; line-height: 1.5; color: #B7AFD0; }
.wl-brevo .wl-captcha-frame { --cs: 1; width: calc(300px * var(--cs)); height: calc(70px * var(--cs)); overflow: hidden; border-radius: 10px; background: #222222; }
.wl-brevo .wl-captcha-box { width: 304px; height: 78px; transform: scale(var(--cs)) translate(-1px, -1px); transform-origin: 0 0; }
@container (max-width: 301px) { .wl-brevo .wl-captcha-frame { --cs: .94; } }
@container (max-width: 283px) { .wl-brevo .wl-captcha-frame { --cs: .88; } }
@container (max-width: 265px) { .wl-brevo .wl-captcha-frame { --cs: .82; } }
@container (max-width: 247px) { .wl-brevo .wl-captcha-frame { --cs: .76; } }
@media (prefers-reduced-motion: reduce) { .wl-brevo .wl-captcha.is-attn { animation: none; } }

/* button while sending */
.wl-brevo .btn-p[disabled] { opacity: .8; }
.wl-brevo .wl-in[readonly] { opacity: .85; }

/* Privacy Policy link in the small print */
.wl-brevo .fine a { color: #FF8DB3; text-decoration: underline; text-underline-offset: 3px; }
.wl-brevo .fine a:hover { color: #FFFFFF; }
.wl-brevo .fine a:focus-visible { outline: 2px solid #FF8DB3; outline-offset: 3px; border-radius: 4px; }

/* "Check your inbox!" message */
.wl-brevo .wl-inbox:focus { outline: none; }
.wl-brevo .wl-inbox .done-title { font-size: 34px; }
@container lp (max-width: 639px) { .wl-brevo .wl-inbox .done-title { font-size: 28px; } }