/* ---------------------------------------------------------------------------
   PICKADATE DARK THEME
   ---------------------------------------------------------------------------
   The pickadate "classic" themes (js/pickadate.js-3.6.2/lib/themes) hardcode
   light colors. This file must be linked AFTER them so these same-specificity
   selectors win - :where() keeps the data-theme prefix from adding any
   specificity, so the cascade against the vendor rules is unchanged.
   Light mode is left to the vendor themes untouched.
   Colors come from the tokens in app_main.
   --------------------------------------------------------------------------- */
@media screen {

	/* Frame */
	:where([data-theme="dark"]) .picker {
		color:var(--mwl-text-page);
	}
	:where([data-theme="dark"]) .picker__holder,
	:where([data-theme="dark"]) .picker--time .picker__holder {
		background:var(--mwl-bg-panel);
		border-color:var(--mwl-border-surface);
	}

	/* Header: month/year, weekdays, nav arrows */
	:where([data-theme="dark"]) .picker__year,
	:where([data-theme="dark"]) .picker__weekday {
		color:var(--mwl-text-muted);
	}
	:where([data-theme="dark"]) .picker__select--month,
	:where([data-theme="dark"]) .picker__select--year {
		border-color:var(--mwl-border-surface);
	}
	:where([data-theme="dark"]) .picker__nav--prev:before {
		border-right-color:var(--mwl-text-page);
	}
	:where([data-theme="dark"]) .picker__nav--next:before {
		border-left-color:var(--mwl-text-page);
	}
	:where([data-theme="dark"]) .picker__nav--disabled,
	:where([data-theme="dark"]) .picker__nav--disabled:hover,
	:where([data-theme="dark"]) .picker__nav--disabled:before,
	:where([data-theme="dark"]) .picker__nav--disabled:before:hover {
		border-right-color:var(--mwl-bg-panel);
		border-left-color:var(--mwl-bg-panel);
	}

	/* Hover state (days, nav, buttons, time list) */
	:where([data-theme="dark"]) .picker__nav--prev:hover,
	:where([data-theme="dark"]) .picker__nav--next:hover,
	:where([data-theme="dark"]) .picker__day--infocus:hover,
	:where([data-theme="dark"]) .picker__day--outfocus:hover,
	:where([data-theme="dark"]) .picker__day--highlighted:hover,
	:where([data-theme="dark"]) .picker--focused .picker__day--highlighted,
	:where([data-theme="dark"]) .picker__button--today:hover,
	:where([data-theme="dark"]) .picker__button--clear:hover,
	:where([data-theme="dark"]) .picker__button--close:hover,
	:where([data-theme="dark"]) .picker__button--today:focus,
	:where([data-theme="dark"]) .picker__button--clear:focus,
	:where([data-theme="dark"]) .picker__button--close:focus,
	:where([data-theme="dark"]) .picker__list-item:hover,
	:where([data-theme="dark"]) .picker__list-item--highlighted:hover,
	:where([data-theme="dark"]) .picker--focused .picker__list-item--highlighted {
		color:var(--mwl-text-page);
		background:var(--mwl-bg-brand);
	}
	:where([data-theme="dark"]) .picker__button--today:hover,
	:where([data-theme="dark"]) .picker__button--clear:hover,
	:where([data-theme="dark"]) .picker__button--close:hover {
		border-bottom-color:var(--mwl-bg-brand);
	}

	/* Days */
	:where([data-theme="dark"]) .picker__day--outfocus {
		color:var(--mwl-past-text);
	}
	:where([data-theme="dark"]) .picker__day--highlighted,
	:where([data-theme="dark"]) .picker__list-item--highlighted,
	:where([data-theme="dark"]) .picker__list-item:hover {
		border-color:var(--mwl-border-brand-dark);
	}
	:where([data-theme="dark"]) .picker__day--disabled,
	:where([data-theme="dark"]) .picker__day--disabled:hover,
	:where([data-theme="dark"]) .picker--focused .picker__day--disabled,
	:where([data-theme="dark"]) .picker__list-item--disabled,
	:where([data-theme="dark"]) .picker__list-item--disabled:hover,
	:where([data-theme="dark"]) .picker--focused .picker__list-item--disabled {
		background:var(--mwl-bg-row-alt);
		border-color:var(--mwl-bg-row-alt);
		color:var(--mwl-past-text);
	}
	:where([data-theme="dark"]) .picker__day--highlighted.picker__day--disabled,
	:where([data-theme="dark"]) .picker__day--highlighted.picker__day--disabled:hover {
		background:var(--mwl-border-surface);
	}
	:where([data-theme="dark"]) .picker__day--today:before,
	:where([data-theme="dark"]) .picker__button--today:before {
		border-top-color:var(--mwl-text-brand);
	}
	:where([data-theme="dark"]) .picker__day--disabled:before,
	:where([data-theme="dark"]) .picker__button--today[disabled]:before {
		border-top-color:var(--mwl-past-text);
	}

	/* Time list */
	:where([data-theme="dark"]) .picker__list-item {
		background:var(--mwl-bg-panel);
		border-color:var(--mwl-border-soft);
	}

	/* Footer buttons */
	:where([data-theme="dark"]) .picker__button--today,
	:where([data-theme="dark"]) .picker__button--clear,
	:where([data-theme="dark"]) .picker__button--close {
		background:var(--mwl-bg-panel);
		border-color:var(--mwl-bg-panel);
		color:var(--mwl-text-page);
	}
	:where([data-theme="dark"]) .picker__button--close:before,
	:where([data-theme="dark"]) .picker--time .picker__button--clear,
	:where([data-theme="dark"]) .picker--time .picker__button--clear:before {
		color:var(--mwl-text-muted);
	}
	:where([data-theme="dark"]) .picker__button--today[disabled],
	:where([data-theme="dark"]) .picker__button--today[disabled]:hover {
		background:var(--mwl-bg-row-alt);
		border-color:var(--mwl-bg-row-alt);
		color:var(--mwl-past-text);
	}
}