/**
 * KSWX: disable distracting homepage animations.
 *
 * Two sources of motion remain after the counter count-up was killed
 * (js/kswx-counter.js):
 *   1. WOW.js scroll fade-ins. driftor-pro footer.php runs `new WOW().init()`,
 *      which hides every `.wow`/`.section_animate` block (inline
 *      visibility:hidden, no !important) then plays an animate.css keyframe
 *      (fadeInUp) on scroll. Our stylesheet !important beats the inline hide,
 *      so blocks render instantly with no animation.
 *   2. The `.count-icon` flip — `.counter-box:hover .count-icon i` does a
 *      300ms scaleX(-1) + colour swap on hover. Neutralised below.
 *
 * Loaded site-wide via kswx_enqueue_css(); these selectors only exist on the
 * homepage, so there is no effect elsewhere.
 */

/* 1. Kill WOW / animate.css scroll fade-ins — always visible, no keyframe. */
.wow,
.section_animate {
	visibility: visible !important;
	opacity: 1 !important;
	-webkit-animation: none !important;
	        animation: none !important;
	-webkit-animation-name: none !important;
	        animation-name: none !important;
	-webkit-transform: none !important;
	    -ms-transform: none !important;
	        transform: none !important;
}

/* 2. Kill the count-icon hover flip + transition (static icon). */
.count-icon,
.count-icon i {
	-webkit-transition: none !important;
	        transition: none !important;
}

.counter-box:hover .count-icon i {
	-webkit-transform: none !important;
	    -ms-transform: none !important;
	        transform: none !important;
	background-color: transparent !important; /* resting state: no bg (parent .count-icon holds the dark box) */
	color: #ffad2b !important;
}

/* ------------------------------------------------------------------ *
 * 3. Kill ALL hover motion site-wide: card lifts, image zooms, icon
 *    flips/rotates, hover reveals, button sweeps, dropdown grow-out.
 *    Only `transform` (the actual movement) is neutralised — colour /
 *    box-shadow hover transitions stay (not motion). Scoped to the
 *    component class families rather than `*:hover` so transform-
 *    positioned widgets (sliders/carousels) keep their layout.
 * ------------------------------------------------------------------ */

/* child kswx components (card lifts + image zooms), self + descendants */
[class*="kswx-"]:hover,
[class*="kswx-"]:hover * {
	-webkit-transform: none !important;
	    -ms-transform: none !important;
	        transform: none !important;
}

/* parent theme component hovers: icon flips/rotates, image zoom, reveals */
.about-iconbox:hover *,
.counter-box:hover *,
.services-box:hover *,
.features-box:hover *,
.process-box:hover *,
.iconbox:hover *,
.infobox:hover *,
.foot-one-box:hover *,
.foot-two-box:hover *,
.foot-three-box:hover *,
.con-page-info:hover *,
.blog-post-repeat:hover *,
.product .product-item-inner:hover * {
	-webkit-transform: none !important;
	    -ms-transform: none !important;
	        transform: none !important;
}

/* button shine sweep (pseudo-element slide) */
a.buttonstyle1:hover::before, a.buttonstyle1:hover::after,
a.sliderbtn:hover::before,   a.sliderbtn:hover::after {
	-webkit-transform: none !important;
	    -ms-transform: none !important;
	        transform: none !important;
}

/* nav dropdown grow-out keyframe animation */
.sitenav ul li:hover > ul,
.sitenav ul li:hover ul li:hover > ul {
	-webkit-animation: none !important;
	        animation: none !important;
}
