/* WC Warteliste – Frontend. Bewusst zurückhaltend, damit das Theme führt. */
.wcwl-wrap { margin: 1.5em 0; }

.wcwl-box {
	padding: 1em 1.25em;
	margin-bottom: 1.25em;
	border-left: 4px solid currentColor;
	background: rgba(0, 0, 0, .035);
	color: inherit;
}
.wcwl-box p:last-child { margin-bottom: 0; }
.wcwl-box--joined { border-left-color: #2271b1; }
.wcwl-box--invite { border-left-color: #00713c; }
.wcwl-box--closed,
.wcwl-box--expired { border-left-color: #b32d2e; }
.wcwl-box--done { border-left-color: #00713c; }
.wcwl-box--pending { border-left-color: #996800; }

.wcwl-position { font-size: 1.25em; font-weight: 700; margin: .4em 0; }
.wcwl-seats { font-weight: 600; margin: .5em 0 0; }

.wcwl-form { max-width: 32em; }
.wcwl-row--names { display: flex; gap: 1em; }
.wcwl-row--names .wcwl-field { flex: 1; }

.wcwl-field { display: block; margin-bottom: 1em; }
.wcwl-field label { display: block; margin-bottom: .25em; font-weight: 600; }
.wcwl-field input {
	width: 100%;
	padding: .65em .8em;
	border: 1px solid rgba(0, 0, 0, .25);
	border-radius: 3px;
	font: inherit;
}
.wcwl-field .required { color: #b32d2e; }

.wcwl-checkbox { display: block; margin-bottom: .85em; line-height: 1.45; }
.wcwl-checkbox label { display: flex; gap: .6em; align-items: flex-start; cursor: pointer; }
.wcwl-checkbox input { margin-top: .25em; flex: 0 0 auto; }
.wcwl-checkbox--newsletter { padding: .75em 1em; background: rgba(0, 113, 60, .07); border-radius: 3px; }

.wcwl-hint { font-size: .9em; opacity: .8; }
.wcwl-submit { margin-top: 1.25em; }
.wcwl-button { width: 100%; }

/* Honeypot: für Menschen unsichtbar, für Screenreader ausgeblendet. */
.wcwl-hp { position: absolute !important; left: -9999px !important; height: 0; overflow: hidden; }

.wcwl-loop-button--closed { opacity: .6; }

.wcwl-account-table td small { opacity: .75; }

@media (max-width: 480px) {
	.wcwl-row--names { display: block; }
}
