/**
 * Isolate Illustrator `.cls-1` styles.
 *
 * SVG <style> blocks are document-global. The mobile hamburger SVG ships with:
 *   .cls-1 { fill:none; stroke:#fff; stroke-width:66.67px }
 * which leaks onto every Icon Box / button SVG that also uses `.cls-1`.
 * Theme `master.min.css` also had `.cls-1{fill:unset!important}` which made it worse.
 */
.elementor-icon svg .cls-1,
.elementor-icon-box-icon svg .cls-1,
.elementor-widget-icon-box svg .cls-1,
.elementor-widget-icon svg .cls-1,
.elementor-widget-button svg .cls-1,
.aae--btn-pro-wrapper svg .cls-1,
.wcf__btn svg .cls-1,
.tt-hover-box__icon svg .cls-1 {
	fill: currentColor !important;
	stroke: none !important;
	stroke-width: 0 !important;
}

.wcf-menu-hamburger svg .cls-1,
.willows-menu-hamburger svg .cls-1,
.bbe-offcanvas-button svg .cls-1 {
	fill: none !important;
	stroke: currentColor !important;
}

/*
 * TREETHEMES: Advanced Button Style 3 text-flip must not change the pill size.
 * Hover duplicates the label and slides it in. If that copy stays in-flow
 * (or the <a> is a header flex item with overflow:visible), min-height:auto
 * grows the button. Keep the hover label absolute and clip it to the pill.
 */
.aae--btn-pro-wrapper.style-3 .aae--btn-pro.btn-text-flip {
	display: inline-flex !important;
	align-items: center !important;
	overflow: hidden !important;
	min-height: 0 !important;
	align-self: center !important;
	flex: 0 0 auto !important;
	width: auto !important;
	max-width: none !important;
	transition: color 0.3s, background-color 0.3s, border-color 0.3s, box-shadow 0.3s, fill 0.3s !important;
}
.aae--btn-pro-wrapper.style-3 .btn-text-flip .btn-flip-inner {
	display: flex !important;
	align-items: center !important;
	position: relative !important;
	overflow: hidden !important;
	width: max-content !important;
	max-width: none !important;
}
.aae--btn-pro-wrapper.style-3 .btn-text-flip .btn-flip-text,
.aae--btn-pro-wrapper.style-3 .btn-text-flip .btn-flip-text-hover {
	display: inline-flex !important;
	align-items: center !important;
	white-space: nowrap !important;
	width: max-content !important;
	flex-shrink: 0 !important;
	transform: none !important;
	transition: transform 0.45s cubic-bezier(0.8, 0, 0.2, 1) !important;
}
.aae--btn-pro-wrapper.style-3 .btn-text-flip .btn-flip-text-hover {
	position: absolute !important;
	left: 0 !important;
	top: 100% !important;
	pointer-events: none !important;
}
.aae--btn-pro-wrapper.style-3 .btn-text-flip:hover .btn-flip-text,
.aae--btn-pro-wrapper.style-3 .btn-text-flip:hover .btn-flip-text-hover,
.aae--btn-pro-wrapper.style-3 .btn-text-flip:focus-within .btn-flip-text,
.aae--btn-pro-wrapper.style-3 .btn-text-flip:focus-within .btn-flip-text-hover {
	transform: translateY(-100%) !important;
}
