/* Atelier Header — scoped premium presentation over the shared Header contract. */

@media (min-width: 61.251rem) {
	.site-header--variant-atelier .site-header__shell {
		position: relative;
	}

	.site-header--variant-atelier.site-header--normal .site-header__shell {
		padding-inline: var(--ca-space-4);
		background: var(--ca-header-bg);
		box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--ca-header-text) 4%, transparent);
	}

	.site-header--variant-atelier.site-header--bg-glass.site-header--normal .site-header__shell {
		background: color-mix(in srgb, var(--ca-header-bg) 78%, transparent);
		backdrop-filter: blur(0.875rem);
		-webkit-backdrop-filter: blur(0.875rem);
	}

	.site-header--variant-atelier.site-header--bg-transparent.site-header--normal .site-header__shell {
		background: transparent;
		box-shadow: none;
	}

	.site-header--variant-atelier.site-header--floating .site-header__shell {
		box-shadow:
			var(--ca-header-shadow),
			inset 0 0 0 2px color-mix(in srgb, var(--ca-header-text) 4%, transparent);
	}

	.site-header--variant-atelier.site-header--shadow-none.site-header--floating .site-header__shell {
		box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--ca-header-text) 4%, transparent);
	}

	.site-header--variant-atelier .site-header__brand-slot {
		align-items: center;
		gap: var(--ca-space-4);
	}

	.site-header--variant-atelier .site-header__brand-slot::after {
		display: block;
		flex: 0 0 auto;
		width: var(--ca-border-width);
		height: calc(var(--ca-control-height) * 0.72);
		background: color-mix(in srgb, var(--ca-header-text) 20%, transparent);
		content: "";
	}

	.site-header--variant-atelier .site-title {
		letter-spacing: max(var(--ca-letter-spacing-heading), 0.035em);
	}

	.site-header--variant-atelier .site-header__menu-slot {
		padding: var(--ca-space-1);
		background: color-mix(in srgb, var(--ca-header-text) 4%, transparent);
		border: var(--ca-border-width) solid color-mix(in srgb, var(--ca-header-text) 12%, var(--ca-header-border));
		border-radius: var(--ca-radius-pill);
	}

	.site-header--variant-atelier.site-header--border-none .site-header__menu-slot {
		border-color: transparent;
	}

	.site-header--variant-atelier .site-header__nav > .menu {
		gap: var(--ca-space-1);
	}

	.site-header--variant-atelier .site-header__nav > .menu > li > a {
		min-height: calc(var(--ca-control-height) - var(--ca-space-2));
		padding-inline: var(--ca-space-3);
		border-radius: var(--ca-radius-pill);
		font-size: var(--ca-text-xs);
		letter-spacing: max(var(--ca-letter-spacing-nav), 0.07em);
		text-transform: uppercase;
	}

	.site-header--variant-atelier .site-header__nav > .menu > li > a::before {
		display: none;
	}

	.site-header--variant-atelier .site-header__nav > .menu > li > a:hover,
	.site-header--variant-atelier .site-header__nav > .menu > li > a:focus-visible,
	.site-header--variant-atelier .site-header__nav > .menu > li.current-menu-item > a,
	.site-header--variant-atelier .site-header__nav > .menu > li.current_page_item > a,
	.site-header--variant-atelier .site-header__nav > .menu > li.current-menu-ancestor > a,
	.site-header--variant-atelier .site-header__nav > .menu > li > a[aria-current="page"] {
		background: color-mix(in srgb, var(--ca-color-primary) 10%, transparent);
	}

	.site-header--variant-atelier .site-header__submenu-toggle {
		width: calc(var(--ca-control-height) - var(--ca-space-2));
		min-height: calc(var(--ca-control-height) - var(--ca-space-2));
	}

	.site-header--variant-atelier .site-header__actions {
		gap: var(--ca-space-1);
	}

	.site-header--variant-atelier .site-header__action,
	.site-header--variant-atelier .site-header__actions .site-search {
		background: color-mix(in srgb, var(--ca-header-text) 4%, transparent);
		border: var(--ca-border-width) solid color-mix(in srgb, var(--ca-header-text) 17%, var(--ca-header-border));
	}

	.site-header--variant-atelier .site-header__action:hover,
	.site-header--variant-atelier .site-header__action:focus-visible,
	.site-header--variant-atelier .site-header__actions .site-search:focus-within {
		background: color-mix(in srgb, var(--ca-color-primary) 9%, transparent);
		border-color: color-mix(in srgb, var(--ca-color-primary) 42%, var(--ca-header-border));
	}

	.site-header--variant-atelier .site-header__nav .sub-menu {
		padding: var(--ca-space-4);
		border-radius: var(--ca-radius-lg);
		box-shadow: var(--ca-shadow-lg);
	}
}