/* ==========================================================================
   OMC native date picker for Gravity Forms date fields.
   The real GF date input + its datepicker toggle are hidden by JS; a text
   "mirror" is shown instead — it keeps the field placeholder visible and opens
   the browser's native date picker on focus (see omc-page-settings.php).
   Box/text styles are copied from the original GF input by JS, so the field
   matches the other form fields. Loaded only where GF renders a form.
   ========================================================================== */

/* Hide the GF 2.9 datepicker toggle button (we use the native picker). */
.gform_wrapper .gform-datepicker-toggle {
	display: none !important;
}

/* The mirror: a green calendar icon on the right, always visible. */
.gform_wrapper input.omc-native-date {
	width: 100%;
	cursor: pointer;
	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='%231c401f' 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;
	background-size: 18px 18px;
}

/* While in date mode: hide the browser's own indicator (we use our icon) and
   let the date text inherit the field's font/colour instead of the bold UA
   default. WebKit/Blink (Chrome/Edge/Safari). */
.gform_wrapper input.omc-native-date::-webkit-calendar-picker-indicator {
	opacity: 0;
	width: 24px;
	margin: 0;
	cursor: pointer;
}
.gform_wrapper input.omc-native-date::-webkit-datetime-edit,
.gform_wrapper input.omc-native-date::-webkit-datetime-edit-fields-wrapper,
.gform_wrapper input.omc-native-date::-webkit-datetime-edit-text,
.gform_wrapper input.omc-native-date::-webkit-datetime-edit-day-field,
.gform_wrapper input.omc-native-date::-webkit-datetime-edit-month-field,
.gform_wrapper input.omc-native-date::-webkit-datetime-edit-year-field {
	color: inherit;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	padding: 0;
}