/**
 * Course start-date field.
 *
 * LifterLMS styles text inputs but not date inputs. On mobile Safari an
 * unstyled date input collapses, so the control needs an explicit box and
 * the WebKit date-value fix from iOS 15 onward.
 */

.llms-form-field.btb-course-start-date-field {
	clear: both;
	max-width: 100%;
	width: 100%;
}

.llms-form-field.btb-course-start-date-field input[type="date"] {
	background-color: #fefefe;
	background-clip: padding-box;
	border: 1px solid #999;
	border-radius: 6px;
	box-sizing: border-box;
	color: #010101;
	display: block;
	font-size: 16px;
	line-height: normal;
	max-width: 100%;
	min-height: 44px;
	min-width: 100%;
	padding: 8px 12px;
	width: 100%;
}

/* iOS Safari collapses an empty date input unless the value box is laid out. */
@supports (-webkit-touch-callout: none) {
	.llms-form-field.btb-course-start-date-field input[type="date"] {
		-webkit-appearance: none;
		appearance: none;
		align-items: center;
		display: flex;
	}

	.llms-form-field.btb-course-start-date-field input[type="date"]::-webkit-date-and-time-value {
		margin: 0;
		min-height: 1.4em;
		text-align: left;
	}

	.llms-form-field.btb-course-start-date-field input[type="date"]::-webkit-datetime-edit,
	.llms-form-field.btb-course-start-date-field input[type="date"]::-webkit-datetime-edit-fields-wrapper {
		display: inline-flex;
		min-height: 1.4em;
		padding: 0;
		width: 100%;
	}
}