/* =========================================================================
   Contact form — Contact page only.
   The shared .navi-form / .navi-field / .navi-btn / .navi-alert components
   in main.css are styled for a dark surface (they were built for the
   dark booking page). This file only adds the solid dark card the form
   sits in so those components keep correct contrast on the light-body
   Contact page, plus the honeypot hiding rule. No component styles are
   duplicated or overridden here.
   ========================================================================= */

.navi-contact-panel {
	background: var(--slate-900);
	border: 1px solid var(--slate-700);
	border-radius: 16px;
	padding: 2rem;
	margin: 1.25rem 0;
}
.navi-contact-panel h3 {
	color: #fff;
	font-size: 1.05rem;
	font-weight: 600;
	margin: 0 0 0.5rem;
	display: flex;
	align-items: center;
	gap: 0.5rem;
}
.navi-contact-panel h3 svg { width: 18px; height: 18px; color: var(--cyan-400); }
.navi-contact-panel__lead { color: var(--slate-300); font-size: 0.95rem; line-height: 1.7; margin: 0 0 1.5rem; }
.navi-contact-panel .navi-alert { margin-bottom: 1.5rem; }

/* Honeypot — hidden from sighted users, screen readers, and keyboard tab order. */
.navi-hp {
	position: absolute;
	left: -9999px;
	top: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}