/* Contact page — Day Cruise fields.
   The theme renders select arrows and the datepicker calendar icon in white,
   which is invisible on the light form. Recolour both to #0b377f. */

/* Select dropdown arrow (overrides the theme's white "light-context" arrow).
   High specificity + !important because UIkit's inverse rules can match with a
   body/section-level ancestor that out-ranks a plain override. */
.page-template-contact .cf7-daycruise-fields .uk-select:not([multiple]):not([size]) {
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='16' viewBox='0 0 24 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon fill='%230b377f' points='12 1 9 6 15 6'/%3E%3Cpolygon fill='%230b377f' points='12 13 9 8 15 8'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: 100% 50% !important;
}

/* Datepicker calendar icon (overrides the white calendar.svg background) */
.cf7-daycruise-fields input[type="text"].hasDatepicker {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%230b377f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 12px center;
	padding-right: 40px;
}

/* Radio options: keep all 6 on a single row from 640px up (6th = Day Cruise).
   Overrides the theme's 5-column rule; 960px gap tightened 70px → 60px. */
@media (min-width: 640px) {
	.page-template-contact .wpcf7-form .wpcf7-radio {
		-ms-grid-columns: auto 30px auto 30px auto 30px auto 30px auto 30px auto;
		grid-template-columns: auto auto auto auto auto auto;
	}
}
@media (min-width: 960px) {
	.page-template-contact .wpcf7-form .wpcf7-radio {
		grid-gap: 60px;
	}
}