/*
Theme Name: Zishop Storefront Child
Theme URI: https://zishop.ro/
Description: Header and category navigation styling adapted for WooCommerce Storefront.
Author: Zishop
Template: storefront
Version: 2.6.0
Text Domain: zishop-storefront-child
*/

/*
 * Header palette. This file replaces the previous header CSS as one stylesheet.
 * It uses Storefront/WooCommerce markup; no Shopify selectors are used.
 */
:root {
	--zishop-header-ink: #242424;
	--zishop-header-accent: #8a6c4a;
	--zishop-header-border: #ece9e4;
	--zishop-header-shadow: 0 12px 28px rgba(24, 24, 24, .12);
	--zishop-header-icon-size: 34px;
	--zishop-header-action-size: 42px;
	--zishop-announcement-height: 36px;
}

/* Sticky Storefront header, similar to the reference site's compact header. */
#masthead.site-header {
	position: sticky;
	top: 0;
	z-index: 1000;
	box-sizing: border-box;
	margin: 0;
	border-bottom: 1px solid var(--zishop-header-border);
	background: #fff;
}

body.admin-bar #masthead.site-header {
	top: 32px;
}

/* Keep icon links in the below-header widget region the same size and color. */
#page > .header-widget-region .widget a {
	display: inline-flex;
	width: 42px;
	height: 42px;
	align-items: center;
	justify-content: center;
	padding: 0;
	color: var(--zishop-header-ink);
	line-height: 1;
}

@media (max-width: 782px) {
	body.admin-bar #masthead.site-header {
		top: 46px;
	}
}

/* Desktop: large logo, social/account row, then navigation and shopping actions. */
@media (min-width: 1150px) {
	#masthead.site-header {
		display: grid;
		grid-template-columns: minmax(150px, 180px) minmax(0, 1fr) 42px 42px 42px;
		grid-template-rows: 42px 50px;
		align-items: center;
		column-gap: clamp(8px, .8vw, 14px);
		padding: 8px max(28px, calc((100vw - 1320px) / 2));
	}

	/* Let Storefront's existing branding, search and nav become grid items. */
	#masthead > .col-full:first-child,
	#masthead > .storefront-primary-navigation,
	#masthead > .storefront-primary-navigation > .col-full {
		display: contents;
	}

	#masthead .site-branding {
		grid-column: 1;
		grid-row: 1 / 3;
		float: none;
		width: auto;
		max-width: 180px;
		align-self: center;
		margin: 0;
		padding-left: clamp(8px, 1.2vw, 18px);
	}

	#masthead .site-branding .custom-logo-link {
		display: inline-flex;
		max-width: 100%;
		align-items: center;
	}

	#masthead .site-branding .custom-logo {
		display: block;
		width: 170px;
		max-width: 100%;
		max-height: 100px;
		height: auto;
		object-fit: contain;
	}

	#masthead #site-navigation {
		position: static;
		grid-column: 2;
		grid-row: 2;
		float: none;
		width: 100%;
		max-width: none;
		margin: 0;
	}

	#masthead #site-navigation > button.menu-toggle {
		display: none !important;
	}

	#masthead #site-navigation ul.menu {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: clamp(2px, .45vw, 8px);
		margin: 0;
		padding: 0;
		list-style: none;
	}

	#masthead #site-navigation ul.menu > li {
		position: static;
		float: none;
		width: auto;
		margin: 0;
		padding: 0;
	}

	#masthead #site-navigation ul.menu > li > a {
		padding: 12px clamp(5px, .55vw, 9px);
		color: var(--zishop-header-ink);
		font-size: clamp(12px, .92vw, 14px);
		font-weight: 500;
		line-height: 1.25;
		white-space: nowrap;
	}

	#masthead #site-navigation ul.menu > li > a:hover,
	#masthead #site-navigation ul.menu > li.current-menu-item > a,
	#masthead #site-navigation ul.menu > li.current-menu-ancestor > a {
		color: var(--zishop-header-accent);
	}

	/* Search is a magnifying glass first; the native WooCommerce field expands on focus. */
	#masthead .site-search {
		position: relative;
		grid-column: 3;
		grid-row: 2;
		float: none;
		width: 40px;
		margin: 0;
		justify-self: center;
	}

	#masthead .site-search form.woocommerce-product-search {
		position: relative;
		width: 40px;
		height: 40px;
		margin: 0;
	}

	#masthead .site-search form.woocommerce-product-search::before {
		position: absolute;
		z-index: 3;
		top: 8px;
		left: 8px;
		width: 16px;
		height: 16px;
		border: 1.7px solid var(--zishop-header-ink);
		border-radius: 50%;
		content: "";
		pointer-events: none;
	}

	#masthead .site-search form.woocommerce-product-search::after {
		position: absolute;
		z-index: 3;
		top: 25px;
		left: 25px;
		width: 9px;
		border-top: 1.7px solid var(--zishop-header-ink);
		content: "";
		transform: rotate(45deg);
		transform-origin: left center;
		pointer-events: none;
	}

	#masthead .site-search .search-field {
		position: absolute;
		z-index: 2;
		top: 0;
		right: 0;
		box-sizing: border-box;
		width: 40px;
		height: 40px;
		margin: 0;
		padding: 0;
		border: 1px solid transparent;
		border-radius: 3px;
		background: transparent;
		color: transparent;
		cursor: pointer;
		transition: width .18s ease, background-color .18s ease, border-color .18s ease;
	}

	#masthead .site-search .search-field:focus {
		width: min(260px, 30vw);
		padding: 0 42px 0 14px;
		border-color: var(--zishop-header-border);
		background: #fff;
		color: var(--zishop-header-ink);
		cursor: text;
		outline: 2px solid transparent;
	}

	#masthead .site-search button[type="submit"] {
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		border: 0;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		white-space: nowrap;
	}

	/* Account icon. The text remains available to screen readers. */
	#masthead .zishop-account-link {
		grid-column: 4;
		grid-row: 2;
		justify-self: center;
		margin: 0;
	}

	#masthead .zishop-account-link a {
		display: flex;
		width: var(--zishop-header-action-size);
		height: var(--zishop-header-action-size);
		align-items: center;
		justify-content: center;
		color: var(--zishop-header-ink);
	}

	#masthead .zishop-account-link svg {
		display: block;
		width: var(--zishop-header-icon-size);
		height: var(--zishop-header-icon-size);
		fill: none;
		stroke: currentColor;
		stroke-width: 1.6;
		stroke-linecap: round;
		stroke-linejoin: round;
	}

	#masthead .zishop-account-link .screen-reader-text {
		position: absolute !important;
		width: 1px;
		height: 1px;
		padding: 0;
		margin: -1px;
		overflow: hidden;
		clip: rect(1px, 1px, 1px, 1px);
		clip-path: inset(50%);
		white-space: nowrap;
		border: 0;
	}

	/* Cart stays functional and keeps its accessible item description. */
	#masthead .site-header-cart {
		grid-column: 5;
		grid-row: 2;
		float: none;
		width: 42px;
		margin: 0;
		justify-self: end;
	}

	#masthead .site-header-cart > li {
		float: none;
		margin: 0;
	}

	#masthead .site-header-cart .cart-contents {
		display: flex;
		width: var(--zishop-header-action-size);
		min-height: var(--zishop-header-action-size);
		align-items: center;
		justify-content: center;
		padding: 0;
		color: var(--zishop-header-ink);
		font-size: 0;
		line-height: 1;
		white-space: nowrap;
	}

	#masthead .site-header-cart .cart-contents::after {
		margin: 0;
		font-size: var(--zishop-header-icon-size);
	}

	/* Social and wishlist links sit in a tidy, right-aligned row above the header actions. */
	#page {
		position: relative;
	}

	#page > .header-widget-region {
		position: absolute;
		z-index: 1002;
		top: var(--zishop-announcement-height);
		right: max(28px, calc((100vw - 1320px) / 2));
		width: auto;
		height: 92px;
		overflow: visible;
		pointer-events: none;
	}

	#page > .header-widget-region > .col-full {
		position: static;
		display: block;
		width: 176px;
		max-width: none;
		margin: 0;
		padding: 0;
	}

	#page > .header-widget-region .widget {
		width: auto;
		margin: 0;
		pointer-events: auto;
	}

	#page > .header-widget-region .wp-block-social-links {
		position: absolute;
		top: 8px;
		right: calc(var(--zishop-header-action-size) + clamp(8px, .8vw, 14px));
		display: grid;
		grid-template-columns: repeat(3, var(--zishop-header-action-size));
		gap: clamp(8px, .8vw, 14px);
		margin: 0;
		padding: 0;
	}

	#page > .header-widget-region .wp-social-link {
		display: flex;
		width: 42px;
		height: 42px;
		flex: 0 0 42px;
		align-items: center;
		justify-content: center;
		margin: 0;
		border: 0;
		border-radius: 0;
		background: transparent;
	}

	#page > .header-widget-region .wp-social-link a,
	#page > .header-widget-region .wp-block-image a {
		display: flex;
		width: 42px;
		height: 42px;
		align-items: center;
		justify-content: center;
		padding: 0;
		color: var(--zishop-header-ink);
	}

	#page > .header-widget-region .wp-social-link svg {
		display: block;
		width: var(--zishop-header-icon-size) !important;
		height: var(--zishop-header-icon-size) !important;
		fill: currentColor;
	}

	#page > .header-widget-region .wp-block-image {
		position: static;
		display: block;
		width: 0;
		height: 0;
		margin: 0;
	}

	#page > .header-widget-region a[href*="/wishlist"] {
		position: absolute;
		top: 8px;
		right: 0;
		width: 42px;
		height: 42px;
	}

	#page > .header-widget-region svg {
		display: block;
		width: var(--zishop-header-icon-size) !important;
		height: var(--zishop-header-icon-size) !important;
		max-width: var(--zishop-header-icon-size) !important;
		max-height: var(--zishop-header-icon-size) !important;
		fill: currentColor;
	}

	#page > .header-widget-region img {
		display: block;
		width: var(--zishop-header-icon-size) !important;
		height: auto !important;
		max-width: var(--zishop-header-icon-size) !important;
		max-height: none !important;
		object-fit: contain;
	}

	#page > .header-widget-region :is(i, [class*="heart"], [class*="wishlist"]) {
		font-size: var(--zishop-header-icon-size) !important;
		line-height: 1 !important;
	}

	/* Full-width dropdown panels. The overlap prevents a hover gap at the menu edge. */
	.storefront-primary-navigation {
		position: static !important;
		z-index: 1001;
	}

	#masthead #site-navigation ul.menu > li#menu-item-14982,
	#masthead #site-navigation ul.menu > li#menu-item-14980,
	#masthead #site-navigation ul.menu > li#menu-item-14981,
	#masthead #site-navigation ul.menu > li#menu-item-14994 {
		position: static;
	}

	#masthead #site-navigation ul.menu > li#menu-item-14982 > ul.sub-menu,
	#masthead #site-navigation ul.menu > li#menu-item-14980 > ul.sub-menu,
	#masthead #site-navigation ul.menu > li#menu-item-14981 > ul.sub-menu,
	#masthead #site-navigation ul.menu > li#menu-item-14994 > ul.sub-menu {
		position: absolute;
		z-index: 1003;
		top: calc(100% - 40px);
		left: 50%;
		display: none;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		grid-template-rows: repeat(4, minmax(0, auto));
		grid-auto-flow: column;
		gap: 0 28px;
		width: min(1180px, calc(100vw - 48px));
		max-width: none;
		margin: 0;
		padding: 24px 32px;
		border: 1px solid var(--zishop-header-border);
		background: #fff;
		box-shadow: var(--zishop-header-shadow);
		transform: translateX(-50%);
		visibility: hidden;
		opacity: 0;
		pointer-events: none;
		transition: opacity .12s ease;
	}

	#masthead #site-navigation ul.menu > li#menu-item-14982:hover > ul.sub-menu,
	#masthead #site-navigation ul.menu > li#menu-item-14982:focus-within > ul.sub-menu,
	#masthead #site-navigation ul.menu > li#menu-item-14980:hover > ul.sub-menu,
	#masthead #site-navigation ul.menu > li#menu-item-14980:focus-within > ul.sub-menu,
	#masthead #site-navigation ul.menu > li#menu-item-14981:hover > ul.sub-menu,
	#masthead #site-navigation ul.menu > li#menu-item-14981:focus-within > ul.sub-menu,
	#masthead #site-navigation ul.menu > li#menu-item-14994:hover > ul.sub-menu,
	#masthead #site-navigation ul.menu > li#menu-item-14994:focus-within > ul.sub-menu {
		display: grid !important;
		visibility: visible !important;
		opacity: 1 !important;
		pointer-events: auto !important;
		transform: translateX(-50%) !important;
	}

	#masthead #site-navigation ul.menu > li#menu-item-14980 > ul.sub-menu {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	#masthead #site-navigation ul.menu > li#menu-item-14981 > ul.sub-menu {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-template-rows: auto;
		grid-auto-flow: row;
	}

	#masthead #site-navigation ul.menu > li#menu-item-14994 > ul.sub-menu {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-template-rows: repeat(3, minmax(0, auto));
	}

	#masthead #site-navigation ul.menu > li#menu-item-14982 > ul.sub-menu > li,
	#masthead #site-navigation ul.menu > li#menu-item-14980 > ul.sub-menu > li,
	#masthead #site-navigation ul.menu > li#menu-item-14981 > ul.sub-menu > li,
	#masthead #site-navigation ul.menu > li#menu-item-14994 > ul.sub-menu > li {
		position: relative;
		float: none;
		width: auto;
		min-width: 0;
		margin: 0;
		padding: 0;
		border: 0;
	}

	#masthead #site-navigation ul.menu > li#menu-item-14982 > ul.sub-menu > li > a,
	#masthead #site-navigation ul.menu > li#menu-item-14980 > ul.sub-menu > li > a,
	#masthead #site-navigation ul.menu > li#menu-item-14981 > ul.sub-menu > li > a,
	#masthead #site-navigation ul.menu > li#menu-item-14994 > ul.sub-menu > li > a {
		padding: 8px 0;
		color: #343434;
		font-size: 14px;
		line-height: 1.45;
		white-space: normal;
	}

	#masthead #site-navigation ul.menu > li#menu-item-14982 > ul.sub-menu > li > a:hover,
	#masthead #site-navigation ul.menu > li#menu-item-14980 > ul.sub-menu > li > a:hover,
	#masthead #site-navigation ul.menu > li#menu-item-14981 > ul.sub-menu > li > a:hover,
	#masthead #site-navigation ul.menu > li#menu-item-14994 > ul.sub-menu > li > a:hover {
		color: var(--zishop-header-accent);
	}

	/* Keep Lenjerie child categories visible in the two relevant mega menus. */
	#masthead #site-navigation li#menu-item-15031 > ul.sub-menu,
	#masthead #site-navigation li#menu-item-15016 > ul.sub-menu {
		position: static;
		display: block !important;
		width: auto;
		max-width: none;
		margin: 0 0 4px;
		padding: 0 0 0 12px;
		border: 0;
		background: transparent;
		box-shadow: none;
		transform: none;
		visibility: visible;
		opacity: 1;
		pointer-events: auto;
	}

	#masthead #site-navigation li#menu-item-15031 > ul.sub-menu > li,
	#masthead #site-navigation li#menu-item-15016 > ul.sub-menu > li {
		float: none;
		width: auto;
		margin: 0;
		padding: 0;
		border: 0;
	}

	#masthead #site-navigation li#menu-item-15031 > ul.sub-menu > li > a,
	#masthead #site-navigation li#menu-item-15016 > ul.sub-menu > li > a {
		padding: 5px 0;
		font-size: 13px;
		line-height: 1.4;
	}
}

/* Keep the two-row action layout at the tablet desktop breakpoint. */
@media (min-width: 1024px) and (max-width: 1149px) {
	#masthead.site-header {
		display: grid;
		grid-template-columns: minmax(138px, 160px) minmax(0, 1fr) 40px 40px 40px;
		grid-template-rows: 42px 48px;
		align-items: center;
		column-gap: 8px;
		padding: 8px 24px;
	}

	#masthead > .col-full:first-child,
	#masthead > .storefront-primary-navigation,
	#masthead > .storefront-primary-navigation > .col-full {
		display: contents;
	}

	#masthead #site-navigation {
		position: static;
		grid-column: 2;
		grid-row: 2;
		float: none;
		width: 100%;
		max-width: none;
		margin: 0;
	}

	#masthead #site-navigation > button.menu-toggle {
		display: none !important;
	}

	#masthead #site-navigation ul.menu {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 0;
		margin: 0;
		padding: 0;
	}

	#masthead #site-navigation ul.menu > li {
		position: static;
		float: none;
		width: auto;
		margin: 0;
		padding: 0;
	}

	#masthead #site-navigation ul.menu > li > a {
		padding: 10px 3px;
		font-size: 10px;
		font-weight: 500;
		white-space: nowrap;
	}

	#masthead .site-branding {
		grid-column: 1;
		grid-row: 1 / 3;
		float: none;
		width: 160px;
		max-width: 160px;
		margin: 0;
		padding-left: 8px;
	}

	#masthead .site-branding .custom-logo-link,
	#masthead .site-branding .custom-logo {
		display: inline-block;
		width: 140px;
		max-width: 100%;
		max-height: 82px;
		height: auto;
		object-fit: contain;
	}

	#masthead .site-search {
		grid-column: 3;
		grid-row: 2;
		width: 40px;
		margin: 0;
		justify-self: center;
	}

	#masthead .site-search form.woocommerce-product-search,
	#masthead .site-search .search-field {
		width: 40px;
		height: 40px;
	}

	#masthead .zishop-account-link {
		grid-column: 4;
		grid-row: 2;
	}

	#masthead .site-header-cart {
		grid-column: 5;
		grid-row: 2;
		width: 40px;
	}

	#page > .header-widget-region {
		right: 24px;
		top: var(--zishop-announcement-height);
	}

	#page > .header-widget-region .wp-block-social-links {
		position: absolute;
		top: 8px;
		right: 48px;
		display: grid;
		grid-template-columns: repeat(3, 40px);
		gap: 8px;
	}

	#page > .header-widget-region .wp-social-link {
		width: 40px;
		height: 40px;
		flex: 0 0 40px;
	}

	#page > .header-widget-region .wp-block-social-links .wp-social-link > a {
		width: 40px;
		height: 40px;
	}

	#page > .header-widget-region a[href*="/wishlist"] {
		position: absolute;
		top: 8px;
		right: 0;
		width: 40px;
		height: 40px;
	}
}

/* Smaller screens use Storefront's native header and expandable navigation. */
@media (max-width: 1023px) {
	#masthead.site-header {
		position: sticky;
		top: 0;
		z-index: 1000;
		margin: 0;
	}

	#masthead .site-branding {
		margin-bottom: 12px;
	}

	#masthead .site-branding .custom-logo {
		width: auto;
		max-width: 100%;
		max-height: 68px;
		height: auto;
		object-fit: contain;
	}

	#masthead .site-search {
		margin-bottom: 10px;
	}

	#masthead .zishop-account-link {
		padding: 4px 0 10px;
	}

	#masthead .zishop-account-link a {
		display: inline-flex;
		align-items: center;
		gap: 8px;
		color: var(--zishop-header-ink);
	}

	#masthead .zishop-account-link svg {
		width: var(--zishop-header-icon-size);
		height: var(--zishop-header-icon-size);
		fill: none;
		stroke: currentColor;
		stroke-width: 1.6;
		stroke-linecap: round;
		stroke-linejoin: round;
	}

	#masthead .zishop-account-link .screen-reader-text {
		position: static;
		width: auto;
		height: auto;
		margin: 0;
		clip: auto;
		clip-path: none;
		overflow: visible;
		white-space: normal;
	}

	.storefront-primary-navigation .main-navigation ul.menu > li#menu-item-14982,
	.storefront-primary-navigation .main-navigation ul.menu > li#menu-item-14980,
	.storefront-primary-navigation .main-navigation ul.menu > li#menu-item-14981,
	.storefront-primary-navigation .main-navigation ul.menu > li#menu-item-14994 {
		position: relative;
	}

	.storefront-primary-navigation .main-navigation ul.menu > li#menu-item-14982 > ul.sub-menu,
	.storefront-primary-navigation .main-navigation ul.menu > li#menu-item-14980 > ul.sub-menu,
	.storefront-primary-navigation .main-navigation ul.menu > li#menu-item-14981 > ul.sub-menu,
	.storefront-primary-navigation .main-navigation ul.menu > li#menu-item-14994 > ul.sub-menu {
		position: static;
		left: auto;
		width: auto;
		max-width: 100%;
		margin: 0;
		padding: 0;
		border: 0;
		background: transparent;
		box-shadow: none;
		transform: none;
	}
}

@media (max-width: 767px) {
	#page > .header-widget-region {
		position: relative;
		top: auto;
		right: auto;
		width: 100%;
		height: auto;
	}

	#page > .header-widget-region > .col-full {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		gap: 8px;
		padding: 6px 16px 10px;
	}

	#page > .header-widget-region .widget {
		margin: 0;
	}

	#page > .header-widget-region .wp-block-social-links {
		display: flex;
		gap: 4px;
		margin: 0;
		padding: 0;
	}

	#page > .header-widget-region .wp-social-link,
	#page > .header-widget-region .wp-block-image,
	#page > .header-widget-region .wp-social-link a,
	#page > .header-widget-region .wp-block-image a {
		width: 42px;
		height: 42px;
	}

	#page > .header-widget-region svg {
		width: 34px !important;
		height: 34px !important;
		max-width: 34px !important;
		max-height: 34px !important;
	}

	#page > .header-widget-region img {
		width: 34px !important;
		height: auto !important;
		max-width: 34px !important;
		max-height: none !important;
	}
}


/* Uploaded Facebook icon, embedded so the stylesheet works without a separate media upload. */
#page > .header-widget-region .wp-social-link-facebook > a {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAAEJ0lEQVR4nO2ZW4hVVRzGf95GULN0VFAnrcYgTGUgfOlF0TRHMZ3JlHySvKD44Is6+pAk3kYQDDQiesrwjoaOUTBQiaSYaIqIir6Ygngb71fGmfjDt2GxOfu+55zzMB8sOJz9X9/a31lr/W8HOtGJskcfoBZoBJqAS0AL8ErDPl8EDgObgCmaUxboopffB7wA2hOO58AeiTKukmAWcM55qVbgb2A9UA+MBPoBPTTs84d6tgE4rjne/LNAXTEFjACanRe4BqwAhqTgGgqsBP5z+H4H3qODMRd4pAVvAQv0a2dFBbAIuCPuh8AcOgBddGS8X22Hjkre6A/sdNZZm7eI70T8EviKjscieTpbc1tepN5OPAE+pXioBZ7mtTNznZ3IQ0S1XK3xfgl8AUwGPgIGBojxdmZ2Fu/kXewsx8nu0hqfZwoaNQHHzJ49SOvNmp2LnRZjgRvOi94EftOF3qlA+qdzhGoCeDwHYHMTBzvPxab1Th8Aj8VzFPg4xPbfCCGVjmuekcRLeRHb4kQaGMdpcewCukfYRwkxLJbNmbjpTK0TsdMGu8kOR+8CzwcA44FPNK7GEFIBXJddLMezT8aWOqTFTyEcq0MSzJoI3lWy2x31Am8oI21NmTt5uKIFx/i+n6PvXynBbPaN6gjet4HXwDOgV5xjZYukRYUTe7r5np3Ss6UZ+E+Kw45vIBplZNE8LQY5Hs8v8LV2I0tBtUn8G8OMmmRkNUNaVIvDLrCLKn1vcSULZonnUJjRZRlZAZQlI2jXPfHHlXaVu1kwKg7PPRlZOl2uQgaIxwJkIF7KyM5zHMxUU8EdDyKEtBaY442xMdbsKR5z4YHwMs24gXB2SAIYJCRsVCb0ioFokdFbCYX8opzMHW/6bLsVsOmnJoVx3I65Zn/Z3w0zuiSjUQmF7CU9JojjWEz70bK/EGZ0REZ1RRSyRBw/xrSvl701+gKxIU6wKSDEsuUG37CCyEVlAZsG1SPGsTzmmptlvy7MaJqMTpTgsk9PmKKEZsC9Va21qXkWhTFKa9zxQ4SQuwXm2BgcY70qvduTqKTRsD9jvtWRAXF9kjs5ySn2/S60lEL6AvfFYZ4uElZGnk94AYshpEHzrSyOjc+cXRleBkKqnGBtNVOqdtAfQNcSCukK/OV06hPjHadBZ9taKiGrndNhpW4qzJS7a1MELraQ+aoq27K0TD2s1QsY4bwiClkoATbnG3LCt46Yxog0P6uQHqrLPRFbyBnLHPJTeuG8hbyrDk671sptJ/z43AlKz7RTg3MQYj20rU4zuyVjAyQWhjvdFk/QdmCciqckQqy0/d7XeWwChlFETAX+8WWw1rz4NULIbbVUr/nmGpdxlgy2Ez87MSdJGv9Y/79YQ7tsYE2BicDXwMECf8q8r2N1QP9gTUjQrelEJygR/gf1aciEOXd4dAAAAABJRU5ErkJggg==");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 32px 32px;
}
#page > .header-widget-region .wp-social-link-facebook > a > svg {
	display: none !important;
}


/* Uploaded Instagram icon, embedded so the stylesheet works without a separate media upload. */
#page > .header-widget-region .wp-social-link-instagram > a {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAADK0lEQVR4nO2ZO09UQRiGnwIVIpddy6UVwViIgp2X2ElMVH4BISp/QAWpvbRGQqnBP6CYWMnitVN7EWxUbAUFhArXfMl7komB3TmX3Tkm+yaTnOz55jvz7nzXGWiiiVygF5gA5oEFYAOoZDRMl+ksA+PAoXoQGAReZLho3zEPDGRBYA8wDfyR4h/AA+CCdmc/2cF0mc6LwEN9q6JvTwEtSRUXgZdS9hu4BXTSOHQCt4FNZ3cKSXYiMqXvMq1QOAp80VreAHvjTJ7WxG9AifAoActa033fSYOySzOnY+QHx2Vm23quicikzCfyhjtam4Xoquh1olMjHTvCefmkmdHQDu+7gBWtsaeaogkJWfgLgWUnh5h/7oQZvb9RTVFZQhbL80pkWO/nqilalFCa8sDyzyjwFPik0mNDz7N6ZzI7YUhkjMS5GuZv+nbFmoQ6EhBoAyaBnx6lxypwE2hN8J0O6bC17oroQ0ni/Adn/nPgilPG2OjTb3OO3PuEeapSa51JiJRkCtF2n/SYc8ox4yRJt5I1kTZnJ17FrIXMT15r7ruYZlbJmsik5BeSFHQiE+2Mhf4gRIqOY/uY02444wSAYggio45jp0WUv0ZCEJmV7GXS46p0PQ5BJLJtC7Fp0eeT5OpFZF2y7aRHu3St/+9EOqXrl6d807SqObuVHWkxFtLZR33KaU/Mhwy/RSUxkz9Ncpx1EmIhdImyGCMru7A5Sz4dX72JtKoUr6gAjEPmAPA2L0Xjv2X8kmonH3P6nKcyPkJJ/2o0v6xIdFh5pl3PY45jRztRl8ZqLUWr26pSfNWz1bWrg331anUXMzh8KCiMPlGfsq6xoN9GEvYusQ4fQh8H+WDYp30YD3xA54NHWuO1PB+Z1oL3kSlOVLFLlrzhbpyudEDXCpu+x/cNwiCwpWuFft9JU2Jux5fdhEe3cy58L87EFsfE7Jj/BOHQD3x1Em3sS9GCQ2ZTlyzmbI1Cl3xiy2kXEuefFt3ZbUvZiu4nLqmry6LNjWC6+pQnZpzotC1zSnw97eII8Myj9Mh6lOsVcHrUN8w55UdWizZdHxVarwMH60GgiSaIh7/0wax6IqjhkwAAAABJRU5ErkJggg==");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 32px 32px;
}
#page > .header-widget-region .wp-social-link-instagram > a > svg {
	display: none !important;
}


/* Uploaded Tiktok icon, embedded so the stylesheet works without a separate media upload. */
#page > .header-widget-region .wp-social-link-tiktok > a {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAADFElEQVR4nO2aXYiNQRjHf47Fsliu7C5LW7ZordwRKa6PQkrulAuXSj5iXVoKuZGS0iYuXHDlRqlVy0pprQtWrM8QV5L9sGutfTX6T03TOfZ9OWffeev8azrnmed5533+Z56ZeWbmQAUVVPCv2AJ0AkNAlHIZlC/5pCTaA3A+KlKOJ+kJ88AocBCoJ33Uy5dR+RarZ+7I2DwYGg7LNxNmk2JQxnWEhzr5NhDH2MZiqIji+lcOIrcLDNpuIJc1IsNFZqCWrBH5rjbnSD4p+UDWiawGJoD3QE0Wicx26q6r7lrCsRKlSWSkAJFFwDvV3wQaskSk2qtvBvqlMzndVWAv0BgqEZtazCqgmweccRbiCHgVKpEfHhGzrtwVCYv5wC6nd4ImMtN7xy1grmNXEzqRMbU5w3uHKS+AHUBVCESWAkeALuCjeuBGDCK9zvevwIO0iJjp9KwzmP1i8VNylfcOQ2wf8MZ77u1UEjEp9UPZTijedwNrCrQxLnn6X95h8q5twB5g+VQRMalGj/PrbZykjThE4qKkRM7L5qWzAavS9Hm5QBu/JOdCItKswWvivlV1jd7ANeVz6ETapb/khFmfM5WaGF/rbZUnpJ8WEpHH0m+WvF9yn5Om+wiSyKD0dh/RJXlngjZTJ1ItnclmLfon2bbmpDfjBM1ckWayVHtkSHobRt2StxexXyW92Q3awzYjf0rmf+mJPJF+g+Q2yT1OCoLz63dKf0F1ecn34jhTTiKnpD8nuRb44JDZCqxUD9mV/wuwRPZXVHc0bSItim8zTppU1+qQiQqsJ+scu3HlZsvSJmLQIZtHzuxleuYYcB94rdAxYbdQ+gXAcz1nEk1CIFILPHPI2J4phhWOfY93CJEUUamz3ybHuRGNmfWOk+ZzE3DR2Y/0JjgtmTIitmc6nFzKFv+Wa0yJZrGVP3Ui7lpxGnjqHMYNK505oUSzVIjKScRH0mPQJIji+jcgwxCu3Hwslm/fiAG7Eh8i41dveRmPisz/zjKlQINIJLoMRVfAUdavpy3y6kL3TDZzfxiooIIK+IPfupUke82dgmkAAAAASUVORK5CYII=");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 32px 32px;
}
#page > .header-widget-region .wp-social-link-tiktok > a > svg {
	display: none !important;
}


/* Responsive widget layout: keep social, wishlist and shopping controls from colliding. */
@media (max-width: 1023px) {
	#page > .header-widget-region {
		position: relative;
		top: auto;
		right: auto;
		width: 100%;
		height: auto;
		margin: 0;
		overflow: visible;
		pointer-events: auto;
	}

	#page > .header-widget-region > .col-full {
		display: flex;
		width: 100%;
		max-width: 100%;
		align-items: center;
		justify-content: flex-end;
		flex-wrap: wrap;
		gap: 4px;
		margin: 0;
		padding: 4px 16px;
		box-sizing: border-box;
	}

	#page > .header-widget-region .widget {
		display: contents;
		width: auto;
		margin: 0;
		pointer-events: auto;
	}

	#page > .header-widget-region .wp-block-social-links {
		position: static;
		display: flex;
		flex: 0 0 auto;
		flex-wrap: nowrap;
		gap: 4px;
		order: 0;
		margin: 0;
		padding: 0;
	}

	#page > .header-widget-region .wp-social-link {
		width: 42px;
		height: 42px;
		flex: 0 0 42px;
		margin: 0;
	}

	#page > .header-widget-region .wp-social-link > a,
	#page > .header-widget-region .wp-block-image a,
	#page > .header-widget-region a[href*="/wishlist"] {
		position: static;
		display: inline-flex;
		width: 42px;
		height: 42px;
		align-items: center;
		justify-content: center;
		margin: 0;
	}

	#page > .header-widget-region .wp-block-image {
		position: static;
		display: block;
		flex: 0 0 42px;
		width: 42px;
		height: 42px;
		order: 1;
		margin: 0;
	}

	#page > .header-widget-region img {
		width: 34px !important;
		max-width: 34px !important;
		height: auto !important;
	}
}

@media (max-width: 480px) {
	#page > .header-widget-region > .col-full {
		padding-right: 12px;
		padding-left: 12px;
	}

	#page > .header-widget-region .wp-social-link,
	#page > .header-widget-region .wp-social-link > a,
	#page > .header-widget-region .wp-block-image a,
	#page > .header-widget-region a[href*="/wishlist"] {
		width: 38px;
		height: 38px;
	}

	#page > .header-widget-region .wp-social-link {
		flex-basis: 38px;
	}

	#page > .header-widget-region .wp-block-image {
		flex-basis: 38px;
		width: 38px;
		height: 38px;
	}

	#page > .header-widget-region .wp-social-link-facebook > a,
	#page > .header-widget-region .wp-social-link-instagram > a,
	#page > .header-widget-region .wp-social-link-tiktok > a {
		background-size: 30px 30px;
	}
}


/* Hide the compact search placeholder; reveal it only when the field is expanded. */
@media (min-width: 1024px) {
	#masthead .site-search .search-field {
		font-size: 0 !important;
		text-indent: -9999px;
		overflow: hidden;
	}

	#masthead .site-search .search-field::placeholder {
		color: transparent !important;
		opacity: 0 !important;
	}

	#masthead .site-search .search-field:focus {
		font-size: 14px !important;
		text-indent: 0;
		overflow: visible;
	}

	#masthead .site-search .search-field:focus::placeholder {
		color: #777 !important;
		opacity: 1 !important;
	}
}