/* ZZW Commerce — trade application form. */

.zzwc-form { max-width: 44rem; }
.zzwc-form-title { margin-top: 0; }

.zzwc-field { display: block; margin-bottom: 1.1rem; }
.zzwc-field label { display: block; font-weight: 600; margin-bottom: 0.25rem; }

.zzwc-field input[type="text"],
.zzwc-field input[type="email"],
.zzwc-field input[type="tel"],
.zzwc-field input[type="url"],
.zzwc-field select,
.zzwc-field textarea {
	width: 100%;
	box-sizing: border-box;
}

.zzwc-required { color: #9e2b20; margin-left: 0.15rem; }

.zzwc-hint { display: block; margin-top: 0.25rem; font-size: 0.85rem; opacity: 0.75; }

.zzwc-consent { margin: 1.25rem 0; }
.zzwc-consent label { display: flex; gap: 0.5rem; align-items: flex-start; font-weight: 400; }

.zzwc-notice { padding: 0.9rem 1.1rem; margin-bottom: 1.25rem; border-left: 4px solid; }
.zzwc-notice p:last-child, .zzwc-notice ul:last-child { margin-bottom: 0; }
.zzwc-notice-ok { border-color: #14663f; background: #e5f5ec; }
.zzwc-notice-error { border-color: #9e2b20; background: #fbeaea; }

/* The honeypot. Off-screen rather than display:none, because some bots skip
   fields that are explicitly hidden. aria-hidden on the wrapper keeps it away
   from screen readers. */
.zzwc-hp {
	position: absolute !important;
	left: -9999px !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/* ---------------------------------------------------------------------------
   Sign-in form
   --------------------------------------------------------------------------- */

.zzwc-login-form { max-width: 26rem; }

.zzwc-form-links {
	margin-top: 1rem;
	font-size: 0.9rem;
}

.zzwc-form-links a { text-decoration: none; }
.zzwc-form-links a:hover { text-decoration: underline; }
.zzwc-sep { margin-inline: 0.4rem; opacity: 0.5; }

.zzwc-signed-in form { margin-top: 0.75rem; }

.zzwc-button-quiet {
	background: transparent;
	border: 1px solid currentColor;
}