/**
 * Theme icons: img/icons SVGs (.ah-theme-icon / legacy .ah-isax).
 */
.ah-theme-icon,
.ah-isax {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	vertical-align: -0.15em;
	line-height: 1;
	flex-shrink: 0;
}

.ah-theme-icon img,
.ah-isax img {
	width: 1em;
	height: 1em;
	display: block;
	filter: var(--ah-theme-icon-filter, none);
}

.ah-theme-icon .ah-theme-icon__svg,
.ah-isax .ah-theme-icon__svg,
.ah-theme-icon--mode-svg svg {
	width: 1em;
	height: 1em;
	display: block;
	fill: currentColor;
}

.ah-theme-icon--mode-svg {
	color: inherit;
}

.menu-icon .ah-theme-icon,
.menu-icon .ah-isax,
#mw_open_side_menu .ah-theme-icon,
#mw_open_side_menu .ah-isax,
.header-side-menu-btn .ah-theme-icon,
.header-side-menu-btn .ah-isax,
.search-btn-wrapper .ah-theme-icon,
.search-btn-wrapper .ah-isax,
.theme-mode-switcher label span .ah-theme-icon,
.theme-mode-switcher label span .ah-isax {
	font-size: 1.1em;
}

.siteside-close.ah-theme-icon,
.siteside-close.ah-isax,
span.siteside-close .ah-theme-icon,
span.siteside-close .ah-isax {
	font-size: inherit;
}

.sharing .share-buttons-list a .ah-theme-icon,
.sharing .share-buttons-list a .ah-isax,
.ah-share-buttons .share-buttons-list a .ah-theme-icon,
.ah-share-buttons .share-buttons-list a .ah-isax {
	font-size: clamp(17px, 1.15vw, 19px);
	vertical-align: middle;
}

.header-buttons .ah-theme-icon,
.header-buttons .ah-isax {
	font-size: 1.15em;
}

.comment-vote .ah-theme-icon,
.comment-vote .ah-isax {
	font-size: 1rem;
}

@keyframes ah-theme-icon-spin {
	to {
		transform: rotate(360deg);
	}
}

.ah-ajax-search-spin .ah-theme-icon--spinner img,
.ah-ajax-search-spin .ah-isax-spinner img,
.ah-ajax-search-spin .ah-isax-spinner-svg {
	animation: ah-theme-icon-spin 0.85s linear infinite;
	transform-origin: center;
}

#goto-top .ah-gototop-icon-wrap .ah-theme-icon,
#goto-top .ah-gototop-icon-wrap .ah-isax,
#goto-top span .ah-theme-icon,
#goto-top span .ah-isax {
	color: inherit;
}

/**
 * Theme icon SVGs (img/icons) use dark fills. On dark/colored surfaces, set
 * --ah-theme-icon-filter so child img icons render white.
 * Add class .ah-surface-dark on dark containers; .ah-icons-on-light keeps icons dark on light buttons.
 */
:is(
	.ah-surface-dark,
	.ah-icons-on-dark,
	#goto-top,
	#goto-top .ah-gototop-icon-wrap,
	.single-post-template-4 .ah-sp4-hero,
	.single-post-template-8 .ah-sp8-deck__band,
	.ahura-social2,
	.social3-box .ahura-social3 a,
	.ah-share-buttons-3 a,
	.sharing-container .btn-holder,
	.ahura_element_faq_4 .ah-items .ah-item .ah-title-section .ah-icon,
	.icon-box-4-wrap,
	.ahura_element_icon_box_6 .ah-icon-wrapper .ah-icon,
	.ahura_element_card_box_3,
	.ahura_element_price_box_8,
	.ahura_element_price_box_5,
	.sound-player-1 .player-share-buttons-content a,
	.sound-player-1 .share-close,
	.sound-player-1 .sound-controls,
	.sound-player-1 .sound-buttons-wrap .sound-control-btn,
	.post-carousel11 .post-item-content,
	.news-ticker-wrapper,
	.news-ticker-wrapper .items-swiper-head,
	.testimonial-carousel-3 .content_wrapper,
	.post-list-4 .post-cats,
	.grid-posts6 .post-wrap .post-content,
	.grid-posts-8 .element-post-content:hover .post-btn a,
	.post-carousel-element .item-icon-btns,
	.product-box-carousel-1 .product .share-btns .btns a,
	.popup-search2-element .popup-search-wrap,
	html:is(.ahura-dark-theme, .ahura-black-theme) .popup-search2-element .popup-search-content,
	.fonticon-selector-items-wrap,
	.fonticon-selector-items,
	.mw-fonticon-selector-wrap .font-icons-list-content,
	.ahura-popup-icons-box .font-icons-list-content,
	.ahura-sticky-button
) {
	--ah-theme-icon-filter: brightness(0) invert(1);
}

.ah-surface-dark .ah-icons-on-light,
.ah-icons-on-light {
	--ah-theme-icon-filter: none;
}

#mega_menu_plus .ah-theme-icon,
#mega_menu_plus .ah-isax {
	color: inherit;
}

/* Mega menu title button — stroke-based menu icon follows Customizer title color. */
.cats-list-title .ah-theme-icon--mode-svg,
.mg-cat-title .ah-theme-icon--mode-svg,
.header-mega-menu-btn .ah-theme-icon--mode-svg {
	color: inherit;
	font-size: 1.35em;
}

.cats-list-title .ah-theme-icon--mode-svg .ah-theme-icon__svg,
.mg-cat-title .ah-theme-icon--mode-svg .ah-theme-icon__svg,
.header-mega-menu-btn .ah-theme-icon--mode-svg .ah-theme-icon__svg {
	color: inherit;
}

.cats-list-title .ah-theme-icon--mode-svg .ah-theme-icon__svg path,
.mg-cat-title .ah-theme-icon--mode-svg .ah-theme-icon__svg path,
.header-mega-menu-btn .ah-theme-icon--mode-svg .ah-theme-icon__svg path,
.menu-icon .ah-theme-icon--mode-svg .ah-theme-icon__svg path,
#mw_open_side_menu .ah-theme-icon--mode-svg .ah-theme-icon__svg path,
.header-side-menu-btn .ah-theme-icon--mode-svg .ah-theme-icon__svg path {
	stroke: currentColor !important;
	fill: none !important;
}

.open-mobile-submenu .ah-theme-icon,
.open-mobile-submenu .ah-isax {
	color: inherit;
}