/* Built by Shaiya Che Madunda — Beast of Africa · Copyright (c) Shaiya Che Madunda */
/* WhatsApp enquiry card + button — self-contained so it reads on any surface
   (light cream, clear glass, video). Loaded by inc/whatsapp-enquiry.php. */
.lwa-card {
	--wa: #25D366; --wa-deep: #128C7E; --wa-ink: #06210f;
	position: relative; display: flex; flex-direction: column; align-items: center; text-align: center;
	gap: .9rem; padding: clamp(1.4rem, 3vw, 2.2rem); margin: 0 auto; max-width: 520px;
	border-radius: 22px; color: #f4f1ea;
	background:
		radial-gradient(120% 90% at 50% -10%, rgba(37,211,102,.22), rgba(37,211,102,0) 60%),
		linear-gradient(160deg, #14241b 0%, #0d1712 100%);
	border: 1px solid rgba(255,255,255,.16);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 30px 60px -28px rgba(0,0,0,.6);
	animation: lwaIn .55s cubic-bezier(.22,1,.36,1) both;
}
.lwa-card__badge {
	display: grid; place-items: center; width: 58px; height: 58px; border-radius: 50%;
	background: linear-gradient(145deg, var(--wa), var(--wa-deep)); color: #fff;
	box-shadow: 0 0 0 6px rgba(37,211,102,.16), 0 10px 24px -8px rgba(37,211,102,.6);
}
.lwa-card__badge svg { width: 30px; height: 30px; }
.lwa-card__title { margin: .2rem 0 0; font-family: var(--font-serif, inherit); font-size: clamp(1.25rem, 2.4vw, 1.55rem); color: #fff; letter-spacing: -.01em; }
.lwa-card__note { margin: 0; font-size: .92rem; line-height: 1.55; color: rgba(244,241,234,.82); max-width: 40ch; }

.lwa-bubble {
	width: 100%; text-align: left; margin: .3rem 0; padding: 14px 16px 12px;
	border-radius: 4px 16px 16px 16px; background: #d9fdd3; color: #111b21;
	font-size: .86rem; line-height: 1.5; max-height: 220px; overflow: auto;
	box-shadow: 0 2px 0 rgba(0,0,0,.12); position: relative;
}
.lwa-bubble__line { margin: 0; text-shadow: none; word-break: break-word; }
.lwa-bubble__line.is-gap { height: .55em; }
.lwa-bubble strong { font-weight: 700; }

.lwa-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: .6rem; width: 100%;
	padding: 1rem 1.6rem; border-radius: 100px; text-decoration: none; cursor: pointer;
	font-weight: 700; font-size: .95rem; letter-spacing: .02em; color: var(--wa-ink);
	background: linear-gradient(145deg, #3df07e, var(--wa));
	box-shadow: 0 12px 28px -10px rgba(37,211,102,.7), inset 0 1px 0 rgba(255,255,255,.5);
	transition: transform .25s ease, box-shadow .25s ease, filter .25s ease;
}
.lwa-btn:hover { transform: translateY(-2px); filter: brightness(1.05); box-shadow: 0 18px 34px -12px rgba(37,211,102,.8), inset 0 1px 0 rgba(255,255,255,.5); }
.lwa-btn:focus-visible, .lwa-copy:focus-visible, .lwa-direct:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
.lwa-btn__icon svg { width: 22px; height: 22px; display: block; }
.lwa-copy {
	background: transparent; border: 1px solid rgba(255,255,255,.3); color: #f4f1ea; cursor: pointer;
	padding: .55rem 1.2rem; border-radius: 100px; font: inherit; font-size: .8rem; transition: background .2s, border-color .2s;
}
.lwa-copy:hover { background: rgba(255,255,255,.1); border-color: rgba(255,255,255,.55); }
.lwa-card__fine { margin: 0; font-size: .72rem; color: rgba(244,241,234,.6); max-width: 38ch; }

/* Error fallback link under form status lines */
.lwa-direct {
	display: inline-flex; align-items: center; gap: .4rem; margin-top: .5rem; font-weight: 700; font-size: .82rem;
	color: #128C7E; text-decoration: underline; text-underline-offset: 3px;
}
body.has-bg-video .lwa-direct { color: #7cf2ab; }

/* Submit buttons that now hand off to WhatsApp */
.btn--wa, .booking-form__submit.is-wa {
	background: linear-gradient(145deg, #3df07e, #25D366) !important; color: #06210f !important;
	border-color: transparent !important; box-shadow: 0 12px 28px -12px rgba(37,211,102,.7) !important;
}
.btn--wa:hover, .booking-form__submit.is-wa:hover { filter: brightness(1.06); transform: translateY(-1px); }
.btn--wa .icon--wa { width: 1.2em; height: 1.2em; margin-right: .5em; vertical-align: -.2em; }

@keyframes lwaIn { from { opacity: 0; transform: translateY(14px) scale(.97); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .lwa-card { animation: none; } .lwa-btn, .lwa-copy { transition: none; } }