/* Audio Test — access form. Breakpoints aligned with the site: 921px / 545px. */

/* The wrapper spans its container; only the form is capped, so the test iframe
   can take the full width given by the page/section (Gutenberg, Elementor, etc.). */
.audiotest-wrap { width: 100%; }

.audiotest-form { max-width: 520px; margin: 0 auto; }

.audiotest-field { margin: 0 0 16px; }

.audiotest-field label { display: block; margin-bottom: 4px; font-weight: 600; }

.audiotest-field input[type="text"],
.audiotest-field input[type="email"] {
	width: 100%;
	box-sizing: border-box;
	padding: 10px 12px;
	border: 1px solid #c9c9c9;
	border-radius: 6px;
	font-size: 16px;
}

.audiotest-check label {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	font-weight: 400;
}

.audiotest-check input { margin-top: 3px; }

.audiotest-consent {
	font-size: 0.85em;
	line-height: 1.4;
	opacity: 0.85;
}

/* Honeypot: visually and programmatically hidden, but submittable. */
.audiotest-hp {
	position: absolute !important;
	left: -9999px !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.audiotest-actions { margin: 20px 0 8px; }

.audiotest-submit {
	display: inline-block;
	padding: 12px 22px;
	border: 0;
	border-radius: 8px;
	background: #1D9E75;
	color: #fff;
	font-size: 16px;
	cursor: pointer;
}

.audiotest-submit:disabled { opacity: 0.6; cursor: default; }

.audiotest-message { min-height: 1.2em; margin: 8px 0 0; }

.audiotest-embed { position: relative; width: 100%; }

.audiotest-iframe {
	display: block;
	width: 100%;
	height: 100vh;
	min-height: 600px;
	border: 0;
}

@media (max-width: 921px) {
	.audiotest-iframe { min-height: 560px; }
}

@media (max-width: 545px) {
	.audiotest-form { max-width: 100%; }
}