/* CF7 Time Picker Styles */

.cf7tp-wrapper {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	flex-wrap: nowrap;
}

.cf7tp-label {
	display: inline-flex;
	flex-direction: column;
	margin: 0;
}

.cf7tp-select {
	appearance: none;
	-webkit-appearance: none;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 8px 10px;
	font-size: 15px;
	color: #333;
	cursor: pointer;
	min-width: 64px;
	text-align: center;
	transition: border-color 0.2s ease;
}

.cf7tp-select:focus {
	outline: none;
	border-color: #104EA9;
	box-shadow: 0 0 0 2px rgba(16, 78, 169, 0.15);
}

.cf7tp-ampm {
	min-width: 72px;
}

.cf7tp-sep {
	font-size: 20px;
	font-weight: 700;
	color: #555;
	line-height: 1;
	align-self: center;
	padding-bottom: 2px;
}

/* Validation error state */
.wpcf7-not-valid-tip + .cf7tp-wrapper .cf7tp-select,
.cf7tp-wrapper.wpcf7-not-valid .cf7tp-select {
	border-color: #e74c3c;
}

/* Validation error text */
.wpcf7-form-control-wrap[data-name] .wpcf7-not-valid-tip {
	display: block;
	margin-top: 4px;
	font-size: 13px;
	color: #e74c3c;
}