/**
 * Community event submission (TEC Community + ECP):
 * - Time zone acknowledgement UI
 * - Dark fields: TEC/Select2 often force white surfaces; align with site dark forms (#262626 band)
 */

/* Community datepickers table: acknowledgement row directly under Start/End + timezone (not after recurrence) */
#tribe-community-events .nrl-tec-tz-ack-tr .tribe-section-content-field,
#tribe-community-events-shortcode .nrl-tec-tz-ack-tr .tribe-section-content-field,
body .tribe-community-events .nrl-tec-tz-ack-tr .tribe-section-content-field,
body .tribe-events-community .nrl-tec-tz-ack-tr .tribe-section-content-field {
	padding-top: 0.35rem;
	vertical-align: top;
	/* Span the full content column (aligned with date row through to the pencil) */
	width: 100%;
}

/*
 * Ack row sits in a full-width <td>; Start/End + timezone + pencil above only use part of that width.
 * Width to the pencil (or visible timezone Select2) is set in tec-community-timezone.js (syncAckBoxWidthToPencil).
 */
#tribe-community-events .nrl-tec-tz-ack-tr .nrl-tec-tz-inline-ack,
#tribe-community-events-shortcode .nrl-tec-tz-ack-tr .nrl-tec-tz-inline-ack,
body .tribe-community-events .nrl-tec-tz-ack-tr .nrl-tec-tz-inline-ack,
body .tribe-events-community .nrl-tec-tz-ack-tr .nrl-tec-tz-inline-ack,
#tribe-community-events .nrl-tec-tz-ack-tr .nrl-tec-tz-php-fallback--inline,
#tribe-community-events-shortcode .nrl-tec-tz-ack-tr .nrl-tec-tz-php-fallback--inline,
body .tribe-community-events .nrl-tec-tz-ack-tr .nrl-tec-tz-php-fallback--inline,
body .tribe-events-community .nrl-tec-tz-ack-tr .nrl-tec-tz-php-fallback--inline {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: auto;
	max-width: 100%;
	min-width: 0;
	box-sizing: border-box;
}

#tribe-community-events .nrl-tec-tz-ack-tr .nrl-tec-tz-inline-ack__confirm,
#tribe-community-events .nrl-tec-tz-ack-tr .nrl-tec-tz-php-fallback__label,
body .tribe-community-events .nrl-tec-tz-ack-tr .nrl-tec-tz-inline-ack__confirm,
body .tribe-community-events .nrl-tec-tz-ack-tr .nrl-tec-tz-php-fallback__label {
	max-width: 100%;
	overflow-wrap: anywhere;
	word-wrap: break-word;
}

/* Text control replacing icon-only pencil (same click target as TEC) */
#tribe-community-events .nrl-tec-tz-change-link--labeled,
#tribe-community-events-shortcode .nrl-tec-tz-change-link--labeled,
body .tribe-community-events .nrl-tec-tz-change-link--labeled,
body .tribe-events-community .nrl-tec-tz-change-link--labeled {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	padding: 0.35rem 0.65rem;
	font-size: 0.85rem;
	font-weight: 500;
	line-height: 1.25;
	text-decoration: none;
	border-radius: 4px;
	border: 1px solid rgba(255, 255, 255, 0.35);
	background: rgba(255, 255, 255, 0.08);
	color: rgba(255, 255, 255, 0.95) !important;
	vertical-align: middle;
}

#tribe-community-events .nrl-tec-tz-change-link--labeled:hover,
body .tribe-community-events .nrl-tec-tz-change-link--labeled:hover {
	border-color: rgba(255, 255, 255, 0.5);
	background: rgba(255, 255, 255, 0.14);
}

#tribe-community-events .nrl-tec-tz-change-link--labeled .dashicons,
#tribe-community-events .nrl-tec-tz-change-link--labeled .dashicons-before,
#tribe-community-events .nrl-tec-tz-change-link--labeled svg,
body .tribe-community-events .nrl-tec-tz-change-link--labeled .dashicons,
body .tribe-community-events .nrl-tec-tz-change-link--labeled svg {
	display: none !important;
}

#tribe-community-events .nrl-tec-tz-change-link__text,
body .tribe-community-events .nrl-tec-tz-change-link__text {
	white-space: nowrap;
}

/* Row: [Timezone pill] [pencil] [helper + checkbox column] */
#tribe-community-events .nrl-tec-tz-native-shell,
#tribe-community-events-shortcode .nrl-tec-tz-native-shell,
.tribe-community-events.form .nrl-tec-tz-native-shell,
body .tribe-community-events .nrl-tec-tz-native-shell {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 0.35rem 0.65rem;
	max-width: 100%;
	vertical-align: middle;
}

/* “Timezone: America/Chicago” — reads as a control, not body copy */
#tribe-community-events .nrl-tec-tz-display-pill,
#tribe-community-events-shortcode .nrl-tec-tz-display-pill,
body .tribe-community-events .nrl-tec-tz-display-pill,
body .tribe-events-community .nrl-tec-tz-display-pill {
	display: inline-block;
	padding: 0.35rem 0.6rem;
	border: 1px solid rgba(255, 255, 255, 0.35);
	border-radius: 4px;
	background: rgba(255, 255, 255, 0.07);
	font-size: 0.9rem;
	line-height: 1.35;
	white-space: nowrap;
}

/* Pencil link: clearer affordance */
#tribe-community-events .nrl-tec-tz-native-shell > a,
#tribe-community-events-shortcode .nrl-tec-tz-native-shell > a,
body .tribe-community-events .nrl-tec-tz-native-shell > a,
body .tribe-events-community .nrl-tec-tz-native-shell > a {
	align-self: center;
	opacity: 0.95;
	padding: 0.25rem;
	border-radius: 4px;
	border: 1px solid rgba(255, 255, 255, 0.25);
	background: rgba(255, 255, 255, 0.06);
}

#tribe-community-events .nrl-tec-tz-native-shell > a:hover,
#tribe-community-events-shortcode .nrl-tec-tz-native-shell > a:hover,
body .tribe-community-events .nrl-tec-tz-native-shell > a:hover {
	border-color: rgba(255, 255, 255, 0.45);
	background: rgba(255, 255, 255, 0.1);
}

/* Inline acknowledgement (shell path: beside pencil — keep modest max width) */
#tribe-community-events .nrl-tec-tz-inline-ack,
#tribe-community-events-shortcode .nrl-tec-tz-inline-ack,
body .tribe-community-events .nrl-tec-tz-inline-ack,
body .tribe-events-community .nrl-tec-tz-inline-ack {
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.35rem;
	min-width: 12rem;
	max-width: 22rem;
	padding: 0.4rem 0.55rem;
	margin: 0;
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 4px;
	background: rgba(0, 0, 0, 0.2);
	font-size: 0.82rem;
	line-height: 1.4;
}

#tribe-community-events .nrl-tec-tz-inline-ack__helper,
#tribe-community-events-shortcode .nrl-tec-tz-inline-ack__helper,
body .tribe-community-events .nrl-tec-tz-inline-ack__helper,
body .tribe-events-community .nrl-tec-tz-inline-ack__helper {
	margin: 0;
	color: #ffff00 !important;
	-webkit-text-fill-color: #ffff00 !important;
	opacity: 1;
}

#tribe-community-events .nrl-tec-tz-inline-ack__row,
#tribe-community-events-shortcode .nrl-tec-tz-inline-ack__row,
body .tribe-community-events .nrl-tec-tz-inline-ack__row {
	display: flex;
	align-items: flex-start;
	gap: 0.45rem;
	cursor: pointer;
	margin: 0;
	font-size: inherit;
	line-height: 1.4;
}

#tribe-community-events .nrl-tec-tz-inline-ack__row input[type='checkbox'],
#tribe-community-events-shortcode .nrl-tec-tz-inline-ack__row input[type='checkbox'],
body .tribe-community-events .nrl-tec-tz-inline-ack__row input[type='checkbox'] {
	margin-top: 0.15rem;
	flex-shrink: 0;
	width: 1rem;
	height: 1rem;
}

#tribe-community-events .nrl-tec-tz-inline-ack__confirm,
#tribe-community-events-shortcode .nrl-tec-tz-inline-ack__confirm,
body .tribe-community-events .nrl-tec-tz-inline-ack__confirm {
	display: block;
}

#tribe-community-events .nrl-tec-tz-inline-ack__zone-name,
#tribe-community-events-shortcode .nrl-tec-tz-inline-ack__zone-name,
body .tribe-community-events .nrl-tec-tz-inline-ack__zone-name {
	font-weight: 600;
	margin-left: 0.15rem;
}

/* Fallback when we could not find the timezone label element */
#tribe-community-events .nrl-tec-tz-pencil-only + .nrl-tec-tz-inline-ack,
#tribe-community-events-shortcode .nrl-tec-tz-pencil-only + .nrl-tec-tz-inline-ack,
body .tribe-community-events .nrl-tec-tz-pencil-only + .nrl-tec-tz-inline-ack {
	margin-left: 0.35rem;
}

/* PHP fallback: default (bottom of section) vs inline (next to pencil) */
#tribe-community-events .nrl-tec-tz-php-fallback:not(.nrl-tec-tz-php-fallback--inline),
#tribe-community-events-shortcode .nrl-tec-tz-php-fallback:not(.nrl-tec-tz-php-fallback--inline),
body .tribe-community-events .nrl-tec-tz-php-fallback:not(.nrl-tec-tz-php-fallback--inline) {
	margin-top: 0.75rem;
	padding: 0.5rem 0;
	font-size: 0.85rem;
	line-height: 1.4;
}

/* Same layout as .nrl-tec-tz-inline-ack when JS moves the fallback (non-table shell path) */
#tribe-community-events .nrl-tec-tz-php-fallback--inline,
#tribe-community-events-shortcode .nrl-tec-tz-php-fallback--inline,
body .tribe-community-events .nrl-tec-tz-php-fallback--inline {
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.35rem;
	min-width: 11rem;
	max-width: 22rem;
	padding: 0.4rem 0.55rem;
	margin: 0;
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 4px;
	background: rgba(0, 0, 0, 0.2);
	font-size: 0.82rem;
	line-height: 1.4;
}

#tribe-community-events .nrl-tec-tz-php-fallback__helper,
#tribe-community-events-shortcode .nrl-tec-tz-php-fallback__helper,
body .tribe-community-events .nrl-tec-tz-php-fallback__helper,
body .tribe-events-community .nrl-tec-tz-php-fallback__helper {
	margin: 0 0 0.35rem;
	color: #ffff00 !important;
	-webkit-text-fill-color: #ffff00 !important;
	opacity: 1;
}

#tribe-community-events .nrl-tec-tz-php-fallback__label,
#tribe-community-events-shortcode .nrl-tec-tz-php-fallback__label,
body .tribe-community-events .nrl-tec-tz-php-fallback__label {
	display: flex;
	align-items: flex-start;
	gap: 0.45rem;
	cursor: pointer;
}

/* -------------------------------------------------------------------------
 * Community form: dark inputs / selects / Select2 (match profile + membership-style fields)
 * Scoped to Community wrappers only. Uses !important to beat plugin defaults.
 * EventTimezone uses the same closed-state Select2 rules as category/other selects.
 * ------------------------------------------------------------------------- */

/* Datetime table: Select2 width/offset is finalized in tec-community-timezone.js (syncEventTimezoneSelect2ToDatetimeBand) */
#tribe-community-events table.tribe-datetime-block tr:has(select[name='EventTimezone']) .nrl-tec-tz-ecp-select2,
#tribe-community-events-shortcode table.tribe-datetime-block tr:has(select[name='EventTimezone']) .nrl-tec-tz-ecp-select2,
body .tribe-community-events table.tribe-datetime-block tr:has(select[name='EventTimezone']) .nrl-tec-tz-ecp-select2 {
	box-sizing: border-box;
	min-width: 0;
}

#tribe-community-events,
#tribe-community-events-shortcode,
#tribe-events-community-form,
body .tribe-community-events,
body .tribe-events-community {
	/* Scoped to Community form roots only — do not set color-scheme on html/body (breaks light layouts + native chrome). */
	color-scheme: dark;
	--nrl-tec-ce-field-bg: #262626;
	--nrl-tec-ce-field-border: rgba(255, 255, 255, 0.28);
	--nrl-tec-ce-field-text: rgba(255, 255, 255, 0.95);
	--nrl-tec-ce-placeholder: rgba(255, 255, 255, 0.45);
}

/*
 * Form shell: Community CSS sets .tribe-community-events { background: var(--tec-color-background) } (usually white),
 * so the “card” stays bright while fields are dark. Match the panel to the field band on edit/submit views.
 */
body.tribe_community_edit #tribe-community-events,
body.tribe_community_edit #tribe-community-events-shortcode,
body.tribe_community_edit .tribe-community-events,
body.nrl-tec-ce-form #tribe-community-events,
body.nrl-tec-ce-form #tribe-community-events-shortcode,
body.nrl-tec-ce-form .tribe-community-events,
body.tribe_community_edit #tribe-events-community-form,
body.nrl-tec-ce-form #tribe-events-community-form {
	background-color: #1e1e1e !important;
	background-image: none !important;
	border-color: rgba(255, 255, 255, 0.14) !important;
	color: rgba(255, 255, 255, 0.9) !important;
}

body.tribe_community_edit .tribe-community-events .tribe-section-header h3,
body.tribe_community_edit .tribe-community-events h3,
body.tribe_community_edit .tribe-community-events .tribe-section-title,
body.tribe_community_edit .tribe-community-events legend,
body.tribe_community_edit .tribe-community-events label,
body.nrl-tec-ce-form .tribe-community-events .tribe-section-header h3,
body.nrl-tec-ce-form .tribe-community-events h3,
body.nrl-tec-ce-form .tribe-community-events .tribe-section-title,
body.nrl-tec-ce-form .tribe-community-events legend,
body.nrl-tec-ce-form .tribe-community-events label {
	color: rgba(255, 255, 255, 0.92) !important;
}

body.tribe_community_edit .tribe-community-events .tribe-section-content-label,
body.nrl-tec-ce-form .tribe-community-events .tribe-section-content-label {
	color: rgba(255, 255, 255, 0.85) !important;
}

body.tribe_community_edit .tribe-community-events .helper-text,
body.tribe_community_edit .tribe-community-events .description,
body.nrl-tec-ce-form .tribe-community-events .helper-text,
body.nrl-tec-ce-form .tribe-community-events .description {
	color: rgba(255, 255, 255, 0.6) !important;
}

body.tribe_community_edit .tribe-community-events a:not(.button):not(.tribe-button):not(.wp-block-button__link),
body.nrl-tec-ce-form .tribe-community-events a:not(.button):not(.tribe-button):not(.wp-block-button__link) {
	color: #9dd5ff !important;
}

/* Header (header-links.php): sits *above* #tribe-community-events — theme H2 color can be nearly black on #141414 */
body.tribe_community_edit header.my-events-header h2.my-events,
body.nrl-tec-ce-form header.my-events-header h2.my-events {
	color: rgba(255, 255, 255, 0.95) !important;
	-webkit-text-fill-color: rgba(255, 255, 255, 0.95) !important;
}

/*
 * Section cards: plugin uses .tribe-section { background: var(--tec-color-background) } → white panels on dark form.
 */
body.tribe_community_edit .tribe-community-events .tribe-section,
body.nrl-tec-ce-form .tribe-community-events .tribe-section,
body.tribe_community_edit .tribe-community-events .wp-editor-container,
body.nrl-tec-ce-form .tribe-community-events .wp-editor-container {
	background-color: #252525 !important;
	background-image: none !important;
	border-color: rgba(255, 255, 255, 0.12) !important;
}

body.tribe_community_edit .tribe-community-events .tribe-section .tribe-section-header,
body.nrl-tec-ce-form .tribe-community-events .tribe-section .tribe-section-header {
	border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}

/*
 * Featured image block (modules/image.php): .tribe-image-upload-area uses var(--tec-color-background) + icon — white slab.
 */
body.tribe_community_edit .tribe-community-events .tribe-image-upload-area,
body.nrl-tec-ce-form .tribe-community-events .tribe-image-upload-area {
	background-color: #2a2a2a !important;
	background-image: none !important;
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 4px;
}

body.tribe_community_edit .tribe-community-events .tribe-image-upload-area.has-image,
body.nrl-tec-ce-form .tribe-community-events .tribe-image-upload-area.has-image {
	background-color: #2a2a2a !important;
	background-image: none !important;
}

body.tribe_community_edit .tribe-community-events .tribe-image-upload-area .note p,
body.nrl-tec-ce-form .tribe-community-events .tribe-image-upload-area .note p {
	color: rgba(255, 255, 255, 0.72) !important;
}

body.tribe_community_edit .tribe-community-events .tribe-image-upload-area .tribe-error,
body.nrl-tec-ce-form .tribe-community-events .tribe-image-upload-area .tribe-error {
	color: #ffb4b4 !important;
}

body.tribe_community_edit .tribe-community-events .tribe-remove-upload a,
body.tribe_community_edit .tribe-community-events .tribe-community-events-preview-image a,
body.nrl-tec-ce-form .tribe-community-events .tribe-remove-upload a,
body.nrl-tec-ce-form .tribe-community-events .tribe-community-events-preview-image a {
	color: #9dd5ff !important;
	-webkit-text-fill-color: #9dd5ff !important;
}

body.tribe_community_edit .tribe-community-events .tribe-image-upload-area .selected-msg,
body.tribe_community_edit .tribe-community-events .tribe-image-upload-area .uploaded-msg,
body.nrl-tec-ce-form .tribe-community-events .tribe-image-upload-area .selected-msg,
body.nrl-tec-ce-form .tribe-community-events .tribe-image-upload-area .uploaded-msg {
	color: rgba(255, 255, 255, 0.88) !important;
}

/* Many themes wrap the form in a light .entry-content / #content — only on Community *edit* (body class from TEC). */
body.tribe_community_edit #content,
body.tribe_community_edit .entry-content,
body.tribe_community_edit .site-content,
body.tribe_community_edit #primary {
	background-color: #141414 !important;
	color: rgba(255, 255, 255, 0.88) !important;
}

/* Native fields (text, etc.) */
#tribe-community-events select:not([multiple]):not([name='EventTimezone']),
#tribe-community-events-shortcode select:not([multiple]):not([name='EventTimezone']),
#tribe-events-community-form select:not([multiple]):not([name='EventTimezone']),
body .tribe-community-events select:not([multiple]):not([name='EventTimezone']),
body .tribe-events-community select:not([multiple]):not([name='EventTimezone']),
#tribe-community-events textarea,
#tribe-community-events-shortcode textarea,
#tribe-events-community-form textarea,
body .tribe-community-events textarea,
#tribe-community-events input[type='text'],
#tribe-community-events input[type='search'],
#tribe-community-events input[type='number'],
#tribe-community-events input[type='email'],
#tribe-community-events input[type='url'],
#tribe-community-events-shortcode input[type='text'],
#tribe-community-events-shortcode input[type='search'],
#tribe-community-events-shortcode input[type='number'],
#tribe-community-events-shortcode input[type='email'],
#tribe-community-events-shortcode input[type='url'],
#tribe-events-community-form input[type='text'],
#tribe-events-community-form input[type='search'],
#tribe-events-community-form input[type='number'],
#tribe-events-community-form input[type='email'],
#tribe-events-community-form input[type='url'],
body .tribe-community-events input[type='text'],
body .tribe-community-events input[type='search'],
body .tribe-community-events input[type='number'],
body .tribe-community-events input[type='email'],
body .tribe-community-events input[type='url'] {
	background-color: var(--nrl-tec-ce-field-bg) !important;
	color: var(--nrl-tec-ce-field-text) !important;
	border-color: var(--nrl-tec-ce-field-border) !important;
	-webkit-text-fill-color: var(--nrl-tec-ce-field-text) !important;
}

/* date / time / datetime-local: no -webkit-text-fill-color — it leaks into Chromium’s picker list */
#tribe-community-events input[type='date'],
#tribe-community-events input[type='time'],
#tribe-community-events input[type='datetime-local'],
#tribe-community-events-shortcode input[type='date'],
#tribe-community-events-shortcode input[type='time'],
#tribe-community-events-shortcode input[type='datetime-local'],
#tribe-events-community-form input[type='date'],
#tribe-events-community-form input[type='time'],
#tribe-events-community-form input[type='datetime-local'],
body .tribe-community-events input[type='date'],
body .tribe-community-events input[type='time'],
body .tribe-community-events input[type='datetime-local'] {
	background-color: var(--nrl-tec-ce-field-bg) !important;
	color: var(--nrl-tec-ce-field-text) !important;
	border-color: var(--nrl-tec-ce-field-border) !important;
}

#tribe-community-events select:not([name='EventTimezone']) option,
#tribe-community-events-shortcode select:not([name='EventTimezone']) option,
#tribe-events-community-form select:not([name='EventTimezone']) option,
body .tribe-community-events select:not([name='EventTimezone']) option {
	background-color: var(--nrl-tec-ce-field-bg);
	color: var(--nrl-tec-ce-field-text);
}

#tribe-community-events input::placeholder,
#tribe-community-events textarea::placeholder,
#tribe-community-events-shortcode input::placeholder,
#tribe-events-community-form input::placeholder,
body .tribe-community-events input::placeholder {
	color: var(--nrl-tec-ce-placeholder) !important;
	-webkit-text-fill-color: var(--nrl-tec-ce-placeholder) !important;
	opacity: 1;
}

/*
 * jQuery Timepicker (Community `modules/datepickers.php`): inputs are type="text" with .tribe-timepicker,
 * not input[type=time]. The dropdown (.ui-timepicker-wrapper) is appended to <body>, so it does not
 * inherit #tribe-community-events. Scope to Community body classes (not bare `body`, avoids side effects).
 * Vendor defaults: the-events-calendar/common/vendor/jquery-tribe-timepicker/jquery.timepicker.css
 */
body.tribe_community_edit .ui-timepicker-wrapper,
body.nrl-tec-ce-form .ui-timepicker-wrapper {
	background-color: #262626 !important;
	border: 1px solid rgba(255, 255, 255, 0.28) !important;
	-webkit-box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45) !important;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45) !important;
}

body.tribe_community_edit .ui-timepicker-list li,
body.nrl-tec-ce-form .ui-timepicker-list li {
	color: rgba(255, 255, 255, 0.95) !important;
}

body.tribe_community_edit .ui-timepicker-duration,
body.nrl-tec-ce-form .ui-timepicker-duration {
	color: rgba(255, 255, 255, 0.45) !important;
}

body.tribe_community_edit .ui-timepicker-list:hover .ui-timepicker-selected,
body.nrl-tec-ce-form .ui-timepicker-list:hover .ui-timepicker-selected {
	background: transparent !important;
	color: rgba(255, 255, 255, 0.95) !important;
}

body.tribe_community_edit li.ui-timepicker-selected,
body.tribe_community_edit .ui-timepicker-list li:hover,
body.tribe_community_edit .ui-timepicker-list .ui-timepicker-selected:hover,
body.nrl-tec-ce-form li.ui-timepicker-selected,
body.nrl-tec-ce-form .ui-timepicker-list li:hover,
body.nrl-tec-ce-form .ui-timepicker-list .ui-timepicker-selected:hover {
	background: rgba(255, 255, 255, 0.14) !important;
	color: #fff !important;
}

body.tribe_community_edit li.ui-timepicker-selected .ui-timepicker-duration,
body.tribe_community_edit .ui-timepicker-list li:hover .ui-timepicker-duration,
body.nrl-tec-ce-form li.ui-timepicker-selected .ui-timepicker-duration,
body.nrl-tec-ce-form .ui-timepicker-list li:hover .ui-timepicker-duration {
	color: rgba(255, 255, 255, 0.55) !important;
}

body.tribe_community_edit .ui-timepicker-list li.ui-timepicker-disabled,
body.tribe_community_edit .ui-timepicker-list li.ui-timepicker-disabled:hover,
body.nrl-tec-ce-form .ui-timepicker-list li.ui-timepicker-disabled,
body.nrl-tec-ce-form .ui-timepicker-list li.ui-timepicker-disabled:hover {
	color: rgba(255, 255, 255, 0.35) !important;
}

body.tribe_community_edit .ui-timepicker-list li.ui-timepicker-disabled:hover,
body.nrl-tec-ce-form .ui-timepicker-list li.ui-timepicker-disabled:hover {
	background: rgba(0, 0, 0, 0.25) !important;
}

/* Status strip (form-status-message.php) — beat global light text + -webkit-text-fill on children */
body.tribe_community_edit .tribe-community-notice,
body.nrl-tec-ce-form .tribe-community-notice {
	background: #fff !important;
	color: #1d2327 !important;
	-webkit-text-fill-color: #1d2327 !important;
	border-left-width: 4px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
}

body.tribe_community_edit .tribe-community-notice p,
body.tribe_community_edit .tribe-community-notice span,
body.tribe_community_edit .tribe-community-notice strong,
body.nrl-tec-ce-form .tribe-community-notice p,
body.nrl-tec-ce-form .tribe-community-notice span,
body.nrl-tec-ce-form .tribe-community-notice strong {
	color: #1d2327 !important;
	-webkit-text-fill-color: #1d2327 !important;
}

body.tribe_community_edit .tribe-community-notice a,
body.nrl-tec-ce-form .tribe-community-notice a {
	color: #2271b1 !important;
	-webkit-text-fill-color: #2271b1 !important;
}

body.tribe_community_edit .tribe-community-notice.tribe-community-notice-error,
body.nrl-tec-ce-form .tribe-community-notice.tribe-community-notice-error {
	border-left-color: #d63638 !important;
}

/* Select2: dark surfaces + text only. Do not set height/line-height/flex/arrow position — Select2’s
 * layout depends on them; overriding caused squeezed text, wrapped rows, and misplaced chevrons. */
#tribe-community-events .select2-container--default .select2-selection--single,
#tribe-community-events .select2-container--default .select2-selection--multiple,
#tribe-community-events-shortcode .select2-container--default .select2-selection--single,
#tribe-community-events-shortcode .select2-container--default .select2-selection--multiple,
#tribe-events-community-form .select2-container--default .select2-selection--single,
#tribe-events-community-form .select2-container--default .select2-selection--multiple,
body .tribe-community-events .select2-container--default .select2-selection--single,
body .tribe-community-events .select2-container--default .select2-selection--multiple {
	background-color: var(--nrl-tec-ce-field-bg) !important;
	border-color: var(--nrl-tec-ce-field-border) !important;
}

#tribe-community-events .select2-container--default .select2-selection--multiple,
#tribe-community-events-shortcode .select2-container--default .select2-selection--multiple,
#tribe-events-community-form .select2-container--default .select2-selection--multiple,
body .tribe-community-events .select2-container--default .select2-selection--multiple {
	min-height: 2.25rem;
}

#tribe-community-events .select2-container--default .select2-selection--multiple .select2-selection__rendered,
#tribe-community-events-shortcode .select2-container--default .select2-selection--multiple .select2-selection__rendered,
#tribe-events-community-form .select2-container--default .select2-selection--multiple .select2-selection__rendered,
body .tribe-community-events .select2-container--default .select2-selection--multiple .select2-selection__rendered {
	color: var(--nrl-tec-ce-field-text) !important;
	-webkit-text-fill-color: var(--nrl-tec-ce-field-text) !important;
}

/* Single: extra right inset when clear (×) + arrow both present — do not touch vertical padding/line-height */
#tribe-community-events .select2-container--default .select2-selection--single .select2-selection__rendered,
#tribe-community-events-shortcode .select2-container--default .select2-selection--single .select2-selection__rendered,
#tribe-events-community-form .select2-container--default .select2-selection--single .select2-selection__rendered,
body .tribe-community-events .select2-container--default .select2-selection--single .select2-selection__rendered {
	color: var(--nrl-tec-ce-field-text) !important;
	-webkit-text-fill-color: var(--nrl-tec-ce-field-text) !important;
	padding-left: 0.5rem !important;
	padding-right: 2.85rem !important;
}

body.nrl-tec-ce-form .wapf .select2-container--default .select2-selection--single .select2-selection__rendered {
	color: var(--nrl-tec-ce-field-text) !important;
	-webkit-text-fill-color: var(--nrl-tec-ce-field-text) !important;
	padding-left: 0.5rem !important;
	padding-right: 2.85rem !important;
}

#tribe-community-events .select2-container--default .select2-selection--single .select2-selection__placeholder,
body .tribe-community-events .select2-container--default .select2-selection__placeholder {
	color: var(--nrl-tec-ce-placeholder) !important;
}

#tribe-community-events .select2-container--default .select2-selection--multiple .select2-selection__choice,
body .tribe-community-events .select2-container--default .select2-selection__choice {
	background-color: rgba(255, 255, 255, 0.08) !important;
	border-color: var(--nrl-tec-ce-field-border) !important;
	color: var(--nrl-tec-ce-field-text) !important;
}

#tribe-community-events .select2-container--default .select2-selection--single .select2-selection__arrow b,
body .tribe-community-events .select2-container--default .select2-selection__arrow b {
	border-color: #fff transparent transparent transparent !important;
}

/* Select2 v3 / legacy */
#tribe-community-events .select2-container .select2-choice,
#tribe-community-events-shortcode .select2-container .select2-choice,
body .tribe-community-events .select2-container .select2-choice {
	background-color: var(--nrl-tec-ce-field-bg) !important;
	border-color: var(--nrl-tec-ce-field-border) !important;
	color: var(--nrl-tec-ce-field-text) !important;
}

#tribe-community-events .select2-container .select2-choice > .select2-chosen,
body .tribe-community-events .select2-container .select2-chosen {
	color: var(--nrl-tec-ce-field-text) !important;
}

/* Dropdown is rendered under <body>; vars are redefined here when open */
body.nrl-tec-ce-select2-open {
	--nrl-tec-ce-field-bg: #262626;
	--nrl-tec-ce-field-border: rgba(255, 255, 255, 0.28);
	--nrl-tec-ce-field-text: rgba(255, 255, 255, 0.95);
}

body.nrl-tec-ce-select2-open .select2-dropdown {
	background-color: var(--nrl-tec-ce-field-bg) !important;
	border-color: var(--nrl-tec-ce-field-border) !important;
}

body.nrl-tec-ce-select2-open .select2-results__option {
	color: var(--nrl-tec-ce-field-text) !important;
	-webkit-text-fill-color: var(--nrl-tec-ce-field-text) !important;
}

body.nrl-tec-ce-select2-open .select2-results__option--highlighted {
	background-color: rgba(255, 255, 255, 0.14) !important;
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
}

body.nrl-tec-ce-select2-open .select2-search--dropdown .select2-search__field {
	background-color: var(--nrl-tec-ce-field-bg) !important;
	color: var(--nrl-tec-ce-field-text) !important;
	border-color: var(--nrl-tec-ce-field-border) !important;
	-webkit-text-fill-color: var(--nrl-tec-ce-field-text) !important;
}

/* Select2 list attached inside Community root (dropdownParent patch) — not under body */
#tribe-community-events .select2-dropdown,
#tribe-community-events-shortcode .select2-dropdown,
#tribe-events-community-form .select2-dropdown,
body .tribe-community-events .select2-dropdown {
	background-color: var(--nrl-tec-ce-field-bg) !important;
	border-color: var(--nrl-tec-ce-field-border) !important;
}

#tribe-community-events .select2-results__option,
#tribe-community-events-shortcode .select2-results__option,
#tribe-events-community-form .select2-results__option,
body .tribe-community-events .select2-results__option {
	color: var(--nrl-tec-ce-field-text) !important;
	-webkit-text-fill-color: var(--nrl-tec-ce-field-text) !important;
}

#tribe-community-events .select2-results__option--highlighted,
#tribe-events-community-form .select2-results__option--highlighted,
body .tribe-community-events .select2-results__option--highlighted {
	background-color: rgba(255, 255, 255, 0.14) !important;
	color: #fff !important;
}

#tribe-community-events .select2-search--dropdown .select2-search__field,
#tribe-events-community-form .select2-search--dropdown .select2-search__field,
body .tribe-community-events .select2-search--dropdown .select2-search__field {
	background-color: var(--nrl-tec-ce-field-bg) !important;
	color: var(--nrl-tec-ce-field-text) !important;
	border-color: var(--nrl-tec-ce-field-border) !important;
	-webkit-text-fill-color: var(--nrl-tec-ce-field-text) !important;
}

/*
 * Recurrence “Happens” (and related) Select2: on small screens a sibling row can sit in the same stacking
 * context and swallow the first tap until something reflows. Elevate the closed control slightly.
 */
@media (max-width: 768px) {
	body.nrl-tec-ce-form #tribe-community-events select[name*='recurrence'] + .select2-container,
	body.nrl-tec-ce-form #tribe-community-events-shortcode select[name*='recurrence'] + .select2-container,
	body.nrl-tec-ce-form #tribe-events-community-form select[name*='recurrence'] + .select2-container,
	body.nrl-tec-ce-form .tribe-community-events select[name*='recurrence'] + .select2-container {
		position: relative;
		z-index: 5;
	}
}

/* -------------------------------------------------------------------------
 * jQuery UI datepicker (ECP recurrence “On” date) — #ui-datepicker-div is on <body>
 * ------------------------------------------------------------------------- */
body.nrl-tec-ce-form {
	--nrl-tec-ce-field-bg: #262626;
	--nrl-tec-ce-field-border: rgba(255, 255, 255, 0.28);
	--nrl-tec-ce-field-text: rgba(255, 255, 255, 0.95);
}

body.nrl-tec-ce-form #ui-datepicker-div {
	z-index: 100050 !important;
	background: var(--nrl-tec-ce-field-bg) !important;
	border: 1px solid var(--nrl-tec-ce-field-border) !important;
	color: var(--nrl-tec-ce-field-text) !important;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.45) !important;
}

body.nrl-tec-ce-form #ui-datepicker-div .ui-widget-header,
body.nrl-tec-ce-form #ui-datepicker-div .ui-datepicker-header {
	background: #1a1a1a !important;
	border-color: var(--nrl-tec-ce-field-border) !important;
	color: #fff !important;
}

body.nrl-tec-ce-form #ui-datepicker-div .ui-datepicker-title,
body.nrl-tec-ce-form #ui-datepicker-div .ui-datepicker-title select {
	line-height: 1.4 !important;
}

/* Fix clipped “April” / “2026” in month/year dropdowns */
body.nrl-tec-ce-form #ui-datepicker-div select.ui-datepicker-month,
body.nrl-tec-ce-form #ui-datepicker-div select.ui-datepicker-year {
	min-width: 5.5rem !important;
	width: auto !important;
	max-width: none !important;
	padding: 0.25rem 1.85rem 0.25rem 0.4rem !important;
	box-sizing: border-box !important;
	background-color: var(--nrl-tec-ce-field-bg) !important;
	color: var(--nrl-tec-ce-field-text) !important;
	border: 1px solid var(--nrl-tec-ce-field-border) !important;
	-webkit-text-fill-color: var(--nrl-tec-ce-field-text) !important;
	font-size: 0.9rem !important;
	-webkit-appearance: none !important;
	appearance: none !important;
}

body.nrl-tec-ce-form #ui-datepicker-div .ui-datepicker-prev,
body.nrl-tec-ce-form #ui-datepicker-div .ui-datepicker-next {
	background: transparent !important;
	border: none !important;
}

body.nrl-tec-ce-form #ui-datepicker-div .ui-datepicker-prev span,
body.nrl-tec-ce-form #ui-datepicker-div .ui-datepicker-next span {
	filter: invert(1);
}

body.nrl-tec-ce-form #ui-datepicker-div .ui-datepicker-calendar thead th {
	color: rgba(255, 255, 255, 0.75) !important;
}

body.nrl-tec-ce-form #ui-datepicker-div .ui-datepicker-calendar td {
	background: transparent !important;
	border-color: rgba(255, 255, 255, 0.08) !important;
}

body.nrl-tec-ce-form #ui-datepicker-div .ui-datepicker-calendar td span,
body.nrl-tec-ce-form #ui-datepicker-div .ui-datepicker-calendar td a {
	color: var(--nrl-tec-ce-field-text) !important;
	background: transparent !important;
	-webkit-text-fill-color: var(--nrl-tec-ce-field-text) !important;
}

body.nrl-tec-ce-form #ui-datepicker-div .ui-datepicker-calendar td a:hover {
	background: rgba(255, 255, 255, 0.12) !important;
	color: #fff !important;
}

body.nrl-tec-ce-form #ui-datepicker-div .ui-datepicker-calendar .ui-state-active,
body.nrl-tec-ce-form #ui-datepicker-div .ui-datepicker-calendar .ui-state-hover.ui-state-active {
	background: #8b0000 !important;
	color: #fff !important;
	border-color: transparent !important;
}

body.nrl-tec-ce-form #ui-datepicker-div .ui-datepicker-calendar .ui-datepicker-other-month span {
	color: rgba(255, 255, 255, 0.35) !important;
}

body.nrl-tec-ce-form #ui-datepicker-div.ui-datepicker-multi .ui-datepicker-group {
	border-color: rgba(255, 255, 255, 0.1) !important;
}

/* -------------------------------------------------------------------------
 * Community + WAPF (same page): hide All day row; normalize WAPF section panels
 * ------------------------------------------------------------------------- */

/* Hide “All day event” — TEC Community (row contains the checkbox) */
body.nrl-tec-ce-form #tribe-community-events tr:has(#all_day_checkbox),
body.nrl-tec-ce-form #tribe-community-events tr:has(#allDayCheckbox),
body.nrl-tec-ce-form #tribe-community-events-shortcode tr:has(#all_day_checkbox),
body.nrl-tec-ce-form #tribe-community-events-shortcode tr:has(#allDayCheckbox),
body.nrl-tec-ce-form #tribe-events-community-form tr:has(#all_day_checkbox),
body.nrl-tec-ce-form #tribe-events-community-form tr:has(#allDayCheckbox),
body.nrl-tec-ce-form #tribe-community-events tr:has(input[name='isEventAllDay']),
body.nrl-tec-ce-form #tribe-community-events tr:has(input[name='all_day_checkbox']),
body.nrl-tec-ce-form #tribe-community-events tr:has(#isEventAllDay) {
	display: none !important;
}

/* WAPF section wrappers (e.g. Verification): no extra outline — blend with the Community panel */
body.nrl-tec-ce-form #tribe-community-events .wapf-section,
body.nrl-tec-ce-form #tribe-community-events-shortcode .wapf-section,
body.nrl-tec-ce-form #tribe-events-community-form .wapf-section,
body.nrl-tec-ce-form .tribe-community-events .wapf-section,
body.nrl-tec-ce-form .tribe-events-community .wapf-section {
	border: none !important;
	outline: none !important;
	box-shadow: none !important;
	background: transparent !important;
	background-color: transparent !important;
}