/**
 * HD Advanced List Fields — minimal front-end styles.
 *
 * @package HD_Advanced_List
 */

/* Typed inputs and selects fill their table cell. */
.gfield_list_cell .hdal-input,
.gfield_list_cell select {
	box-sizing: border-box;
	max-width: 100%;
	width: 100%;
}

/* Checkbox group layout inside a cell. */
.gfield_list_cell .hdal-mc-group {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 14px;
}

.gfield_list_cell .hdal-mc-item {
	align-items: center;
	display: inline-flex;
	font-weight: normal;
	gap: 5px;
	margin: 0;
	white-space: nowrap;
}

.gfield_list_cell .hdal-mc-item input.hdal-mc-cb {
	margin: 0;
}

/* Error highlight when the field fails validation. */
.gfield_error .gfield_list_cell .hdal-input,
.gfield_error .gfield_list_cell select,
.gfield_error .gfield_list_cell .hdal-mc-group {
	border-color: #c02b0a;
}

.gfield_error .gfield_list_cell .hdal-mc-group {
	border: 1px solid #c02b0a;
	border-radius: 4px;
	padding: 4px 6px;
}