/* Only the new preference controls have light styles. Existing light UI is untouched. */
.floweralba-color-mode-controls,
.floweralba-color-mode-controls[hidden] { display: none !important; }

@media (max-width: 1200px) {
	.floweralba-color-mode-controls:not([hidden]) {
		display: flex !important;
		align-items: center;
		justify-content: space-between;
		flex-wrap: wrap;
		gap: 12px;
		padding: 16px 0;
		color: #303038;
		font: inherit;
	}
	.floweralba-color-mode-controls--menu { margin-top: 24px; border-top: 1px solid #ececef; }
	.floweralba-color-mode-controls--gate:not([hidden]) { justify-content: center; padding: 12px 0; }
	.floweralba-color-mode-controls__label { font-size: 13px; font-weight: 600; }
	.floweralba-color-mode-controls__options { display: inline-flex; flex-wrap: wrap; gap: 4px; }
	.floweralba-color-mode-controls .floweralba-color-mode-controls__options > button {
		min-width: 66px;
		min-height: 44px;
		margin: 0;
		padding: 9px 14px;
		border: 1px solid #c8cbd3;
		border-radius: 9px;
		background: #fff;
		color: #303038;
		font: inherit;
		font-size: 13px;
		font-weight: 600;
		line-height: 1.5;
		cursor: pointer;
		box-shadow: none;
	}
	.floweralba-color-mode-controls .floweralba-color-mode-controls__options > button[aria-pressed="true"] {
		border-color: #983556;
		background: #fff0f5;
		color: #87304d;
	}
	.floweralba-color-mode-controls .floweralba-color-mode-controls__options > button:focus-visible {
		outline: 3px solid #983556;
		outline-offset: 2px;
	}

	html[data-floweralba-theme="light"] { color-scheme: light; }
	html[data-floweralba-theme="dark"] {
		--fa-dm-bg: #14161c;
		--fa-dm-surface: #1d212a;
		--fa-dm-raised: #272d38;
		--fa-dm-text: #f2f3f6;
		--fa-dm-muted: #abb2bf;
		--fa-dm-border: #3a4250;
		--fa-dm-border-strong: #657084;
		--fa-dm-accent: #ff8fb9;
		--fa-dm-accent-soft: #3b2736;
		--fa-dm-success: #89d6b0;
		--fa-dm-warning: #f2cd82;
		--fa-dm-danger: #ffa1ac;
		--fa-dm-button: #3b3f45;
		--fa-dm-button-text: #e6e6e6;
		color-scheme: dark;
		background-color: var(--fa-dm-bg);
		color: var(--fa-dm-text);
	}
	html[data-floweralba-theme="dark"] body,
	html[data-floweralba-theme="dark"] #c27-site-wrapper,
	html[data-floweralba-theme="dark"] .c27-main-wrapper {
		background-color: var(--fa-dm-bg) !important;
		color: var(--fa-dm-text);
	}
	/* More specific than the theme-option styles printed near the footer. */
	html[data-floweralba-theme="dark"] body .c27-main-header .header-skin,
	html[data-floweralba-theme="dark"] body .c27-main-header.header-scroll .header-skin {
		background: var(--fa-dm-surface) !important;
		border-bottom-color: var(--fa-dm-border) !important;
	}
	/* The dark logo matte blends into the matching dark surface. Light/original
	 * images and all advertisement artwork retain their normal rendering. */
	html[data-floweralba-theme="dark"] :is(.c27-main-header .logo, .floweralba-shared-footer-brand, .floweralba-region-shell-footer-brand) :is(img[src*="logo-header-dark.webp"], img[src*="logo-footer-dark.webp"]) {
		mix-blend-mode: lighten;
	}
	html[data-floweralba-theme="dark"] .c27-main-header .header-logo-text,
	html[data-floweralba-theme="dark"] .c27-main-header .mobile-menu > a,
	html[data-floweralba-theme="dark"] .c27-main-header .mobile-menu-lines,
	html[data-floweralba-theme="dark"] .c27-main-header .mobile-menu-lines i,
	html[data-floweralba-theme="dark"] .c27-main-header .header-right > .search-trigger > a,
	html[data-floweralba-theme="dark"] .c27-main-header .header-right > .flower-header-notifications > .icon-btn,
	html[data-floweralba-theme="dark"] .c27-main-header .header-right .user-profile-name,
	html[data-floweralba-theme="dark"] .c27-main-header .i-nav > .main-menu > li > a { color: var(--fa-dm-text) !important; }
	html[data-floweralba-theme="dark"] .c27-main-header .header-right .user-profile-dropdown .i-dropdown {
		background-color: var(--fa-dm-surface);
		border-color: var(--fa-dm-border);
	}
	html[data-floweralba-theme="dark"] .c27-main-header .user-profile-dropdown .i-dropdown a { color: var(--fa-dm-text); }

	html[data-floweralba-theme="dark"] .floweralba-mobile-menu {
		--flower-mobile-accent: var(--fa-dm-accent);
		--flower-mobile-text: var(--fa-dm-text);
		--flower-mobile-muted: var(--fa-dm-muted);
		--flower-mobile-line: var(--fa-dm-border);
		--flower-mobile-soft: var(--fa-dm-raised);
		background: var(--fa-dm-surface);
	}
	html[data-floweralba-theme="dark"] .floweralba-mobile-menu__screen,
	html[data-floweralba-theme="dark"] .floweralba-mobile-menu__topbar { background: var(--fa-dm-surface); }
	html[data-floweralba-theme="dark"] .floweralba-mobile-menu__avatar,
	html[data-floweralba-theme="dark"] .floweralba-mobile-menu__recent-thumb,
	html[data-floweralba-theme="dark"] .floweralba-mobile-menu__quick-item small {
		background: var(--fa-dm-raised);
		color: var(--fa-dm-muted);
	}
	html[data-floweralba-theme="dark"] .floweralba-mobile-menu__profile-role {
		background: var(--fa-dm-accent-soft);
		color: var(--fa-dm-accent);
	}
	html[data-floweralba-theme="dark"] .floweralba-mobile-menu__auth-links a {
		border-color: var(--fa-dm-border-strong);
		color: var(--fa-dm-text);
	}
	html[data-floweralba-theme="dark"] .floweralba-mobile-menu__auth-links a:first-child {
		background: var(--fa-dm-accent);
		border-color: var(--fa-dm-accent);
		color: #14161c;
	}
	html[data-floweralba-theme="dark"] .floweralba-mobile-menu__shortcuts a {
		background: var(--fa-dm-surface);
		color: var(--fa-dm-text);
	}
	html[data-floweralba-theme="dark"] .floweralba-mobile-menu__shortcuts a .floweralba-mobile-menu__svg-icon,
	html[data-floweralba-theme="dark"] .floweralba-mobile-menu__section-head > a,
	html[data-floweralba-theme="dark"] .floweralba-mobile-menu__recent-status,
	html[data-floweralba-theme="dark"] .floweralba-mobile-menu__recent-empty,
	html[data-floweralba-theme="dark"] .floweralba-mobile-menu__recent-empty p,
	html[data-floweralba-theme="dark"] .floweralba-mobile-menu__recent-item > .mi,
	html[data-floweralba-theme="dark"] .floweralba-mobile-menu__logout { color: var(--fa-dm-muted); }
	html[data-floweralba-theme="dark"] .floweralba-mobile-menu__icon-button:is(:hover, :focus-visible),
	html[data-floweralba-theme="dark"] .floweralba-mobile-menu__shortcuts a:is(:hover, :focus-visible),
	html[data-floweralba-theme="dark"] .floweralba-mobile-menu__quick-item:not(.is-coming):is(:hover, :focus-visible) { background: var(--fa-dm-accent-soft); }
	html[data-floweralba-theme="dark"] .floweralba-mobile-global-navigation,
	html[data-floweralba-theme="dark"] .floweralba-mobile-global-navigation__inner {
		background: var(--fa-dm-surface);
		border-color: var(--fa-dm-border);
		color: var(--fa-dm-text);
	}
	html[data-floweralba-theme="dark"] .floweralba-mobile-global-navigation__inner::before { background: linear-gradient(90deg, var(--fa-dm-surface) 15%, transparent); }
	html[data-floweralba-theme="dark"] .floweralba-mobile-global-navigation__inner::after { background: linear-gradient(270deg, var(--fa-dm-surface) 15%, transparent); }
	html[data-floweralba-theme="dark"] .floweralba-mobile-global-navigation__list > li > a { color: var(--fa-dm-text); }
	html[data-floweralba-theme="dark"] .floweralba-mobile-global-navigation__list > :is(.current-menu-item, .current-menu-ancestor, .current_page_item) > a::after { background: var(--fa-dm-accent); }
	html[data-floweralba-theme="dark"] .floweralba-mobile-back-to-top {
		background: var(--fa-dm-raised);
		border-color: var(--fa-dm-border-strong);
		color: var(--fa-dm-accent);
		box-shadow: 0 5px 18px rgb(0 0 0 / 30%);
	}

	html[data-floweralba-theme="dark"] #quicksearch-mobile-modal .modal-content,
	html[data-floweralba-theme="dark"] .c27-main-header .instant-results,
	html[data-floweralba-theme="dark"] #quicksearch-mobile-modal .instant-results {
		background: var(--fa-dm-surface);
		color: var(--fa-dm-text);
		border-color: var(--fa-dm-border);
	}
	html[data-floweralba-theme="dark"] #quicksearch-mobile-modal :is(.close, h5, .no-results),
	html[data-floweralba-theme="dark"] #quicksearch-mobile-modal .instant-results a,
	html[data-floweralba-theme="dark"] .c27-main-header .instant-results a { color: var(--fa-dm-text); }
	html[data-floweralba-theme="dark"] #quicksearch-mobile-modal input,
	html[data-floweralba-theme="dark"] .c27-main-header .header-search input {
		background-color: var(--fa-dm-raised);
		color: var(--fa-dm-text);
		border-color: var(--fa-dm-border-strong);
	}
	/* The native quick-search partial colors its icon, placeholder and focused
	 * dark shortcode skin directly, including !important text declarations. */
	html[data-floweralba-theme="dark"] #quicksearch-mobile-modal .header-search input[type="search"],
	html[data-floweralba-theme="dark"] .c27-main-header .header-search input[type="search"] {
		background-color: var(--fa-dm-raised) !important;
		color: var(--fa-dm-text) !important;
		border-color: var(--fa-dm-border-strong);
	}
	html[data-floweralba-theme="dark"] #quicksearch-mobile-modal .header-search input[type="search"]::placeholder,
	html[data-floweralba-theme="dark"] .c27-main-header .header-search input[type="search"]::placeholder {
		color: var(--fa-dm-muted) !important;
		opacity: 1;
	}
	html[data-floweralba-theme="dark"] #quicksearch-mobile-modal .header-search > i,
	html[data-floweralba-theme="dark"] .c27-main-header .header-search > i {
		color: var(--fa-dm-text) !important;
	}
	html[data-floweralba-theme="dark"] #quicksearch-mobile-modal .instant-results li,
	html[data-floweralba-theme="dark"] .c27-main-header .instant-results li {
		color: var(--fa-dm-text);
		border-color: var(--fa-dm-border);
	}
	html[data-floweralba-theme="dark"] #quicksearch-mobile-modal .instant-results :is(li:hover, li.ir-cat, .loader-bg),
	html[data-floweralba-theme="dark"] .c27-main-header .instant-results :is(li:hover, li.ir-cat, .loader-bg) {
		background-color: var(--fa-dm-raised);
	}
	html[data-floweralba-theme="dark"] #quicksearch-mobile-modal .instant-results a:hover,
	html[data-floweralba-theme="dark"] .c27-main-header .instant-results a:hover {
		color: var(--fa-dm-text);
	}
	html[data-floweralba-theme="dark"] footer.footer {
		background: var(--fa-dm-surface) !important;
		color: var(--fa-dm-muted);
		border-color: var(--fa-dm-border);
	}
	html[data-floweralba-theme="dark"] footer.footer :is(.copyright p, .footer-bottom a, .widget-title) { color: var(--fa-dm-muted); }
	html[data-floweralba-theme="dark"] footer.footer .footer-bottom { border-color: var(--fa-dm-border); }
	html[data-floweralba-theme="dark"] :is(.floweralba-shared-footer, .floweralba-region-shell-footer, .floweralba-region-shell-subnav) {
		background: var(--fa-dm-surface);
		color: var(--fa-dm-muted);
		border-color: var(--fa-dm-border);
	}
	html[data-floweralba-theme="dark"] .floweralba-shared-footer :is(.floweralba-shared-footer-business, .floweralba-shared-footer-identity > *, .floweralba-shared-footer-registration, .floweralba-region-shell-footer-copyright),
	html[data-floweralba-theme="dark"] .floweralba-region-shell-footer :is(.floweralba-region-shell-footer-lead, .floweralba-region-shell-footer-copyright),
	html[data-floweralba-theme="dark"] .floweralba-region-shell-footer-links a { color: var(--fa-dm-muted); }
	html[data-floweralba-theme="dark"] .floweralba-shared-footer .floweralba-region-shell-footer-links { border-color: var(--fa-dm-border); }
	/* Mobile information cards use fixed border colors, including an
	 * !important left border on the notices card, outside their token palette. */
	html[data-floweralba-theme="dark"] .floweralba-home-bottom-info .floweralba-home-bottom-info-block {
		border-color: var(--fa-dm-border) !important;
	}
	html[data-floweralba-theme="dark"] .floweralba-region-shell-footer-links {
		border-color: var(--fa-dm-border);
	}
	html[data-floweralba-theme="dark"] .floweralba-region-shell-footer-links a + a::before {
		background-color: var(--fa-dm-border);
	}
	html[data-floweralba-theme="dark"] .floweralba-shared-footer-identity > * + *::before,
	html[data-floweralba-theme="dark"] .floweralba-shared-footer-registration + .floweralba-shared-footer-registration::before {
		color: var(--fa-dm-border-strong);
	}
	html[data-floweralba-theme="dark"] .floweralba-region-shell-subnav :is(.floweralba-region-shell-action, .floweralba-region-shell-actions .floweralba-region-shell-action--resume) {
		background-color: var(--fa-dm-raised);
		border-color: var(--fa-dm-border-strong);
		color: var(--fa-dm-text);
	}
	html[data-floweralba-theme="dark"] .floweralba-region-shell-subnav .main-menu > li > a { color: var(--fa-dm-text); }
	html[data-floweralba-theme="dark"] #quicksearch-mobile-modal .view-all-results {
		background: var(--fa-dm-raised);
		color: var(--fa-dm-text);
	}

	html[data-floweralba-theme="dark"] .floweralba-color-mode-controls {
		color: var(--fa-dm-text);
		border-color: var(--fa-dm-border);
	}
	html[data-floweralba-theme="dark"] .floweralba-color-mode-controls .floweralba-color-mode-controls__options > button {
		background: var(--fa-dm-surface);
		color: var(--fa-dm-text);
		border-color: var(--fa-dm-border-strong);
	}
	html[data-floweralba-theme="dark"] .floweralba-color-mode-controls .floweralba-color-mode-controls__options > button[aria-pressed="true"] {
		background: var(--fa-dm-accent-soft);
		color: var(--fa-dm-accent);
		border-color: var(--fa-dm-accent);
	}
	html[data-floweralba-theme="dark"] .floweralba-color-mode-controls .floweralba-color-mode-controls__options > button:focus-visible { outline-color: var(--fa-dm-accent); }
}