/*
 * OPT header account icon.
 *
 * The header template (99) uses a V3 Menu widget, so the account entry is a
 * WordPress menu item with the class `menu-account`. The text stays in the DOM
 * (and in the accessibility tree); on desktop it is visually replaced by the
 * person icon, and in the burger menu the icon sits beside the label.
 *
 * The link keeps the menu's own 12px/16px padding, so the icon sits in the same
 * rhythm as the text items. No extra width or margin is forced.
 *
 * Target: wp-content/themes/hello-theme-child-master/assets/css/header-account.css
 */

header.elementor-99 li.menu-account > a {
	display: inline-flex;
	align-items: center;
	gap: var(--space-2);
}

header.elementor-99 li.menu-account > a::before {
	content: "";
	flex: 0 0 auto;
	position: static !important;
	inset: auto !important;
	background-color: transparent !important;
	opacity: 1 !important;
	inline-size: 1.375rem;
	block-size: 1.375rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9.1' fill='none' stroke='%23F7F6F5' stroke-width='1.6'/%3E%3Cdefs%3E%3CclipPath id='c'%3E%3Ccircle cx='12' cy='12' r='8.3'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23c)'%3E%3Ccircle cx='12' cy='9.2' r='3.4' fill='%23F7F6F5'/%3E%3Cpath d='M12 13.4c-4.1 0-7.4 2.5-7.7 5.8v2.4h15.4v-2.4c-.3-3.3-3.6-5.8-7.7-5.8z' fill='%23F7F6F5'/%3E%3C/g%3E%3C/svg%3E");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

header.elementor-99 li.menu-account > a:hover::before,
header.elementor-99 li.menu-account > a:focus-visible::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9.1' fill='none' stroke='%23F0873A' stroke-width='1.6'/%3E%3Cdefs%3E%3CclipPath id='c'%3E%3Ccircle cx='12' cy='12' r='8.3'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23c)'%3E%3Ccircle cx='12' cy='9.2' r='3.4' fill='%23F0873A'/%3E%3Cpath d='M12 13.4c-4.1 0-7.4 2.5-7.7 5.8v2.4h15.4v-2.4c-.3-3.3-3.6-5.8-7.7-5.8z' fill='%23F0873A'/%3E%3C/g%3E%3C/svg%3E");
}

@media (min-width: 1025px) {
	header.elementor-99 li.menu-account > a.elementor-item {
		font-size: 0 !important;
		gap: 0;
	}
}