/* ==================================================================
   Niagara Transit: Forminator date + time, device pickers  v1.0.2
   Owner pick 2026-11-07 (option A). js/forminator-datetime.js swaps
   Forminator's date box + jQuery UI calendar and its three time dropdowns
   for <input type="date"> and <input type="time">; the originals stay in
   the form, hidden (.nt-dt-hidden). The new boxes carry .forminator-input,
   so they already look like the form's other boxes (light and dark).
   color-scheme makes the browser's own picker match the theme.
   ================================================================== */
.forminator-ui .nt-dt-hidden { display: none !important; }

.forminator-ui input.nt-dt-native {
	display: block;
	width: 100%;
	min-height: 48px;
	font-size: 17px;
	line-height: 1.3;
	cursor: pointer;
	color-scheme: light;
}
.forminator-ui input.nt-dt-time { max-width: 220px; }
.forminator-ui input.nt-dt-date { max-width: 260px; }
html[data-nt-theme="dark"] .forminator-ui input.nt-dt-native { color-scheme: dark; }

/* The calendar / clock button inside the box (Chrome, Edge, Safari): a
   44px-wide target, full strength. */
.forminator-ui input.nt-dt-native::-webkit-calendar-picker-indicator {
	padding: 10px;
	margin-right: -6px;
	opacity: 1;
	cursor: pointer;
}
.forminator-ui input.nt-dt-native:focus-visible {
	outline: 3px solid var(--ntc-focus, #07495F);
	outline-offset: 2px;
}
/* Errors on the hidden originals still mark the field. */
.forminator-ui .forminator-has_error input.nt-dt-native { border-color: #B42318 !important; }
html[data-nt-theme="dark"] .forminator-ui .forminator-has_error input.nt-dt-native { border-color: #FF9C94 !important; }

/* ---------- Light-mode field borders (owner 2026-11-07) ----------
   Forminator's default design draws inputs with rgba(170,170,170,.37) on
   #F2F2F2 (1.3:1 against the page) and radios with #AAA (2.3:1); field
   edges need 3:1 (WCAG 1.4.11). Light mode only: dark mode has its own
   borders (dark-mode.css). #6B6B6B = the site's light --ntc-input-border,
   5.3:1 on white. ID weight beats Forminator's per-form #id rules. */
html:not([data-nt-theme="dark"]) :is(.forminator-ui, #nt-fm-id-weight) :is(.forminator-input, .forminator-textarea, .select2-selection, input.nt-dt-native) {
	border: 1px solid var(--ntc-input-border, #6B6B6B) !important;
}
html:not([data-nt-theme="dark"]) :is(.forminator-ui, #nt-fm-id-weight) :is(.forminator-radio-bullet, .forminator-checkbox-box) {
	border: 1px solid var(--ntc-input-border, #6B6B6B) !important;
}
html:not([data-nt-theme="dark"]) :is(.forminator-ui, #nt-fm-id-weight) .forminator-button-upload {
	border: 1px solid var(--ntc-input-border, #6B6B6B) !important;
}
html:not([data-nt-theme="dark"]) :is(.forminator-ui, #nt-fm-id-weight) .forminator-field:not(.forminator-has_error) :is(.forminator-input, .forminator-textarea, input.nt-dt-native):focus {
	border-color: var(--ntc-link, #00677F) !important;
}
html:not([data-nt-theme="dark"]) :is(.forminator-ui, #nt-fm-id-weight) .forminator-has_error :is(.forminator-input, .forminator-textarea, .select2-selection, input.nt-dt-native, .forminator-radio-bullet, .forminator-checkbox-box) {
	border-color: #B42318 !important;
}