/* Checkbox Field Styles - Structural CSS Only */

/* All visual styles (colors, borders, padding, fonts) are applied dynamically via PHP from Customize settings */

.checkbox-option {
	display: flex;
	align-items: center;

	/* Colors and fonts inherit from form's Customize settings */
}

.checkbox-option input[type="checkbox"] {
	margin-right: 8px;

	/* Colors and sizes inherit from form's Customize settings */
}

/* Select All checkbox styling */
.checkbox-option.checkbox-select-all {
	font-weight: 600;
	border-bottom: 1px solid #ddd;
	padding-bottom: 8px;
	margin-bottom: 8px;

	/* Colors will be set dynamically */
}

/* None option styling */
.checkbox-option.checkbox-none {
	/* Inherits base checkbox-option styles */
}

/* Other option with text input */
.checkbox-option.checkbox-other {
	/* Inherits base checkbox-option styles */
}

.checkbox-option.checkbox-other input[type="text"] {
	margin-left: 10px;
	padding: 4px 8px;
	border: 1px solid #dcdcde;
	border-radius: 4px;
	font-size: 14px;
	display: none;
	flex: 1;

	/* Visual styles (border-color, border-radius, font-size) will be set dynamically to match form inputs */
}