/* AlKhutaa Pro 1.5.20 — desktop menu icons; mobile mirroring is handled separately. */
.alk-menu-item-icon{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	flex:0 0 auto;
	vertical-align:-0.14em;
	box-sizing:content-box;
	line-height:1;
	stroke-width:1.8;
	margin:0!important;
}
.alk-menu-item-icon.alk-theme-icon{
	fill:none;
	stroke:currentColor;
	overflow:visible;
}
.alk-primary-nav a.has-alk-menu-icon,
.main-menu a.has-alk-menu-icon,
.primary-menu a.has-alk-menu-icon,
.menu-primary-container a.has-alk-menu-icon,
.khutaa-v2-desktop-menu a.has-alk-menu-icon{
	display:inline-flex!important;
	align-items:center!important;
	justify-content:flex-start!important;
	gap:7px!important;
}
.alk-primary-nav a.has-alk-menu-icon > .alk-menu-item-label,
.main-menu a.has-alk-menu-icon > .alk-menu-item-label,
.primary-menu a.has-alk-menu-icon > .alk-menu-item-label,
.menu-primary-container a.has-alk-menu-icon > .alk-menu-item-label,
.khutaa-v2-desktop-menu a.has-alk-menu-icon > .alk-menu-item-label{
	display:inline;
	flex:0 1 auto!important;
	width:auto!important;
	min-width:0!important;
	margin:0!important;
	padding:0!important;
}
html body header.alk-header nav.alk-primary-nav a.has-alk-menu-icon{
	display:inline-flex!important;
	align-items:center!important;
	justify-content:flex-start!important;
	gap:7px!important;
	width:auto!important;
}
html body header.alk-header nav.alk-primary-nav a.has-alk-menu-icon > .alk-menu-item-icon{
	align-self:center!important;
	margin:0!important;
}
header a:not(.has-alk-menu-icon) > .alk-menu-item-icon,
header button > .alk-menu-item-icon{
	display:none!important;
}

/* 1.10.1: local SVG-backed Font Awesome codes. */
.alk-fontawesome-svg{
	display:inline-block;
	overflow:visible;
	flex:0 0 auto;
	vertical-align:-0.125em;
	fill:currentColor;
	stroke:none;
}

/* 1.10.2: per-item editorial colors with a separate dark-mode value. */
.alk-menu-item-icon,
.khutaa-header__menu-icon{
	--alk-menu-icon-current:var(--alk-menu-icon-light,currentColor);
}
html[data-khutaa-theme="dark"] .alk-menu-item-icon,
html[data-theme="dark"] .alk-menu-item-icon,
html[data-khutaa-theme="dark"] .khutaa-header__menu-icon,
html[data-theme="dark"] .khutaa-header__menu-icon,
body.dark-mode .alk-menu-item-icon,
body.dark-mode .khutaa-header__menu-icon{
	--alk-menu-icon-current:var(--alk-menu-icon-dark,var(--alk-menu-icon-light,currentColor));
}


/* 1.10.3: apply the saved light/dark colors to the actual icon color.
 * Older mobile/header rules used !important accent colors, so merely changing
 * an intermediate custom property could not repaint the icon after a theme
 * switch. These selectors intentionally outrank those legacy rules. */
header.alk-header nav.alk-primary-nav .alk-menu-item-icon,
.khutaa-v2-main-nav .alk-menu-item-icon,
.khutaa-v2-desktop-menu .alk-menu-item-icon,
nav.main-navigation .alk-menu-item-icon,
nav.primary-navigation .alk-menu-item-icon,
.main-menu .alk-menu-item-icon,
.primary-menu .alk-menu-item-icon,
.menu-primary-container .alk-menu-item-icon,
.khutaa-header-core .khutaa-header__menu-link .khutaa-header__menu-icon,
.alk-mm .alk-mm__link .alk-menu-item-icon {
	color:var(--alk-menu-icon-light,currentColor)!important;
	transition:color .18s ease;
}

html[data-khutaa-theme="dark"] header.alk-header nav.alk-primary-nav .alk-menu-item-icon,
html[data-theme="dark"] header.alk-header nav.alk-primary-nav .alk-menu-item-icon,
html[data-khutaa-theme="dark"] .khutaa-v2-main-nav .alk-menu-item-icon,
html[data-theme="dark"] .khutaa-v2-main-nav .alk-menu-item-icon,
html[data-khutaa-theme="dark"] .khutaa-v2-desktop-menu .alk-menu-item-icon,
html[data-theme="dark"] .khutaa-v2-desktop-menu .alk-menu-item-icon,
html[data-khutaa-theme="dark"] nav.main-navigation .alk-menu-item-icon,
html[data-theme="dark"] nav.main-navigation .alk-menu-item-icon,
html[data-khutaa-theme="dark"] nav.primary-navigation .alk-menu-item-icon,
html[data-theme="dark"] nav.primary-navigation .alk-menu-item-icon,
html[data-khutaa-theme="dark"] .main-menu .alk-menu-item-icon,
html[data-theme="dark"] .main-menu .alk-menu-item-icon,
html[data-khutaa-theme="dark"] .primary-menu .alk-menu-item-icon,
html[data-theme="dark"] .primary-menu .alk-menu-item-icon,
html[data-khutaa-theme="dark"] .menu-primary-container .alk-menu-item-icon,
html[data-theme="dark"] .menu-primary-container .alk-menu-item-icon,
html[data-khutaa-theme="dark"] .khutaa-header-core .khutaa-header__menu-link .khutaa-header__menu-icon,
html[data-theme="dark"] .khutaa-header-core .khutaa-header__menu-link .khutaa-header__menu-icon,
html[data-khutaa-theme="dark"] .alk-mm .alk-mm__link .alk-menu-item-icon,
html[data-theme="dark"] .alk-mm .alk-mm__link .alk-menu-item-icon,
body.dark-mode header.alk-header nav.alk-primary-nav .alk-menu-item-icon,
body.dark-mode .khutaa-v2-main-nav .alk-menu-item-icon,
body.dark-mode .khutaa-v2-desktop-menu .alk-menu-item-icon,
body.dark-mode nav.main-navigation .alk-menu-item-icon,
body.dark-mode nav.primary-navigation .alk-menu-item-icon,
body.dark-mode .main-menu .alk-menu-item-icon,
body.dark-mode .primary-menu .alk-menu-item-icon,
body.dark-mode .menu-primary-container .alk-menu-item-icon,
body.dark-mode .khutaa-header-core .khutaa-header__menu-link .khutaa-header__menu-icon,
body.dark-mode .alk-mm .alk-mm__link .alk-menu-item-icon {
	color:var(--alk-menu-icon-dark,var(--alk-menu-icon-light,currentColor))!important;
}

/* SVGs and Font Awesome fallbacks both inherit the selected mode color. */
.alk-menu-item-icon svg,
.khutaa-header__menu-icon svg,
svg.alk-menu-item-icon,
svg.khutaa-header__menu-icon {
	fill:currentColor!important;
}


/* 1.10.4: the icon carries both colors as data/CSS values. JavaScript paints
 * the exact selected color with inline !important on every theme change; these
 * rules are the no-JavaScript fallback and cover all compatibility classes. */
[data-alk-menu-icon-colors="1"]{
	color:var(--alk-menu-icon-light,currentColor)!important;
}
html[data-khutaa-theme="dark"] [data-alk-menu-icon-colors="1"],
html[data-theme="dark"] [data-alk-menu-icon-colors="1"],
html[data-color-scheme="dark"] [data-alk-menu-icon-colors="1"],
html.khutaa-dark-active [data-alk-menu-icon-colors="1"],
body.dark-skin [data-alk-menu-icon-colors="1"],
body.dark-mode [data-alk-menu-icon-colors="1"],
body.is-dark-mode [data-alk-menu-icon-colors="1"],
body.khutaa-dark-active [data-alk-menu-icon-colors="1"]{
	color:var(--alk-menu-icon-dark,var(--alk-menu-icon-light,currentColor))!important;
}
svg.alk-fontawesome-svg[data-alk-menu-icon-colors="1"],
svg.alk-fontawesome-svg[data-alk-menu-icon-colors="1"] :where(path,polygon,circle,rect,ellipse){
	fill:currentColor!important;
	stroke:none!important;
}
svg.alk-theme-icon[data-alk-menu-icon-colors="1"]{
	stroke:currentColor!important;
}