/**
 * Area: desktop global header — promo bar, utility bar, main header row, container width, page background.
 * Nav typography / chevrons / red hover bar live in mega-menu.css; this file only adds nav spacing.
 * Bag icon (added-to-bag.css), search dropdown (search.css) and mobile header are not touched.
 */

/* ---------- Promo bar (no close button anywhere, key phrases bold) ---------- */
.yb .yb-promo__close { display: none !important; }
.yb .yb-promo b,
.yb .yb-promo strong,
.yb .yb-promo a { font-weight: 600; color: #000; }
.yb .yb-promo a { text-decoration: none; }
.yb .yb-promo a:hover { text-decoration: underline; }

@media (min-width: 1025px) {

	/* ---------- Page chrome ---------- */
	body.yb {
		--wd-container-w: 1342px;
		background-color: #F9F9F9;
	}
	.yb .website-wrapper { background-color: #F9F9F9; }
	.yb .container {
		max-width: 1342px;
		padding-left: 10px;
		padding-right: 10px;
	}
	.yb .yb-wrap {
		max-width: 1342px;
		padding-left: 10px;
		padding-right: 10px;
	}

	/* ---------- Promo bar: 50px, white, 14px, thin chevrons 298px from centre ---------- */
	.yb .yb-promo,
	.yb .yb-promo[hidden] {
		display: flex;
		align-items: center;
		justify-content: center;
		min-height: 50px;
		padding: 0 56px;
		border-bottom: 0;
		background: #fff;
		color: #000;
		font-size: 14px;
		font-weight: 400;
		line-height: 17.5px;
	}
	.yb .yb-promo__track { width: 100%; max-width: 546px; height: auto; }
	.yb .yb-promo__msg { height: auto; line-height: 17.5px; }
	.yb .yb-promo__arrow {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 16px;
		height: 16px;
		padding: 0;
		color: #000;
		font-size: 0;
	}
	.yb .yb-promo__arrow svg { display: block; width: 16px; height: 16px; }
	.yb .yb-promo__arrow--prev { left: calc(50% - 298px); right: auto; }
	.yb .yb-promo__arrow--next { right: calc(50% - 298px); left: auto; }

	/* ---------- Utility bar: #FAFAFA, 14px, red grow underline ---------- */
	.yb .yb-utility {
		background: #FAFAFA;
		font-size: 14px;
		line-height: 14px;
	}
	.yb .yb-utility__inner {
		min-height: 36px;
		gap: 16px;
		padding-top: 8px;
		padding-bottom: 8px;
		padding-right: 12px;
	}
	.yb .yb-utility__chat,
	.yb .yb-utility__phone { display: none !important; }
	.yb .yb-utility a,
	.yb .yb-utility__region {
		display: inline-flex;
		align-items: center;
		padding-bottom: 4px;
		color: #000;
		font-size: 14px;
		font-weight: 400;
		line-height: 14px;
		text-decoration: none;
	}
	.yb .yb-utility a {
		background-image: linear-gradient(#B40B27, #B40B27);
		background-repeat: no-repeat;
		background-position: 0 100%;
		background-size: 0 3px;
		transition: background-size .2s ease;
	}
	.yb .yb-utility a:hover,
	.yb .yb-utility a:focus-visible {
		color: #000;
		text-decoration: none;
		background-size: 100% 3px;
	}
	.yb .yb-utility__region::before {
		content: "";
		display: inline-block;
		width: 16px;
		height: 16px;
		margin-right: 4px;
		background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='1'%3E%3Ccircle cx='8' cy='8' r='7'/%3E%3Cellipse cx='8' cy='8' rx='3' ry='7'/%3E%3Cpath d='M1 8h14M2 4.5h12M2 11.5h12'/%3E%3C/svg%3E") center / 16px 16px no-repeat;
	}

	/* ---------- Main header row: 80px, no border, same height when sticky ---------- */
	.yb .whb-general-header,
	.yb .whb-sticked .whb-general-header {
		border-bottom: 0 !important;
		background: #fff;
	}
	.yb .whb-general-header-inner,
	.yb .whb-sticked .whb-general-header-inner {
		height: 80px !important;
		max-height: 80px !important;
	}

	/* Nav spacing: first item ~56px after the logo text, 44px between items */
	.yb .whb-general-header .whb-col-center { padding-left: 36px; }
	.yb .whb-general-header .wd-header-main-nav { text-align: left; }
	.yb .whb-general-header .wd-nav.wd-nav-main { justify-content: flex-start; gap: 0 44px; margin-left: 0; margin-right: 0; }
	.yb .whb-general-header .wd-nav.wd-nav-main > li { margin: 0; }
	.yb .whb-general-header .wd-nav.wd-nav-main > li > a {
		height: 36px;
		padding: 0;
		line-height: 14px;
	}

	/* Search: 240×50, 4px radius, 16px text, 18px icon on the left */
	.yb .whb-general-header .whb-col-right .wd-header-search-form { margin-right: 40px; }
	.yb .whb-general-header .wd-header-search-form { padding-left: 0; padding-right: 0; }
	.yb .whb-general-header .wd-header-search-form .searchform { width: 240px; }
	.yb .whb-general-header .wd-header-search-form input[type="text"],
	.yb .whb-general-header .wd-header-search-form input[name="s"] {
		width: 240px !important;
		min-width: 0;
		height: 50px;
		padding-left: 36px;
		border: 1px solid #2C282E;
		border-radius: 4px;
		background: #fff;
		color: #000;
		font-size: 16px;
	}
	.yb .whb-general-header .wd-header-search-form input[name="s"]::placeholder { color: #54565a; opacity: 1; }
	.yb .whb-general-header .wd-header-search-form .searchsubmit { width: 36px; color: #000; }
	.yb .whb-general-header .wd-header-search-form .searchsubmit::before { font-size: 18px; }

	/* Account: 24px circled person + "Sign In" / first name, 16px black */
	.yb .whb-general-header .wd-header-my-account { margin-right: 20px; }
	.yb .whb-general-header .wd-header-my-account > a {
		display: inline-flex;
		align-items: center;
		gap: 8px;
		height: 44px;
		padding: 0;
		color: #000;
	}
	.yb .whb-general-header .wd-header-my-account .wd-tools-icon,
	.yb .whb-general-header .wd-header-wishlist .wd-tools-icon {
		display: block;
		width: 24px;
		height: 24px;
	}
	.yb .whb-general-header .wd-header-my-account .wd-tools-icon::before,
	.yb .whb-general-header .wd-header-wishlist .wd-tools-icon::before {
		content: "" !important;
		display: block;
		width: 24px;
		height: 24px;
		background: center / 24px 24px no-repeat;
		font-size: 0;
	}
	.yb .whb-general-header .wd-header-my-account .wd-tools-icon::before {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.3'%3E%3Ccircle cx='12' cy='12' r='11'/%3E%3Ccircle cx='12' cy='9.5' r='3.8'/%3E%3Cpath d='M5 19.2c1.5-2.7 4-4.2 7-4.2s5.5 1.5 7 4.2' stroke-linecap='round'/%3E%3C/svg%3E");
	}
	.yb .whb-general-header .wd-header-my-account .wd-tools-text {
		margin: 0;
		color: #000;
		font-size: 16px;
		font-weight: 400;
		letter-spacing: 0;
		text-transform: none;
		background-image: linear-gradient(#D22030, #D22030);
		background-repeat: no-repeat;
		background-position: 0 100%;
		background-size: 0 3px;
		padding-bottom: 2px;
		transition: background-size .2s ease;
	}
	.yb .whb-general-header .wd-header-my-account:hover .wd-tools-text { background-size: 100% 3px; }

	/* Wishlist: 24px outline heart, no count badge */
	.yb .whb-general-header .wd-header-wishlist { margin-right: 20px; }
	.yb .whb-general-header .wd-header-wishlist > a { padding: 0 12px; }
	.yb .whb-general-header .wd-header-wishlist .wd-tools-count,
	.yb .whb-general-header .wd-header-wishlist .wd-tools-text { display: none !important; }
	.yb .whb-general-header .wd-header-wishlist .wd-tools-icon::before {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linejoin='round'%3E%3Cpath d='M12 20.3S3.5 15.2 2.6 9.6C2 5.9 4.4 3.7 7.2 3.7c2.1 0 3.7 1.2 4.8 2.9 1.1-1.7 2.7-2.9 4.8-2.9 2.8 0 5.2 2.2 4.6 5.9-.9 5.6-9.4 10.7-9.4 10.7z'/%3E%3C/svg%3E");
	}
}