/**
 * Header: single-row layout on tablet and desktop (logo | nav | utilities).
 */

/* Tablet + desktop: keep header utilities on one horizontal row */
@media screen and (min-width: 48em) {
	.wp-block-header > .wp-block-group.alignfull {
		align-items: center;
		flex-wrap: nowrap !important;
		gap: clamp(0.5rem, 1.2vw, 1.5rem);
	}

	.wp-block-header .wp-block-site-logo-wrapper,
	.wp-block-header .wp-block-site-logo-wrapper.is-layout-flex {
		align-items: center !important;
		display: flex !important;
		flex: 0 1 auto;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		gap: clamp(0.35rem, 0.8vw, 0.75rem);
		min-width: 0;
		overflow: hidden;
	}

	.wp-block-header .wp-block-site-identity,
	.wp-block-header .wp-block-site-identity.is-layout-flex {
		align-items: flex-start !important;
		display: flex !important;
		flex: 1 1 auto;
		flex-direction: column !important;
		flex-wrap: nowrap !important;
		gap: 2px !important;
		min-width: 0;
		overflow: hidden;
	}

	.wp-block-header .wp-block-site-identity .wp-block-site-title,
	.wp-block-header .wp-block-site-identity .wp-block-site-title a {
		display: block;
		flex: 0 0 auto;
		font-size: clamp(0.8125rem, 1.15vw, 1.0625rem) !important;
		font-weight: 600 !important;
		line-height: 1.2 !important;
		margin: 0 !important;
		min-width: 0;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		width: 100%;
	}

	.wp-block-header .wp-block-site-identity .wp-block-site-tagline,
	.wp-block-header .wp-block-site-identity .wp-block-site-tagline a {
		display: block;
		flex: 0 0 auto;
		font-size: clamp(0.5rem, 0.75vw, 0.625rem) !important;
		font-weight: 500 !important;
		letter-spacing: 0.05em !important;
		line-height: 1.2 !important;
		margin: 0 !important;
		min-width: 0;
		overflow: hidden;
		text-overflow: ellipsis;
		text-transform: uppercase !important;
		white-space: nowrap;
		width: 100%;
	}

	.wp-block-header .wp-block-site-identity .wp-block-site-tagline::before {
		content: none;
	}

	.wp-block-header .wp-block-header-right {
		align-items: center !important;
		display: flex !important;
		flex: 0 0 auto;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		gap: clamp(0.15rem, 0.6vw, 0.5rem) !important;
		margin-left: auto;
		min-height: 44px;
	}

	.wp-block-header .wp-block-header-right > * {
		align-self: center !important;
		flex: 0 0 auto !important;
	}

	.wp-block-header .wp-block-header-right .sophia-header-product-search,
	.wp-block-header .wp-block-header-right .sophia-ml-switcher,
	.wp-block-header .wp-block-header-right .wc-block-mini-cart,
	.wp-block-header .wp-block-header-right .wp-block-woocommerce-customer-account,
	.wp-block-header .wp-block-header-right .wp-block-buttons,
	.wp-block-header .wp-block-header-right .sophia-header-language-cta {
		align-self: center !important;
		flex-shrink: 0;
	}

	.wp-block-header .wp-block-header-right .sophia-ml-switcher {
		order: 0;
	}

	.wp-block-header .wp-block-header-right .sophia-header-product-search {
		order: 1;
	}

	.wp-block-header .wp-block-header-right .wp-block-woocommerce-customer-account {
		order: 2;
	}

	.wp-block-header .wp-block-header-right .wc-block-mini-cart,
	.wp-block-header .wp-block-header-right .wp-block-woocommerce-mini-cart {
		order: 3;
	}

	.wp-block-header .wp-block-header-right .wp-block-buttons {
		order: 4;
		margin: 0;
		padding-left: clamp(0.25rem, 0.8vw, var(--wp--preset--spacing--40, 1rem)) !important;
	}

	.wp-block-header .wp-block-header-right .wp-block-button__link {
		font-size: clamp(0.75rem, 1.1vw, 1rem) !important;
		padding-left: clamp(0.75rem, 1.5vw, var(--wp--preset--spacing--50, 1.25rem)) !important;
		padding-right: clamp(0.75rem, 1.5vw, var(--wp--preset--spacing--50, 1.25rem)) !important;
		white-space: nowrap;
	}

	.wp-block-header .wp-block-header-right .sophia-header-language-cta {
		order: 50;
		align-items: center !important;
		align-self: center !important;
		display: inline-flex !important;
		flex: 0 0 auto !important;
		flex-direction: row !important;
		/* Prefer min-height so the positioning box hugs the trigger text. */
		height: auto !important;
		justify-content: center !important;
		line-height: 1 !important;
		margin: 0 !important;
		max-width: none !important;
		min-height: 44px !important;
		min-width: 0 !important;
		overflow: visible !important;
		padding: 0 0 0 0.35rem !important;
		position: relative !important;
		top: 0 !important;
		transform: none !important;
		width: auto !important;
		z-index: 40;
	}

	/*
	 * TranslatePress v2 shortcode switcher:
	 * hide the inert anchor, keep overlay in-flow, open list tight under trigger.
	 */
	.wp-block-header .wp-block-header-right .sophia-header-language-cta .trp-shortcode-switcher__wrapper,
	.wp-block-header .wp-block-header-right .sophia-header-language-cta .trp_language_switcher_shortcode {
		align-items: center !important;
		align-self: center !important;
		background: transparent !important;
		border: 0 !important;
		box-shadow: none !important;
		display: inline-flex !important;
		flex: 0 0 auto !important;
		height: fit-content !important;
		line-height: 1 !important;
		margin: 0 !important;
		max-height: fit-content !important;
		min-height: 0 !important;
		overflow: visible !important;
		padding: 0 !important;
		position: relative !important;
		width: auto !important;
	}

	.wp-block-header .wp-block-header-right .sophia-header-language-cta .trp-shortcode-switcher,
	.wp-block-header .wp-block-header-right .sophia-header-language-cta .trp-language-switcher {
		align-items: center !important;
		background: transparent !important;
		border: 0 !important;
		box-shadow: none !important;
		box-sizing: border-box !important;
		display: inline-flex !important;
		height: fit-content !important;
		line-height: 1 !important;
		margin: 0 !important;
		max-height: fit-content !important;
		min-height: 0 !important;
		overflow: visible !important;
		padding: 0 !important;
		width: auto !important;
	}

	/* Fully remove anchor from layout — it only duplicates the trigger for sizing. */
	.wp-block-header .wp-block-header-right .sophia-header-language-cta .trp-shortcode-anchor {
		display: none !important;
		height: 0 !important;
		margin: 0 !important;
		max-height: 0 !important;
		max-width: 0 !important;
		min-height: 0 !important;
		opacity: 0 !important;
		overflow: hidden !important;
		padding: 0 !important;
		pointer-events: none !important;
		position: absolute !important;
		visibility: hidden !important;
		width: 0 !important;
	}

	.wp-block-header .wp-block-header-right .sophia-header-language-cta .trp-shortcode-overlay {
		align-items: flex-start !important;
		align-self: center !important;
		display: flex !important;
		flex-direction: column !important;
		gap: 0 !important;
		height: fit-content !important;
		justify-content: flex-start !important;
		left: auto !important;
		margin: 0 !important;
		max-height: fit-content !important;
		min-height: 0 !important;
		overflow: visible !important;
		padding: 0 !important;
		position: relative !important;
		right: auto !important;
		top: auto !important;
		transform: none !important;
		width: max-content !important;
		z-index: 50;
	}

	.wp-block-header .wp-block-header-right .sophia-header-language-cta .trp-current-language-item__wrapper,
	.wp-block-header .wp-block-header-right .sophia-header-language-cta .trp-current-language-item__wrapper:not(.trp-hide-arrow) {
		align-items: center !important;
		display: inline-flex !important;
		flex: 0 0 auto !important;
		gap: 0.35rem !important;
		height: auto !important;
		justify-content: flex-start !important;
		margin: 0 !important;
		min-height: 0 !important;
		padding: 0 !important;
		padding-right: 0 !important;
		position: relative !important;
		width: max-content !important;
	}

	.wp-block-header .wp-block-header-right .sophia-header-language-cta .trp-language-item__current {
		align-items: center !important;
		color: var(--wp--preset--color--espresso, #4d3422) !important;
		display: inline-flex !important;
		font-size: 0.8125rem !important;
		font-weight: 600 !important;
		gap: 0.35rem !important;
		letter-spacing: 0.02em;
		line-height: 1 !important;
		margin: 0 !important;
		padding: 0 !important;
		text-decoration: none !important;
		white-space: nowrap !important;
	}

	.wp-block-header .wp-block-header-right .sophia-header-language-cta .trp-language-item-name {
		display: inline-flex !important;
		align-items: center !important;
		line-height: 1 !important;
		margin: 0 !important;
		overflow: visible !important;
		padding: 0 !important;
		position: relative !important;
		text-overflow: clip !important;
		top: 0 !important;
	}

	.wp-block-header .wp-block-header-right .sophia-header-language-cta .trp-flag-image {
		aspect-ratio: 1 / 1 !important;
		border-radius: 50% !important;
		display: block !important;
		flex: 0 0 auto !important;
		height: 16px !important;
		margin: 0 !important;
		object-fit: cover !important;
		vertical-align: middle !important;
		width: 16px !important;
	}

	.wp-block-header .wp-block-header-right .sophia-header-language-cta .trp-shortcode-arrow {
		align-self: center !important;
		display: block !important;
		flex: 0 0 auto !important;
		height: 12px !important;
		margin: 0 0 0 0.05rem !important;
		opacity: 0.75;
		width: 12px !important;
	}

	.wp-block-header .wp-block-header-right .sophia-header-language-cta .trp-shortcode-overlay.is-open .trp-shortcode-arrow,
	.wp-block-header .wp-block-header-right .sophia-header-language-cta .trp-shortcode-overlay:hover .trp-shortcode-arrow,
	.wp-block-header .wp-block-header-right .sophia-header-language-cta .trp-shortcode-switcher.is-open .trp-shortcode-arrow {
		transform: rotate(180deg);
	}

	.wp-block-header .wp-block-header-right .sophia-header-language-cta .trp-switcher-dropdown-list {
		background: #fff !important;
		border: 1px solid rgba(149, 78, 38, 0.12) !important;
		border-radius: 8px !important;
		box-shadow: 0 8px 20px rgba(77, 52, 34, 0.14) !important;
		box-sizing: border-box !important;
		flex: 0 0 auto !important;
		gap: 0 !important;
		inset: auto !important;
		left: 0 !important;
		margin: 0 !important;
		max-height: 0 !important;
		max-width: none !important;
		min-height: 0 !important;
		min-width: 0 !important;
		opacity: 0 !important;
		overflow: hidden !important;
		padding: 0 !important;
		pointer-events: none !important;
		position: absolute !important;
		right: auto !important;
		top: auto !important;
		transform: none !important;
		visibility: hidden !important;
		width: max-content !important;
		z-index: 300 !important;
	}

	.wp-block-header .wp-block-header-right .sophia-header-language-cta .trp-switcher-dropdown-list[hidden],
	.wp-block-header .wp-block-header-right .sophia-header-language-cta .trp-switcher-dropdown-list[inert] {
		border: 0 !important;
		box-shadow: none !important;
		display: none !important;
		height: 0 !important;
		margin: 0 !important;
		max-height: 0 !important;
		min-height: 0 !important;
		opacity: 0 !important;
		overflow: hidden !important;
		padding: 0 !important;
		pointer-events: none !important;
		visibility: hidden !important;
	}

	.wp-block-header .wp-block-header-right .sophia-header-language-cta .trp-shortcode-overlay.is-open .trp-switcher-dropdown-list,
	.wp-block-header .wp-block-header-right .sophia-header-language-cta .trp-shortcode-overlay:hover .trp-switcher-dropdown-list,
	.wp-block-header .wp-block-header-right .sophia-header-language-cta .trp-shortcode-switcher.is-open .trp-switcher-dropdown-list,
	.wp-block-header .wp-block-header-right .sophia-header-language-cta .trp-ls-dropdown.is-open .trp-switcher-dropdown-list,
	.wp-block-header .wp-block-header-right .sophia-header-language-cta .trp-shortcode-overlay[aria-expanded="true"] .trp-switcher-dropdown-list {
		display: flex !important;
		flex-direction: column !important;
		/*
		 * Anchor to the trigger row height (~16px flag + label), NOT to a
		 * stretched 44px CTA/overlay box (that was the red-gap).
		 */
		left: 0 !important;
		margin: 0 !important;
		max-height: min(350px, 70vh) !important;
		opacity: 1 !important;
		overflow-x: hidden !important;
		overflow-y: auto !important;
		padding: 0.1rem 0 !important;
		pointer-events: auto !important;
		position: absolute !important;
		/* 3px under trigger; JS may refine via measured trigger bottom. */
		top: calc(100% + 3px) !important;
		transform: none !important;
		visibility: visible !important;
		width: max-content !important;
	}

	.wp-block-header .wp-block-header-right .sophia-header-language-cta .trp-switcher-dropdown-list .trp-language-item {
		align-items: center !important;
		box-sizing: border-box !important;
		color: var(--wp--preset--color--espresso, #4d3422) !important;
		display: flex !important;
		font-size: 0.8125rem !important;
		font-weight: 500 !important;
		gap: 0.35rem !important;
		letter-spacing: 0;
		line-height: 1 !important;
		min-height: 0 !important;
		padding: 0.35rem 0.5rem !important;
		text-decoration: none !important;
		white-space: nowrap !important;
		width: auto !important;
	}

	.wp-block-header .wp-block-header-right .sophia-header-language-cta .trp-switcher-dropdown-list .trp-language-item .trp-language-item-name {
		line-height: 1 !important;
		position: static !important;
		top: auto !important;
	}

	.wp-block-header .wp-block-header-right .sophia-header-language-cta .trp-switcher-dropdown-list .trp-language-item .trp-flag-image {
		height: 16px !important;
		width: 16px !important;
	}

	.wp-block-header .wp-block-header-right .sophia-header-language-cta .trp-switcher-dropdown-list .trp-language-item:hover,
	.wp-block-header .wp-block-header-right .sophia-header-language-cta .trp-switcher-dropdown-list .trp-language-item:focus {
		background: rgba(149, 78, 38, 0.08) !important;
		outline: none;
	}
}

/* Desktop: full nav inline between logo and utilities */
@media screen and (min-width: 75em) {
	.wp-block-header > .wp-block-group.alignfull {
		justify-content: flex-start;
	}

	.wp-block-header .wp-block-site-logo-wrapper {
		flex: 0 1 auto;
		max-width: min(380px, 34vw);
	}

	.wp-block-header nav.wp-block-navigation {
		flex: 1 1 auto;
		justify-content: center;
		margin-left: clamp(0.5rem, 1.5vw, 2rem);
		margin-right: clamp(0.5rem, 1.5vw, 2rem);
		min-width: 0;
		order: 0;
	}

	.wp-block-header .wp-block-navigation__container {
		flex-wrap: nowrap !important;
		gap: clamp(1.25rem, 2.2vw, 3.75rem) !important;
		justify-content: center;
	}

	.wp-block-header .wp-block-navigation-item .wp-block-navigation-item__content {
		font-size: clamp(0.9375rem, 1.05vw, 1.125rem);
		font-weight: 600;
		white-space: nowrap;
	}

	.wp-block-header .wp-block-header-right {
		align-items: center !important;
		display: flex !important;
		flex: 0 0 auto;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		margin-left: auto;
	}

	/* Force language visible + aligned on large desktop (overrides tablet hide). */
	.wp-block-header .wp-block-header-right > .sophia-header-language-cta {
		display: inline-flex !important;
	}
}

/* Narrow desktop: slightly tighter nav before utilities wrap */
@media screen and (min-width: 75em) and (max-width: 90em) {
	.wp-block-header .wp-block-navigation__container {
		gap: clamp(1rem, 1.8vw, 2.75rem) !important;
	}

	.wp-block-header .wp-block-site-logo-wrapper {
		max-width: min(300px, 38vw);
	}

	.wp-block-header .wp-block-site-identity .wp-block-site-title,
	.wp-block-header .wp-block-site-identity .wp-block-site-title a {
		font-size: clamp(0.75rem, 1vw, 0.9375rem) !important;
	}

	.wp-block-header .wp-block-site-identity .wp-block-site-tagline,
	.wp-block-header .wp-block-site-identity .wp-block-site-tagline a {
		font-size: clamp(0.4375rem, 0.65vw, 0.5625rem) !important;
	}
}