/**
 * Eir My Account UX
 * Restyles the WooCommerce My Account area on top of the XStore theme markup.
 * Scoped to body.woocommerce-account so it never leaks into other pages.
 * Uses the theme's own CSS variables (--et_*) so it stays in sync with the
 * color scheme configured in the XStore theme panel.
 */

body.woocommerce-account {
	--eir-radius: 14px;
	--eir-radius-sm: 10px;
	/* Single source of truth for every button this plugin draws, so
	   border width / radius / type stay identical across Dashboard,
	   Orders, Addresses, notices and Wishlist. */
	--eir-btn-radius: 6px;
	--eir-btn-border: 1px;
	--eir-btn-font-size: 1rem;
	--eir-btn-font-weight: 500;
	--eir-btn-padding: 10px 20px;
	--eir-shadow: 0 2px 10px rgba(20, 20, 20, 0.06);
	--eir-shadow-hover: 0 6px 20px rgba(20, 20, 20, 0.1);
	--eir-border: var(--et_border-color, #e7e5e0);
	--eir-accent: #6F7D6A;
	--eir-surface: var(--et_white-2-dark, #fff);
	--eir-text: var(--et_dark-2-white, #2c2c2c);
	--eir-text-muted: var(--et_font-color, #8a8a8a);
	--eir-font: 'Inter', sans-serif;
}

body.woocommerce-account .woocommerce-MyAccount-navigation-wrapper,
body.woocommerce-account .woocommerce-MyAccount-content {
	font-family: var(--eir-font);
}

body.woocommerce-account .woocommerce-MyAccount-navigation-wrapper *,
body.woocommerce-account .woocommerce-MyAccount-content * {
	font-family: inherit;
}

/* ---------- Layout shell ---------- */

/* .container.content-page's width is un-capped site-wide in
 * assets/css/site-fixes.css (Cart/Checkout hit the same wrapper). */

body.woocommerce-account .woocommerce {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	align-items: flex-start;
}

@media only screen and (min-width: 993px) {
	body.woocommerce-account .woocommerce-MyAccount-navigation-wrapper {
		position: sticky;
		top: 30px;
		float: none;
		width: 280px;
		margin-inline-end: 0;
		border-inline-end: none;
	}
	body.woocommerce-account .woocommerce-MyAccount-content {
		float: none;
		width: calc(100% - 300px);
	}
}

/* ---------- Sidebar card ---------- */

body.woocommerce-account .woocommerce-MyAccount-navigation-wrapper {
	background: var(--eir-surface);
	border: 1px solid var(--eir-border);
	border-radius: var(--eir-radius);
	padding: 28px 20px;
	box-shadow: var(--eir-shadow);
}

body.woocommerce-account .MyAccount-user-info {
	margin-bottom: 24px;
	padding-bottom: 24px;
	border-bottom: 1px solid var(--eir-border);
}

body.woocommerce-account .MyAccount-user-info img {
	max-width: 72px;
	border: 3px solid var(--eir-accent);
	padding: 2px;
}

body.woocommerce-account .MyAccount-user-name {
	font-weight: 600;
}

body.woocommerce-account .woocommerce-MyAccount-navigation-wrapper ul {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

body.woocommerce-account .woocommerce-MyAccount-navigation-wrapper li {
	border-radius: var(--eir-radius-sm);
	overflow: hidden;
}

body.woocommerce-account .woocommerce-MyAccount-navigation-wrapper li a {
	padding: 11px 14px;
	border-radius: var(--eir-radius-sm);
	color: var(--eir-text);
	transition: background-color 0.15s ease, color 0.15s ease, padding-inline-start 0.15s ease;
}

/* Custom icon set (mask-image instead of the theme's icon font, so
   color always tracks the link's own text color - default, hover,
   active - automatically). */
body.woocommerce-account .woocommerce-MyAccount-navigation-wrapper li a:before {
	content: "";
	display: inline-block;
	flex: none;
	width: 18px;
	height: 18px;
	font-family: initial;
	background-color: currentColor;
	opacity: 0.75;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
	transition: opacity 0.15s ease;
}

body.woocommerce-account .woocommerce-MyAccount-navigation-wrapper li a {
	display: flex;
	align-items: center;
	gap: 10px;
}

body.woocommerce-account .woocommerce-MyAccount-navigation-link--dashboard a:before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m23.978,16.306c-.137.959-.906,1.694-1.836,1.694h-.619c-1.026,0-1.857-.895-1.857-2,0,1.105-.831,2-1.857,2h-.619c-1.026,0-1.857-.895-1.857-2,0,1.105-.831,2-1.857,2h-.619c-.929,0-1.699-.735-1.836-1.694-.028-.199.018-.403.095-.589l.355-.861c.463-1.123,1.558-1.856,2.773-1.856h6.509c1.215,0,2.31.733,2.773,1.856l.355.861c.077.186.124.39.095.589Zm-1.978,2.694c-.553,0-1,.448-1,1v1c0,.551-.448,1-1,1h-5c-.552,0-1-.449-1-1v-1c0-.552-.447-1-1-1s-1,.448-1,1v1c0,1.654,1.346,3,3,3h5c1.654,0,3-1.346,3-3v-1c0-.552-.447-1-1-1ZM2,6C2,2.691,4.691,0,8,0s6,2.691,6,6-2.691,6-6,6-6-2.691-6-6Zm2,0c0,2.206,1.794,4,4,4s4-1.794,4-4-1.794-4-4-4-4,1.794-4,4Zm4,8C3.589,14,0,17.589,0,22v1c0,.552.447,1,1,1s1-.448,1-1v-1c0-3.309,2.691-6,6-6,.553,0,1-.448,1-1s-.447-1-1-1Z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m23.978,16.306c-.137.959-.906,1.694-1.836,1.694h-.619c-1.026,0-1.857-.895-1.857-2,0,1.105-.831,2-1.857,2h-.619c-1.026,0-1.857-.895-1.857-2,0,1.105-.831,2-1.857,2h-.619c-.929,0-1.699-.735-1.836-1.694-.028-.199.018-.403.095-.589l.355-.861c.463-1.123,1.558-1.856,2.773-1.856h6.509c1.215,0,2.31.733,2.773,1.856l.355.861c.077.186.124.39.095.589Zm-1.978,2.694c-.553,0-1,.448-1,1v1c0,.551-.448,1-1,1h-5c-.552,0-1-.449-1-1v-1c0-.552-.447-1-1-1s-1,.448-1,1v1c0,1.654,1.346,3,3,3h5c1.654,0,3-1.346,3-3v-1c0-.552-.447-1-1-1ZM2,6C2,2.691,4.691,0,8,0s6,2.691,6,6-2.691,6-6,6-6-2.691-6-6Zm2,0c0,2.206,1.794,4,4,4s4-1.794,4-4-1.794-4-4-4-4,1.794-4,4Zm4,8C3.589,14,0,17.589,0,22v1c0,.552.447,1,1,1s1-.448,1-1v-1c0-3.309,2.691-6,6-6,.553,0,1-.448,1-1s-.447-1-1-1Z'/%3E%3C/svg%3E");
}

body.woocommerce-account .woocommerce-MyAccount-navigation-link--orders a:before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.137,24a2.8,2.8,0,0,1-1.987-.835L12,17.051,5.85,23.169a2.8,2.8,0,0,1-3.095.609A2.8,2.8,0,0,1,1,21.154V5A5,5,0,0,1,6,0H18a5,5,0,0,1,5,5V21.154a2.8,2.8,0,0,1-1.751,2.624A2.867,2.867,0,0,1,20.137,24ZM6,2A3,3,0,0,0,3,5V21.154a.843.843,0,0,0,1.437.6h0L11.3,14.933a1,1,0,0,1,1.41,0l6.855,6.819a.843.843,0,0,0,1.437-.6V5a3,3,0,0,0-3-3Z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.137,24a2.8,2.8,0,0,1-1.987-.835L12,17.051,5.85,23.169a2.8,2.8,0,0,1-3.095.609A2.8,2.8,0,0,1,1,21.154V5A5,5,0,0,1,6,0H18a5,5,0,0,1,5,5V21.154a2.8,2.8,0,0,1-1.751,2.624A2.867,2.867,0,0,1,20.137,24ZM6,2A3,3,0,0,0,3,5V21.154a.843.843,0,0,0,1.437.6h0L11.3,14.933a1,1,0,0,1,1.41,0l6.855,6.819a.843.843,0,0,0,1.437-.6V5a3,3,0,0,0-3-3Z'/%3E%3C/svg%3E");
}

body.woocommerce-account .woocommerce-MyAccount-navigation-link--edit-account a:before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m19,4h-4v-1c0-1.654-1.346-3-3-3s-3,1.346-3,3v1h-4C2.243,4,0,6.243,0,9v10c0,2.757,2.243,5,5,5h14c2.757,0,5-2.243,5-5v-10c0-2.757-2.243-5-5-5Zm-8-1c0-.552.449-1,1-1s1,.448,1,1v1.995s0,.003,0,.005,0,.003,0,.005v.995s-2.001,0-2.001,0v-3Zm11,16c0,1.654-1.346,3-3,3H5c-1.654,0-3-1.346-3-3v-10c0-1.654,1.346-3,3-3h4c0,1.103.897,2,2,2h2c1.103,0,2-.897,2-2h4c1.654,0,3,1.346,3,3v10Zm-12.5-6.5c0-1.381,1.119-2.5,2.5-2.5s2.5,1.119,2.5,2.5-1.119,2.5-2.5,2.5-2.5-1.119-2.5-2.5Zm7.468,7.251c.138.534-.184,1.08-.719,1.218-.538.139-1.08-.185-1.218-.72-.331-1.282-1.634-2.249-3.032-2.249s-2.702.967-3.032,2.249c-.116.451-.522.751-.968.751-.082,0-.166-.01-.25-.031-.535-.138-.857-.683-.719-1.218.559-2.174,2.648-3.751,4.968-3.751s4.409,1.577,4.968,3.751Z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m19,4h-4v-1c0-1.654-1.346-3-3-3s-3,1.346-3,3v1h-4C2.243,4,0,6.243,0,9v10c0,2.757,2.243,5,5,5h14c2.757,0,5-2.243,5-5v-10c0-2.757-2.243-5-5-5Zm-8-1c0-.552.449-1,1-1s1,.448,1,1v1.995s0,.003,0,.005,0,.003,0,.005v.995s-2.001,0-2.001,0v-3Zm11,16c0,1.654-1.346,3-3,3H5c-1.654,0-3-1.346-3-3v-10c0-1.654,1.346-3,3-3h4c0,1.103.897,2,2,2h2c1.103,0,2-.897,2-2h4c1.654,0,3,1.346,3,3v10Zm-12.5-6.5c0-1.381,1.119-2.5,2.5-2.5s2.5,1.119,2.5,2.5-1.119,2.5-2.5,2.5-2.5-1.119-2.5-2.5Zm7.468,7.251c.138.534-.184,1.08-.719,1.218-.538.139-1.08-.185-1.218-.72-.331-1.282-1.634-2.249-3.032-2.249s-2.702.967-3.032,2.249c-.116.451-.522.751-.968.751-.082,0-.166-.01-.25-.031-.535-.138-.857-.683-.719-1.218.559-2.174,2.648-3.751,4.968-3.751s4.409,1.577,4.968,3.751Z'/%3E%3C/svg%3E");
}

body.woocommerce-account .woocommerce-MyAccount-navigation-link--edit-address a:before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M24,9.724V19a5.006,5.006,0,0,1-5,5H18a1,1,0,0,1,0-2h1a3,3,0,0,0,3-3V9.724a3,3,0,0,0-1.322-2.487l-7-4.723a2.979,2.979,0,0,0-3.356,0l-7,4.723A3,3,0,0,0,2,9.724V19a3,3,0,0,0,3,3H6a1,1,0,0,1,0,2H5a5.006,5.006,0,0,1-5-5V9.724A4.993,4.993,0,0,1,2.2,5.579L9.2.855a4.981,4.981,0,0,1,5.594,0l7,4.724A5,5,0,0,1,24,9.724Zm-5,5.283a6.952,6.952,0,0,1-2.05,4.949l-3.515,3.438a2.063,2.063,0,0,1-2.87,0l-3.507-3.43A7,7,0,1,1,19,15.007Zm-2,0a5,5,0,1,0-8.536,3.535l3.5,3.422,3.58-3.43A4.958,4.958,0,0,0,17,15.007ZM15,15a3,3,0,1,1-3-3A3,3,0,0,1,15,15Z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M24,9.724V19a5.006,5.006,0,0,1-5,5H18a1,1,0,0,1,0-2h1a3,3,0,0,0,3-3V9.724a3,3,0,0,0-1.322-2.487l-7-4.723a2.979,2.979,0,0,0-3.356,0l-7,4.723A3,3,0,0,0,2,9.724V19a3,3,0,0,0,3,3H6a1,1,0,0,1,0,2H5a5.006,5.006,0,0,1-5-5V9.724A4.993,4.993,0,0,1,2.2,5.579L9.2.855a4.981,4.981,0,0,1,5.594,0l7,4.724A5,5,0,0,1,24,9.724Zm-5,5.283a6.952,6.952,0,0,1-2.05,4.949l-3.515,3.438a2.063,2.063,0,0,1-2.87,0l-3.507-3.43A7,7,0,1,1,19,15.007Zm-2,0a5,5,0,1,0-8.536,3.535l3.5,3.422,3.58-3.43A4.958,4.958,0,0,0,17,15.007ZM15,15a3,3,0,1,1-3-3A3,3,0,0,1,15,15Z'/%3E%3C/svg%3E");
}

body.woocommerce-account .woocommerce-MyAccount-navigation-link--payment-methods a:before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21,6H5c-.859,0-1.672-.372-2.235-.999,.55-.614,1.349-1.001,2.235-1.001H23c.553,0,1-.448,1-1s-.447-1-1-1H5C2.239,2,0,4.239,0,7v10c0,2.761,2.239,5,5,5H21c1.657,0,3-1.343,3-3V9c0-1.657-1.343-3-3-3Zm1,13c0,.551-.448,1-1,1H5c-1.654,0-3-1.346-3-3V6.998c.854,.639,1.904,1.002,3,1.002H21c.552,0,1,.449,1,1v10Zm-2-5c0,.552-.448,1-1,1s-1-.448-1-1,.448-1,1-1,1,.448,1,1Z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21,6H5c-.859,0-1.672-.372-2.235-.999,.55-.614,1.349-1.001,2.235-1.001H23c.553,0,1-.448,1-1s-.447-1-1-1H5C2.239,2,0,4.239,0,7v10c0,2.761,2.239,5,5,5H21c1.657,0,3-1.343,3-3V9c0-1.657-1.343-3-3-3Zm1,13c0,.551-.448,1-1,1H5c-1.654,0-3-1.346-3-3V6.998c.854,.639,1.904,1.002,3,1.002H21c.552,0,1,.449,1,1v10Zm-2-5c0,.552-.448,1-1,1s-1-.448-1-1,.448-1,1-1,1,.448,1,1Z'/%3E%3C/svg%3E");
}

body.woocommerce-account .woocommerce-MyAccount-navigation-link--xstore-wishlist a:before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m15,6c0,.553-.448,1-1,1h-4c-.552,0-1-.447-1-1s.448-1,1-1h4c.552,0,1,.447,1,1Zm-1,4h-4c-.552,0-1,.447-1,1s.448,1,1,1h4c.552,0,1-.447,1-1s-.448-1-1-1Zm-2,12h-7c-1.654,0-3-1.346-3-3V5c0-1.654,1.346-3,3-3h9c1.654,0,3,1.346,3,3v5.5c0,.553.448,1,1,1s1-.447,1-1v-5.5c0-2.757-2.243-5-5-5H5C2.243,0,0,2.243,0,5v14c0,2.757,2.243,5,5,5h7c.552,0,1-.447,1-1s-.448-1-1-1Zm12-5.5c0,2.65-3.114,5.884-4.622,7.034-.405.31-.892.465-1.378.465s-.973-.155-1.378-.465c-1.508-1.15-4.622-4.384-4.622-7.034,0-1.93,1.57-3.5,3.5-3.5.979,0,1.864.403,2.5,1.053.636-.649,1.521-1.053,2.5-1.053,1.93,0,3.5,1.57,3.5,3.5Zm-2,0c0-.827-.673-1.5-1.5-1.5s-1.5.673-1.5,1.5c0,.553-.448,1-1,1s-1-.447-1-1c0-.827-.673-1.5-1.5-1.5s-1.5.673-1.5,1.5c0,1.677,2.458,4.395,3.835,5.444.098.074.233.074.33,0,1.377-1.05,3.835-3.768,3.835-5.444ZM5.5,4.5c-.828,0-1.5.672-1.5,1.5s.672,1.5,1.5,1.5,1.5-.672,1.5-1.5-.672-1.5-1.5-1.5Zm0,10c-.828,0-1.5.672-1.5,1.5s.672,1.5,1.5,1.5,1.5-.672,1.5-1.5-.672-1.5-1.5-1.5Zm0-5c-.828,0-1.5.672-1.5,1.5s.672,1.5,1.5,1.5,1.5-.672,1.5-1.5-.672-1.5-1.5-1.5Z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m15,6c0,.553-.448,1-1,1h-4c-.552,0-1-.447-1-1s.448-1,1-1h4c.552,0,1,.447,1,1Zm-1,4h-4c-.552,0-1,.447-1,1s.448,1,1,1h4c.552,0,1-.447,1-1s-.448-1-1-1Zm-2,12h-7c-1.654,0-3-1.346-3-3V5c0-1.654,1.346-3,3-3h9c1.654,0,3,1.346,3,3v5.5c0,.553.448,1,1,1s1-.447,1-1v-5.5c0-2.757-2.243-5-5-5H5C2.243,0,0,2.243,0,5v14c0,2.757,2.243,5,5,5h7c.552,0,1-.447,1-1s-.448-1-1-1Zm12-5.5c0,2.65-3.114,5.884-4.622,7.034-.405.31-.892.465-1.378.465s-.973-.155-1.378-.465c-1.508-1.15-4.622-4.384-4.622-7.034,0-1.93,1.57-3.5,3.5-3.5.979,0,1.864.403,2.5,1.053.636-.649,1.521-1.053,2.5-1.053,1.93,0,3.5,1.57,3.5,3.5Zm-2,0c0-.827-.673-1.5-1.5-1.5s-1.5.673-1.5,1.5c0,.553-.448,1-1,1s-1-.447-1-1c0-.827-.673-1.5-1.5-1.5s-1.5.673-1.5,1.5c0,1.677,2.458,4.395,3.835,5.444.098.074.233.074.33,0,1.377-1.05,3.835-3.768,3.835-5.444ZM5.5,4.5c-.828,0-1.5.672-1.5,1.5s.672,1.5,1.5,1.5,1.5-.672,1.5-1.5-.672-1.5-1.5-1.5Zm0,10c-.828,0-1.5.672-1.5,1.5s.672,1.5,1.5,1.5,1.5-.672,1.5-1.5-.672-1.5-1.5-1.5Zm0-5c-.828,0-1.5.672-1.5,1.5s.672,1.5,1.5,1.5,1.5-.672,1.5-1.5-.672-1.5-1.5-1.5Z'/%3E%3C/svg%3E");
}

body.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout a:before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 24'%3E%3Cpath d='m8 0c-3.309 0-6 2.691-6 6s2.691 6 6 6 6-2.691 6-6-2.691-6-6-6zm0 10c-2.206 0-4-1.794-4-4s1.794-4 4-4 4 1.794 4 4-1.794 4-4 4zm2.992 5.187c-.068.547-.563.938-1.116.868-.287-.036-.579-.054-.876-.054-3.859 0-7 3.14-7 7 0 .552-.447 1-1 1s-1-.448-1-1c0-4.962 4.037-9 9-9 .377 0 .755.023 1.124.07.549.069.937.568.868 1.117zm7.008 7.813c0 .552-.447 1-1 1h-1c-1.654 0-3-1.346-3-3v-6c0-1.654 1.346-3 3-3h1c.553 0 1 .448 1 1s-.447 1-1 1h-1c-.552 0-1 .449-1 1v6c0 .551.448 1 1 1h1c.553 0 1 .448 1 1zm5.996-4.979c0 .543-.21 1.011-.599 1.349l-2.199 1.939c-.189.167-.426.25-.661.25-.276 0-.553-.114-.75-.339-.365-.414-.325-1.046.089-1.411l.917-.809h-2.792c-.553 0-1-.448-1-1s.447-1 1-1h2.658l-.783-.691c-.414-.365-.454-.997-.089-1.411.365-.415 1-.452 1.411-.089l2.207 1.946c.369.314.592.788.592 1.266z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 24'%3E%3Cpath d='m8 0c-3.309 0-6 2.691-6 6s2.691 6 6 6 6-2.691 6-6-2.691-6-6-6zm0 10c-2.206 0-4-1.794-4-4s1.794-4 4-4 4 1.794 4 4-1.794 4-4 4zm2.992 5.187c-.068.547-.563.938-1.116.868-.287-.036-.579-.054-.876-.054-3.859 0-7 3.14-7 7 0 .552-.447 1-1 1s-1-.448-1-1c0-4.962 4.037-9 9-9 .377 0 .755.023 1.124.07.549.069.937.568.868 1.117zm7.008 7.813c0 .552-.447 1-1 1h-1c-1.654 0-3-1.346-3-3v-6c0-1.654 1.346-3 3-3h1c.553 0 1 .448 1 1s-.447 1-1 1h-1c-.552 0-1 .449-1 1v6c0 .551.448 1 1 1h1c.553 0 1 .448 1 1zm5.996-4.979c0 .543-.21 1.011-.599 1.349l-2.199 1.939c-.189.167-.426.25-.661.25-.276 0-.553-.114-.75-.339-.365-.414-.325-1.046.089-1.411l.917-.809h-2.792c-.553 0-1-.448-1-1s.447-1 1-1h2.658l-.783-.691c-.414-.365-.454-.997-.089-1.411.365-.415 1-.452 1.411-.089l2.207 1.946c.369.314.592.788.592 1.266z'/%3E%3C/svg%3E");
}

body.woocommerce-account .woocommerce-MyAccount-navigation-wrapper li a:hover {
	background-color: color-mix(in srgb, var(--eir-accent) 8%, transparent);
	padding-inline-start: 18px;
}

body.woocommerce-account .woocommerce-MyAccount-navigation-wrapper li.is-active a,
body.woocommerce-account .woocommerce-MyAccount-navigation-wrapper li a[aria-current="page"] {
	background-color: color-mix(in srgb, var(--eir-accent) 12%, transparent);
	color: var(--eir-accent);
	font-weight: 600;
}

body.woocommerce-account .woocommerce-MyAccount-navigation-wrapper li.is-active a:before,
body.woocommerce-account .woocommerce-MyAccount-navigation-wrapper li a[aria-current="page"]:before {
	opacity: 1;
}

/* On the wishlist "page" (?et-wishlist-page on the dashboard endpoint),
   the theme still marks Dashboard's link aria-current="page" directly in
   navigation.php - that call isn't filterable, so undo the visual result
   here instead, scoped to the body class our PHP adds for this view. */
body.eir-myau-wishlist-view .woocommerce-MyAccount-navigation-wrapper li[class*="dashboard"] a[aria-current="page"] {
	background-color: transparent;
	color: var(--eir-text);
	font-weight: 400;
}

body.eir-myau-wishlist-view .woocommerce-MyAccount-navigation-wrapper li[class*="dashboard"] a[aria-current="page"]:before {
	opacity: 0.75;
}

body.woocommerce-account .woocommerce-MyAccount-navigation-wrapper li[class*="logout"] a {
	color: #b5453d;
}

/* ---------- Content card ---------- */

body.woocommerce-account .woocommerce-MyAccount-content {
	background: var(--eir-surface);
	border: 1px solid var(--eir-border);
	border-radius: var(--eir-radius);
	padding: 32px;
	box-shadow: var(--eir-shadow);
}

@media only screen and (max-width: 480px) {
	body.woocommerce-account .woocommerce-MyAccount-content {
		padding: 20px;
	}
}

/* ---------- Shared section header ----------
 * One header style for every My Account tab: Dashboard, Orders, Addresses,
 * Account details and Wishlist all render "<h3 class=title><span>Label"
 * (Dashboard/Wishlist come from the theme/add-on as-is; Orders/Account
 * details get it injected via hooks; Addresses via our own template). */

body.woocommerce-account .woocommerce-MyAccount-content > h3.title,
body.woocommerce-account .eir-section-header h3.title {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
	border-bottom: none;
	padding: 0;
	margin: 0 0 20px;
}

body.woocommerce-account .woocommerce-MyAccount-content > h3.title span:first-child,
body.woocommerce-account .eir-section-header h3.title span:first-child {
	font-size: 1.3rem;
	text-transform: none;
	font-weight: 700;
	color: var(--eir-text);
}

body.woocommerce-account .woocommerce-MyAccount-content > p,
body.woocommerce-account .eir-section-description {
	margin: -14px 0 24px;
	color: var(--eir-text-muted);
	font-size: 0.92rem;
}

body.woocommerce-account .MyAccount-dashboard-buttons {
	margin: 24px -8px -8px;
	gap: 0;
}

body.woocommerce-account .MyAccount-dashboard-buttons .btn {
	margin: 0 8px 8px;
	background-color: transparent;
	border: var(--eir-btn-border) solid var(--eir-accent);
	color: var(--eir-accent);
	border-radius: var(--eir-btn-radius);
	padding: var(--eir-btn-padding);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	font-size: var(--eir-btn-font-size);
	font-weight: var(--eir-btn-font-weight);
	transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease, transform 0.15s ease;
}

body.woocommerce-account .MyAccount-dashboard-buttons .btn i {
	font-size: 1.1em;
}

body.woocommerce-account .MyAccount-dashboard-buttons .btn:hover {
	background-color: var(--eir-accent);
	border-color: var(--eir-accent);
	color: #fff;
	transform: translateY(-1px);
}

body.woocommerce-account .MyAccount-banner,
body.woocommerce-account .MyAccount-dashboard-buttons ~ .swiper-entry {
	margin-top: 44px;
	padding-top: 32px;
	border-top: 1px solid var(--eir-border);
}

body.woocommerce-account .swiper-entry .title {
	font-weight: 700;
	font-size: 1.1rem;
}

/* ---------- Orders / Payment methods tables ----------
 * Same shop_table_responsive markup shape as Orders, so they share the
 * one visual treatment. */

body.woocommerce-account .my_account_orders,
body.woocommerce-account .woocommerce-MyAccount-paymentMethods {
	border: 1px solid var(--eir-border);
	border-radius: var(--eir-radius-sm);
	overflow: hidden;
	border-collapse: separate;
	border-spacing: 0;
}

body.woocommerce-account .my_account_orders thead th,
body.woocommerce-account .woocommerce-MyAccount-paymentMethods thead th {
	background-color: color-mix(in srgb, var(--eir-accent) 6%, transparent);
	font-weight: 700;
}

body.woocommerce-account .my_account_orders tbody tr,
body.woocommerce-account .woocommerce-MyAccount-paymentMethods tbody tr {
	transition: background-color 0.15s ease;
}

body.woocommerce-account .my_account_orders tbody tr:hover,
body.woocommerce-account .woocommerce-MyAccount-paymentMethods tbody tr:hover {
	background-color: color-mix(in srgb, var(--eir-accent) 4%, transparent);
}

body.woocommerce-account .my_account_orders td,
body.woocommerce-account .my_account_orders th,
body.woocommerce-account .woocommerce-MyAccount-paymentMethods td,
body.woocommerce-account .woocommerce-MyAccount-paymentMethods th {
	border-bottom: 1px solid var(--eir-border);
	padding: 14px 16px;
}

body.woocommerce-account .my_account_orders .woocommerce-orders-table__cell-order-status {
	font-weight: 600;
}

body.woocommerce-account .woocommerce-MyAccount-paymentMethods tr.default-payment-method td:first-child {
	position: relative;
	font-weight: 600;
}

body.woocommerce-account .my_account_orders .button,
body.woocommerce-account .woocommerce-MyAccount-paymentMethods .button {
	border: var(--eir-btn-border) solid var(--eir-accent);
	border-radius: var(--eir-btn-radius);
	background: transparent;
	color: var(--eir-accent);
	padding: var(--eir-btn-padding);
	font-size: var(--eir-btn-font-size);
	font-weight: var(--eir-btn-font-weight);
	transition: background-color 0.15s ease, color 0.15s ease;
}

body.woocommerce-account .my_account_orders .button:hover,
body.woocommerce-account .woocommerce-MyAccount-paymentMethods .button:hover {
	background-color: var(--eir-accent);
	color: #fff;
}

/* The loose "Add payment method" link that sits below the table/notice,
   outside any wrapper - give it the same outline-button treatment. */
body.woocommerce-account .woocommerce-MyAccount-content > a.button {
	display: inline-flex;
	margin-top: 20px;
	border: var(--eir-btn-border) solid var(--eir-accent);
	border-radius: var(--eir-btn-radius);
	background: transparent;
	color: var(--eir-accent);
	padding: var(--eir-btn-padding);
	font-size: var(--eir-btn-font-size);
	font-weight: var(--eir-btn-font-weight);
	transition: background-color 0.15s ease, color 0.15s ease;
}

body.woocommerce-account .woocommerce-MyAccount-content > a.button:hover {
	background-color: var(--eir-accent);
	color: #fff;
}

@media only screen and (max-width: 480px) {
	body.woocommerce-account .my_account_orders,
	body.woocommerce-account .my_account_orders thead,
	body.woocommerce-account .my_account_orders tbody,
	body.woocommerce-account .my_account_orders tr,
	body.woocommerce-account .my_account_orders td,
	body.woocommerce-account .woocommerce-MyAccount-paymentMethods,
	body.woocommerce-account .woocommerce-MyAccount-paymentMethods thead,
	body.woocommerce-account .woocommerce-MyAccount-paymentMethods tbody,
	body.woocommerce-account .woocommerce-MyAccount-paymentMethods tr,
	body.woocommerce-account .woocommerce-MyAccount-paymentMethods td {
		display: block;
		width: 100%;
	}
	body.woocommerce-account .my_account_orders thead,
	body.woocommerce-account .woocommerce-MyAccount-paymentMethods thead {
		display: none;
	}
	body.woocommerce-account .my_account_orders tr,
	body.woocommerce-account .woocommerce-MyAccount-paymentMethods tr {
		border-bottom: 1px solid var(--eir-border);
		padding: 12px 0;
	}
	body.woocommerce-account .my_account_orders tr:last-child,
	body.woocommerce-account .woocommerce-MyAccount-paymentMethods tr:last-child {
		border-bottom: none;
	}
	body.woocommerce-account .my_account_orders td,
	body.woocommerce-account .woocommerce-MyAccount-paymentMethods td {
		border-bottom: none;
		display: flex;
		justify-content: space-between;
		align-items: center;
		gap: 12px;
		text-align: end;
	}
	body.woocommerce-account .my_account_orders td::before,
	body.woocommerce-account .woocommerce-MyAccount-paymentMethods td::before {
		content: attr(data-title);
		font-weight: 600;
		text-align: start;
	}
}

/* ---------- WooCommerce notices: success / error banners (compact) ---------- */

body.woocommerce-account .woocommerce-message,
body.woocommerce-account .woocommerce-error {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	background: color-mix(in srgb, var(--eir-accent) 8%, transparent);
	border: 1px solid color-mix(in srgb, var(--eir-accent) 25%, transparent);
	color: var(--eir-text);
	border-radius: var(--eir-radius-sm);
	padding: 18px 22px;
	margin: 0 0 24px;
}

body.woocommerce-account .woocommerce-error {
	background: rgba(181, 69, 61, 0.08);
	border-color: rgba(181, 69, 61, 0.3);
}

body.woocommerce-account .woocommerce-message::before,
body.woocommerce-account .woocommerce-error::before {
	display: none;
}

body.woocommerce-account .woocommerce-message a.button,
body.woocommerce-account .woocommerce-error a.button {
	background-color: var(--eir-accent);
	border: var(--eir-btn-border) solid var(--eir-accent);
	color: #fff;
	-webkit-text-fill-color: #fff;
	border-radius: var(--eir-btn-radius);
	padding: var(--eir-btn-padding);
	font-size: var(--eir-btn-font-size);
	font-weight: var(--eir-btn-font-weight);
	text-decoration: none !important;
	white-space: nowrap;
}

body.woocommerce-account .woocommerce-message a.button:hover,
body.woocommerce-account .woocommerce-error a.button:hover {
	filter: brightness(1.08);
}

/* ---------- Empty state (no orders / no downloads yet) ----------
 * WooCommerce renders this as a plain .woocommerce-info notice with
 * a text + inline link. We turn it into a proper empty-state block:
 * icon badge, message, standalone CTA button - Tailwind/shadcn style. */

body.woocommerce-account .woocommerce-info {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 6px;
	background: transparent;
	border: 1px dashed var(--eir-border);
	color: var(--eir-text-muted);
	border-radius: var(--eir-radius);
	padding: 64px 32px;
	margin: 0;
	font-size: 1.05rem;
}

body.woocommerce-account .woocommerce-info::before {
	content: "";
	display: block;
	width: 56px;
	height: 56px;
	margin-bottom: 18px;
	border-radius: var(--eir-btn-radius);
	background-color: color-mix(in srgb, var(--eir-accent) 12%, transparent);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%236F7D6A' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'/%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 24px 24px;
	position: static;
	font-family: inherit;
}

body.woocommerce-account .woocommerce-info a.button {
	background-color: var(--eir-accent);
	border: var(--eir-btn-border) solid var(--eir-accent);
	color: #fff;
	-webkit-text-fill-color: #fff;
	border-radius: var(--eir-btn-radius);
	padding: var(--eir-btn-padding);
	font-size: var(--eir-btn-font-size);
	font-weight: var(--eir-btn-font-weight);
	text-decoration: none !important;
	white-space: nowrap;
	margin-top: 18px;
	order: 2;
}

body.woocommerce-account .woocommerce-info a.button:hover {
	filter: brightness(1.08);
}

/* ---------- Generic button primitive (used by our own templates) ---------- */

body.woocommerce-account .eir-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	border-radius: var(--eir-btn-radius);
	padding: var(--eir-btn-padding);
	font-size: var(--eir-btn-font-size);
	font-weight: var(--eir-btn-font-weight);
	text-decoration: none;
	white-space: nowrap;
	transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

body.woocommerce-account .eir-btn-outline {
	border: var(--eir-btn-border) solid var(--eir-accent);
	background: transparent;
	color: var(--eir-accent);
}

body.woocommerce-account .eir-btn-outline:hover {
	background-color: var(--eir-accent);
	color: #fff;
}

/* ---------- Addresses ----------
 * Real Card markup (own template, see templates/woocommerce/myaccount/
 * my-address.php): header (icon + title + description), content (the
 * address), footer (the action button) in true DOM order - no CSS
 * flex-reorder tricks needed. */

body.woocommerce-account .eir-address-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: 20px;
}

body.woocommerce-account .eir-card {
	display: flex;
	flex-direction: column;
	border: 1px solid var(--eir-border);
	border-radius: var(--eir-radius);
	background: var(--eir-surface);
	overflow: hidden;
}

body.woocommerce-account .eir-card-header {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 20px 20px 16px;
}

body.woocommerce-account .eir-card-icon {
	flex: none;
	width: 40px;
	height: 40px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: var(--eir-btn-radius);
	background-color: color-mix(in srgb, var(--eir-accent) 12%, transparent);
	color: var(--eir-accent);
}

body.woocommerce-account .eir-card-icon svg {
	display: block;
}

body.woocommerce-account .eir-card-title {
	margin: 0;
	font-size: 1rem;
	font-weight: 700;
	color: var(--eir-text);
}

body.woocommerce-account .eir-card-description {
	margin: 2px 0 0;
	font-size: 0.85rem;
	color: var(--eir-text-muted);
}

body.woocommerce-account .eir-card-content {
	flex: 1;
	padding: 0 20px 20px;
	border-bottom: 1px solid var(--eir-border);
}

body.woocommerce-account .eir-card-content address {
	color: var(--eir-text-muted);
	line-height: 1.7;
	font-style: normal;
}

body.woocommerce-account .eir-card-footer {
	padding: 16px 20px;
}

body.woocommerce-account .eir-card-footer .eir-btn {
	width: 100%;
	padding: 8px 16px;
	font-size: 0.92rem;
}

/* ---------- Forms (login, edit account, edit address) ---------- */

body.woocommerce-account .woocommerce-Input,
body.woocommerce-account .input-text,
body.woocommerce-account select {
	border-radius: var(--eir-radius-sm);
	border: 1px solid var(--eir-border);
	padding: 12px 14px;
	transition: border-color 0.15s ease;
}

body.woocommerce-account .woocommerce-Input:focus,
body.woocommerce-account .input-text:focus,
body.woocommerce-account select:focus {
	border-color: var(--eir-accent);
	outline: none;
}

body.woocommerce-account form .woocommerce-Button,
body.woocommerce-account form button[type="submit"] {
	border-radius: var(--eir-btn-radius);
	padding: var(--eir-btn-padding);
	font-size: var(--eir-btn-font-size);
	font-weight: var(--eir-btn-font-weight);
}

body.woocommerce-account #customer_login > div {
	border: 1px solid var(--eir-border);
	border-radius: var(--eir-radius);
	padding: 32px;
}


/* ---------- Wishlist (xstore-wishlist add-on) ----------
 * reui.io/preview/base/wishlist-1 style: a divided list of rows, not
 * cards. The add-on renders <table class="xstore-wishlist-table"> with
 * one <tr> per product; the "product" <td> holds both the thumbnail
 * link and the details block, which `display: contents` flattens into
 * independently-orderable row items. The bulk-action bar
 * (.form-actions) is a sibling of <table> inside the same <form>; we
 * flex-reorder it above the table instead of moving markup. Stock
 * status / "price drop" style badges aren't in this data source, so
 * they're intentionally left out rather than faked. */

body.woocommerce-account .eir-wishlist-header {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 20px;
}

body.woocommerce-account .eir-wishlist-header h3.title {
	border-bottom: none;
	padding: 0;
	margin: 0;
}

body.woocommerce-account .eir-wishlist-header h3.title span:first-child {
	font-size: 1.3rem;
	font-weight: 700;
	text-transform: none;
}

body.woocommerce-account .eir-wishlist-count {
	margin-inline-start: 10px;
	font-size: 0.9rem;
	font-weight: 500;
	color: var(--eir-text-muted);
}

body.woocommerce-account .eir-wishlist-continue {
	flex: none;
	font-weight: 600;
	color: var(--eir-accent);
	white-space: nowrap;
}

body.woocommerce-account .eir-wishlist-continue:hover {
	color: var(--eir-text);
}

body.woocommerce-account .xstore-wishlist-form {
	display: flex;
	flex-direction: column;
}

body.woocommerce-account .xstore-wishlist-table {
	display: block;
	order: 2;
	width: 100%;
	border: none;
	border-collapse: collapse;
}

body.woocommerce-account .xstore-wishlist-table thead {
	display: none;
}

body.woocommerce-account .xstore-wishlist-items {
	display: block;
}

body.woocommerce-account .xstore-wishlist-items tr {
	display: flex;
	align-items: center;
	gap: 20px;
	padding: 22px 4px;
	border-bottom: 1px solid var(--eir-border);
}

body.woocommerce-account .xstore-wishlist-items tr:last-child {
	border-bottom: none;
}

body.woocommerce-account .xstore-wishlist-checkbox {
	order: 0;
	flex: none;
	display: flex !important;
	align-items: center;
}

body.woocommerce-account .xstore-wishlist-quantity,
body.woocommerce-account .xstore-wishlist-stock_status,
body.woocommerce-account .date-added {
	display: none !important;
}

body.woocommerce-account .xstore-wishlist-product {
	display: contents !important;
}

body.woocommerce-account .xstore-wishlist-image {
	order: 1;
	flex: none;
	display: block !important;
	float: none !important;
	width: 80px;
	height: 80px;
	max-width: none !important;
	max-height: none !important;
	margin: 0 !important;
	border-radius: var(--eir-radius-sm);
	overflow: hidden;
	background: color-mix(in srgb, var(--eir-accent) 6%, transparent);
}

body.woocommerce-account .xstore-wishlist-image img {
	display: block;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	max-height: none !important;
	float: none !important;
	margin: 0 !important;
	-o-object-fit: cover;
	object-fit: cover;
}

body.woocommerce-account .xstore-wishlist-details {
	order: 2;
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 6px;
}

body.woocommerce-account .xstore-wishlist-details .product-title {
	font-weight: 600;
	font-size: 1.02rem;
	color: var(--eir-text);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	/* Product titles are stored Title Case in the catalog; force
	   sentence case visually here without touching the catalog data. */
	text-transform: lowercase;
}

body.woocommerce-account .xstore-wishlist-details .product-title::first-letter {
	text-transform: uppercase;
}

body.woocommerce-account .xstore-wishlist-details .product_meta {
	font-size: 0.82rem;
	color: var(--eir-text-muted);
}

body.woocommerce-account .xstore-wishlist-price {
	order: 3;
	flex: none;
	margin-inline-start: auto;
	padding-inline-end: 28px;
	font-weight: 700;
	font-size: 1.05rem;
	white-space: nowrap;
	text-align: end;
}

body.woocommerce-account .xstore-wishlist-price del {
	margin-inline-end: 6px;
	color: var(--eir-text-muted);
	font-weight: 400;
	opacity: 0.7;
}

body.woocommerce-account .xstore-wishlist-action {
	order: 4;
	flex: none;
}

body.woocommerce-account .actions-wrapper {
	display: flex;
	align-items: center;
}

body.woocommerce-account .actions-buttons {
	display: flex !important;
	align-items: center;
	gap: 16px;
}

/* "Quick view" isn't part of this design. */
body.woocommerce-account .show-quickly {
	display: none !important;
}

body.woocommerce-account .actions-buttons .add_to_cart_button,
body.woocommerce-account .actions-buttons .button:not(.bordered) {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	border: var(--eir-btn-border) solid var(--eir-accent);
	background: transparent;
	color: var(--eir-accent);
	-webkit-text-fill-color: var(--eir-accent);
	border-radius: var(--eir-btn-radius);
	padding: var(--eir-btn-padding);
	font-size: var(--eir-btn-font-size);
	font-weight: var(--eir-btn-font-weight);
	white-space: nowrap;
	transition: border-color 0.15s ease, color 0.15s ease, background-color 0.15s ease;
}

body.woocommerce-account .actions-buttons .add_to_cart_button svg,
body.woocommerce-account .actions-buttons .button:not(.bordered) svg,
body.woocommerce-account .actions-buttons .add_to_cart_button .et-icon,
body.woocommerce-account .actions-buttons .button:not(.bordered) .et-icon {
	width: 14px;
	height: 14px;
	flex: none;
}

body.woocommerce-account .actions-buttons .add_to_cart_button:hover,
body.woocommerce-account .actions-buttons .button:not(.bordered):hover {
	border-color: var(--eir-accent);
	background-color: var(--eir-accent);
	color: #fff;
	-webkit-text-fill-color: #fff;
}

body.woocommerce-account .actions-buttons .bordered {
	flex: none;
	width: 36px;
	height: 36px;
	padding: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: none;
	border-radius: var(--eir-btn-radius);
	background: transparent;
	color: var(--eir-text-muted);
	transition: background-color 0.15s ease, color 0.15s ease;
}

body.woocommerce-account .actions-buttons .bordered svg {
	width: 16px;
	height: 16px;
}

body.woocommerce-account .actions-buttons .bordered:hover {
	background-color: rgba(181, 69, 61, 0.08);
	color: #b5453d;
}

body.woocommerce-account .actions-buttons .bordered .button-text,
body.woocommerce-account .actions-buttons .bordered .mt-mes {
	display: none;
}

/* ---------- Wishlist bulk-action bar (promoted above the list) ---------- */

body.woocommerce-account .form-actions {
	order: 1;
	margin: 0;
	padding: 16px 16px 16px 16px;
	border: 1px solid var(--eir-border);
	border-radius: var(--eir-radius-sm);
	background: color-mix(in srgb, var(--eir-accent) 4%, transparent);
}

/* Zeroes out the add-on's own wishlist-page.css spacing (adds an
   unwanted 16px bottom margin below the bar since it was designed to
   sit at the bottom of the page, not as a self-contained toolbar). */
body.woocommerce-account .form-actions > div > div {
	margin-bottom: 0;
}

body.woocommerce-account .form-actions .flex.justify-content-between {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px;
}

body.woocommerce-account .xstore-wishlist-apply-actions select {
	border-radius: var(--eir-btn-radius);
	border: 1px solid var(--eir-border);
	padding: 8px 14px;
	min-height: fit-content;
}

/* Exact spec from the site's own "clear cart" button styling. */
body.woocommerce-account .xstore-wishlist-actions {
	font-family: "Inter", Sans-serif;
	font-size: 1.1rem;
	font-weight: 500;
	fill: #A8A29E;
	color: #A8A29E;
	-webkit-text-fill-color: #A8A29E;
	--loader-side-color: #A8A29E;
	background-color: transparent;
	border: 1px solid #A8A29E;
	border-radius: 6px;
	padding: 8px 18px;
	transition: color 0.15s ease, border-color 0.15s ease;
}

body.woocommerce-account .xstore-wishlist-actions:hover,
body.woocommerce-account .xstore-wishlist-actions:focus {
	color: #0B0B0B;
	-webkit-text-fill-color: #0B0B0B;
	--loader-side-color: #0B0B0B;
	border-color: #0B0B0B;
}

body.woocommerce-account .form-actions .flex-inline {
	display: flex;
	align-items: center;
	gap: 10px;
}

/* Exact spec from the site's own checkout button styling. */
body.woocommerce-account .form-actions .add-all-products {
	font-family: "Inter", Sans-serif;
	font-size: 1.1rem;
	font-weight: 600;
	fill: #F5F3EF;
	color: #F5F3EF;
	-webkit-text-fill-color: #F5F3EF;
	--loader-side-color: #F5F3EF;
	background-color: #6F7D6A;
	border: 1px solid #6F7D6A;
	border-radius: 6px;
	padding: 9px 20px;
	white-space: nowrap;
	transition: background-color 0.15s ease, color 0.15s ease;
}

body.woocommerce-account .form-actions .add-all-products:hover {
	color: #6F7D6A;
	-webkit-text-fill-color: #6F7D6A;
	--loader-side-color: #6F7D6A;
	background-color: transparent;
}

/* Exact spec from the site's own "return to shop" button styling. */
body.woocommerce-account .form-actions .et-call-popup {
	font-family: "Inter", Sans-serif;
	font-size: 1.1rem;
	font-weight: 600;
	fill: #FFFFFF;
	color: #FFFFFF;
	-webkit-text-fill-color: #FFFFFF;
	--loader-side-color: #FFFFFF;
	background-color: #C6A96B;
	border: 1px solid #C6A96B;
	border-radius: 6px;
	padding: 9px 20px;
	white-space: nowrap;
	transition: background-color 0.15s ease, color 0.15s ease;
}

body.woocommerce-account .form-actions .et-call-popup:hover {
	color: #C6A96B;
	-webkit-text-fill-color: #C6A96B;
	--loader-side-color: #C6A96B;
	background-color: #F5F3EF;
}

/* ---------- Empty wishlist ---------- */

body.woocommerce-account .empty-wishlist-block {
	text-align: center;
	padding: 64px 24px;
	color: var(--eir-text-muted);
}

body.woocommerce-account .empty-wishlist-block:before {
	font-size: 2rem;
	color: var(--eir-accent);
}

body.woocommerce-account .empty-wishlist-block h1 {
	font-size: 1.2rem;
	text-transform: none;
	color: var(--eir-text);
	margin-bottom: 8px;
}

body.woocommerce-account .empty-wishlist-block .btn {
	display: inline-flex;
	border-radius: var(--eir-btn-radius);
	padding: var(--eir-btn-padding);
	margin-top: 12px;
	background-color: var(--eir-accent);
	border: var(--eir-btn-border) solid var(--eir-accent);
	color: #fff;
	-webkit-text-fill-color: #fff;
	font-size: var(--eir-btn-font-size);
	font-weight: var(--eir-btn-font-weight);
}

body.woocommerce-account .empty-wishlist-block .btn:hover {
	filter: brightness(1.08);
}