/*!
 * Campos de asistente: dentro del checkout clasico y en la pagina de datos.
 */

.wnbf-attendees { margin: 26px 0; }
.wnbf-attendees h3 { margin-bottom: 6px; }
.wnbf-attendees__intro { font-size: .95em; opacity: .8; margin-bottom: 18px; max-width: 46em; }

.wnbf-attendees--page { max-width: 46em; }

.wnbf-attendees__group {
	border: 1px solid rgba(0, 0, 0, .12);
	border-radius: 8px;
	padding: 16px;
	margin-bottom: 16px;
}

.wnbf-attendees__group h3,
.wnbf-attendees__group h4 {
	margin: 0 0 14px;
	font-size: 1em;
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 8px;
}

.wnbf-attendees__label { font-weight: 400; opacity: .75; }

.wnbf-attendees__qty {
	margin-left: auto;
	font-size: .8em;
	font-weight: 400;
	opacity: .7;
}

.wnbf-attendees__row {
	display: grid;
	grid-template-columns: 28px minmax(0, 1fr) minmax(0, 1fr);
	gap: 12px;
	align-items: start;
	padding: 12px 0;
	border-top: 1px dashed rgba(0, 0, 0, .1);
}

.wnbf-attendees__row:first-of-type { border-top: 0; }

.wnbf-attendees__num {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background: rgba(0, 0, 0, .07);
	font-size: .8em;
	margin-top: 26px;
}

.wnbf-attendees__row .form-row { margin: 0; padding: 0; }
.wnbf-attendees__row label { display: block; font-size: .85em; margin-bottom: 4px; }
.wnbf-attendees__row input { width: 100%; }

.wnbf-attendees__row.is-locked { opacity: .6; }
.wnbf-attendees__locked {
	grid-column: 2 / -1;
	margin: 0;
	font-size: .8em;
	opacity: .75;
}

.wnbf-attendees__dupe {
	grid-column: 2 / -1;
	margin: 6px 0 0;
	font-size: .82em;
	color: #8a6d1f;
}

.wnbf-attendees__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 14px;
	margin-top: 20px;
}

.wnbf-attendees__resend { font-size: .9em; display: inline-flex; align-items: center; gap: 6px; }
.wnbf-attendees__back { font-size: .9em; }

@media (max-width: 600px) {
	.wnbf-attendees__row { grid-template-columns: 28px minmax(0, 1fr); }
	.wnbf-attendees__num { grid-row: span 2; }
	.wnbf-attendees__locked,
	.wnbf-attendees__dupe { grid-column: 2; }
}