/**
 * CRO Global Theme Foundation
 * Canonical semantic Dark token overrides.
 *
 * Light values remain owned by the Elementor Global Kit and the existing
 * CRO Global Foundation. They are intentionally not duplicated here.
 */

html[data-cro-theme="dark"] {
	color-scheme: dark;
	--e-global-color-surface_badge: #1f2937;
	--e-global-color-text_muted: #e5e7eb;
	--e-global-color-border_divider: #94a3b8;
	--cro-gtf-header-text: #f8fafc;
	--cro-gtf-header-link: #ecfdf5;
	--cro-gtf-header-accent: #0f766e;
	--cro-gtf-header-accent-hover: #115e59;
	--cro-gtf-header-border: #5eead4;
}

html[data-cro-theme="dark"]
	:is(.elementor-location-header, [data-elementor-type="header"]) {
	color: var(--cro-gtf-header-text) !important;
}

html[data-cro-theme="dark"]
	:is(.elementor-location-header, [data-elementor-type="header"])
	:is(
		.elementor-item,
		.e-n-menu-title,
		.e-n-menu-title-text,
		.e-n-menu-title-icon
	) {
	color: var(--cro-gtf-header-link) !important;
	fill: var(--cro-gtf-header-link) !important;
}

html[data-cro-theme="dark"]
	:is(.elementor-location-header, [data-elementor-type="header"])
	.elementor-widget-button
	.elementor-button {
	border-color: var(--cro-gtf-header-border) !important;
	background-color: var(--cro-gtf-header-accent) !important;
	color: #ffffff !important;
}

html[data-cro-theme="dark"]
	:is(.elementor-location-header, [data-elementor-type="header"])
	.elementor-widget-button
	.elementor-button
	:is(.elementor-button-content-wrapper, .elementor-button-text, .elementor-button-icon) {
	color: inherit !important;
	fill: currentColor !important;
}

html[data-cro-theme="dark"]
	:is(.elementor-location-header, [data-elementor-type="header"])
	.elementor-widget-button
	.elementor-button:is(:hover, :focus-visible) {
	border-color: #99f6e4 !important;
	background-color: var(--cro-gtf-header-accent-hover) !important;
	color: #ffffff !important;
}


/**
 * TidyTown Golden Master header light surface and interaction.
 * Header 102 geometry and Elementor document data remain unchanged.
 */

html:not([data-cro-theme="dark"])
:is(.elementor-location-header, [data-elementor-type="header"]).elementor-102
> .e-con:first-child {
    background-color: #d0e9e6 !important;
}

html:not([data-cro-theme="dark"])
:is(.elementor-location-header, [data-elementor-type="header"]).elementor-102
:is(.elementor-item, .e-n-menu-title) {
    border-radius: 0.5rem;
    transition:
        background-color 160ms ease,
        color 160ms ease,
        box-shadow 160ms ease;
}

html:not([data-cro-theme="dark"])
:is(.elementor-location-header, [data-elementor-type="header"]).elementor-102
:is(.elementor-item, .e-n-menu-title)
:is(:hover, :focus-visible, :focus-within) {
    background-color: #b5dcd8 !important;
    color: #0b5f58 !important;
    box-shadow: inset 0 -2px 0 #0f766e;
}

html:not([data-cro-theme="dark"])
:is(.elementor-location-header, [data-elementor-type="header"]).elementor-102
.e-n-menu-title:is(:hover, :focus-visible, :focus-within)
:is(.e-n-menu-title-text, .e-n-menu-title-icon, svg) {
    color: #0b5f58 !important;
    fill: currentColor !important;
}