/**
 * Kitchenaire — Hero layout + unified left-to-right button hover sweep
 */

:root {
	--ka-btn-hover-duration: 0.75s;
	--ka-btn-hover-ease: ease;
}

/* ── Hero column: heading 2 lines + aligned button row ── */

.elementor-element.kitchenaire-hero-cta-col > .elementor-widget-wrap,
.elementor-element-6a5e5b79 > .elementor-widget-wrap {
	display: grid;
	grid-template-columns: auto auto;
	column-gap: 16px;
	row-gap: 0;
	align-items: center;
	justify-items: start;
}

.elementor-element.kitchenaire-hero-cta-col > .elementor-widget-wrap > .elementor-widget-jkit_animated_text,
.elementor-element.kitchenaire-hero-cta-col > .elementor-widget-wrap > .elementor-widget-text-editor,
.elementor-element-6a5e5b79 > .elementor-widget-wrap > .elementor-widget-jkit_animated_text,
.elementor-element-6a5e5b79 > .elementor-widget-wrap > .elementor-widget-text-editor {
	grid-column: 1 / -1;
	width: 100%;
}

.elementor-element.kitchenaire-hero-cta-col > .elementor-widget-wrap > .elementor-element-227383b,
.elementor-element-6a5e5b79 > .elementor-widget-wrap > .elementor-element-227383b {
	grid-column: 1;
	width: auto !important;
	max-width: none !important;
	margin: 10px 0 0 !important;
}

.elementor-element.kitchenaire-hero-cta-col > .elementor-widget-wrap > .elementor-element-284572a6,
.elementor-element-6a5e5b79 > .elementor-widget-wrap > .elementor-element-284572a6 {
	grid-column: 2;
	width: auto !important;
	max-width: none !important;
	margin: 10px 0 0 !important;
}

.elementor-element.kitchenaire-hero-cta-col .elementor-widget-button .elementor-button,
.elementor-element-6a5e5b79 .elementor-widget-button .elementor-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 58px;
	box-sizing: border-box;
}

/* Hero heading — moved to hero.css; keep button row only below */

@media (max-width: 767px) {
	.elementor-element.kitchenaire-hero-cta-col > .elementor-widget-wrap,
	.elementor-element-6a5e5b79 > .elementor-widget-wrap {
		grid-template-columns: 1fr;
	}

	.elementor-element.kitchenaire-hero-cta-col > .elementor-widget-wrap > .elementor-element-227383b,
	.elementor-element.kitchenaire-hero-cta-col > .elementor-widget-wrap > .elementor-element-284572a6,
	.elementor-element-6a5e5b79 > .elementor-widget-wrap > .elementor-element-227383b,
	.elementor-element-6a5e5b79 > .elementor-widget-wrap > .elementor-element-284572a6 {
		grid-column: 1;
	}
}

/* ═══════════════════════════════════════════════════════════════
   UNIFIED BUTTONS — every button is identical
   Default : black bg · white text · 2px black border
   Hover   : white fills left → right · text turns black · black border
   ═══════════════════════════════════════════════════════════════ */

.elementor-button,
a.elementor-button,
button.elementor-button,
.elementor-button-link,
.elementor-widget-button .elementor-button,
.jeg-elementor-kit .jkit-button .jkit-button-wrapper,
.jeg-elementor-kit .jkit-button-wrapper,
.jkit-banner .jkit-button .jkit-button-wrapper,
.jkit-banner .jkit-button-wrapper,
.jkit-banner .button-link,
.jkit-icon-box .icon-box-button,
.jeg-elementor-kit .jkit-icon-box .icon-box-button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.checkout-button,
.woocommerce button.button.alt,
.woocommerce a.added_to_cart,
.woocommerce ul.products li.product .button,
.single-product div.product form.cart .single_add_to_cart_button,
.single-product .kitchenaire-buy-now,
.button,
button[type="submit"],
input[type="submit"] {
	position: relative !important;
	overflow: hidden !important;
	z-index: 0;
	isolation: isolate;
	border: 2px solid #000000 !important;
	background-color: #000000 !important;
	background-image: none !important;
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
	transition: color var(--ka-btn-hover-duration) var(--ka-btn-hover-ease),
		-webkit-text-fill-color var(--ka-btn-hover-duration) var(--ka-btn-hover-ease),
		border-color var(--ka-btn-hover-duration) var(--ka-btn-hover-ease),
		background-color 0s linear var(--ka-btn-hover-duration) !important;
	transform: none !important;
	box-shadow: none !important;
	animation: none !important;
}

/* Keep label/icon above the sweep layer */
.elementor-button .elementor-button-content-wrapper,
.elementor-button .elementor-button-text,
.elementor-button .elementor-button-icon,
.jeg-elementor-kit .jkit-button .jkit-button-wrapper > *,
.jeg-elementor-kit .jkit-button-wrapper > *,
.jkit-banner .jkit-button-wrapper > *,
.jkit-icon-box .icon-box-button > *,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
	position: relative;
	z-index: 2;
}

/* The white fill layer (sweeps in from the left) */
.elementor-button::before,
a.elementor-button::before,
button.elementor-button::before,
.elementor-button-link::before,
.jeg-elementor-kit .jkit-button .jkit-button-wrapper::before,
.jeg-elementor-kit .jkit-button-wrapper::before,
.jkit-banner .jkit-button .jkit-button-wrapper::before,
.jkit-banner .jkit-button-wrapper::before,
.jkit-banner .button-link::before,
.jkit-icon-box .icon-box-button::before,
.woocommerce a.button::before,
.woocommerce button.button::before,
.woocommerce input.button::before,
.woocommerce #respond input#submit::before,
.woocommerce a.checkout-button::before,
.woocommerce button.button.alt::before,
.woocommerce a.added_to_cart::before,
.woocommerce ul.products li.product .button::before,
.single-product div.product form.cart .single_add_to_cart_button::before,
.single-product .kitchenaire-buy-now::before,
.button::before,
button[type="submit"]::before,
input[type="submit"]::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
	background-color: #ffffff;
	transition: width var(--ka-btn-hover-duration) var(--ka-btn-hover-ease);
	z-index: -1;
	pointer-events: none;
}

/* Hover / focus — text + icon flip to black */
.elementor-button:hover,
.elementor-button:focus-visible,
a.elementor-button:hover,
a.elementor-button:focus-visible,
button.elementor-button:hover,
button.elementor-button:focus-visible,
.elementor-button-link:hover,
.elementor-widget-button .elementor-button:hover,
.elementor-widget-button .elementor-button:focus-visible,
.jeg-elementor-kit .jkit-button .jkit-button-wrapper:hover,
.jeg-elementor-kit .jkit-button-wrapper:hover,
.jkit-banner .jkit-button .jkit-button-wrapper:hover,
.jkit-banner .jkit-button-wrapper:hover,
.jkit-banner .button-link:hover,
.jkit-icon-box .icon-box-button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.checkout-button:hover,
.woocommerce button.button.alt:hover,
.woocommerce a.added_to_cart:hover,
.woocommerce ul.products li.product .button:hover,
.single-product div.product form.cart .single_add_to_cart_button:hover,
.single-product .kitchenaire-buy-now:hover,
.button:hover,
button[type="submit"]:hover,
input[type="submit"]:hover,
.elementor-button:hover *,
.elementor-button:focus-visible *,
.elementor-widget-button .elementor-button:hover *,
.jeg-elementor-kit .jkit-button .jkit-button-wrapper:hover *,
.jeg-elementor-kit .jkit-button-wrapper:hover *,
.jkit-banner .jkit-button-wrapper:hover *,
.jkit-icon-box .icon-box-button:hover * {
	color: #000000 !important;
	-webkit-text-fill-color: #000000 !important;
	border-color: #000000 !important;
	background-color: transparent !important;
	transform: none !important;
	box-shadow: none !important;
}

.elementor-button:hover .elementor-button-icon svg,
.elementor-button:focus-visible .elementor-button-icon svg,
.elementor-widget-button .elementor-button:hover .elementor-button-icon svg {
	fill: #000000 !important;
	stroke: #000000 !important;
}

/* Grow the fill on hover */
.elementor-button:hover::before,
.elementor-button:focus-visible::before,
a.elementor-button:hover::before,
button.elementor-button:hover::before,
.elementor-button-link:hover::before,
.jeg-elementor-kit .jkit-button .jkit-button-wrapper:hover::before,
.jeg-elementor-kit .jkit-button-wrapper:hover::before,
.jkit-banner .jkit-button .jkit-button-wrapper:hover::before,
.jkit-banner .jkit-button-wrapper:hover::before,
.jkit-banner .button-link:hover::before,
.jkit-icon-box .icon-box-button:hover::before,
.woocommerce a.button:hover::before,
.woocommerce button.button:hover::before,
.woocommerce input.button:hover::before,
.woocommerce #respond input#submit:hover::before,
.woocommerce a.checkout-button:hover::before,
.woocommerce button.button.alt:hover::before,
.woocommerce a.added_to_cart:hover::before,
.woocommerce ul.products li.product .button:hover::before,
.single-product div.product form.cart .single_add_to_cart_button:hover::before,
.single-product .kitchenaire-buy-now:hover::before,
.button:hover::before,
button[type="submit"]:hover::before,
input[type="submit"]:hover::before {
	width: 100%;
}

/* Kill Elementor's built-in hover animations so they don't fight the sweep */
.elementor-button[class*="elementor-animation-"]:hover,
.elementor-button.elementor-animation-shrink:hover {
	transform: none !important;
	animation: none !important;
}

/* Admin setup button keeps the WordPress default look */
#kitchenaire-import-btn::before {
	display: none !important;
}

#kitchenaire-import-btn:hover {
	color: inherit !important;
	-webkit-text-fill-color: currentColor !important;
}

/* ───────────────────────────────────────────────────────────────
   PDP exception: "Add to cart" is OUTLINED (white bg / black text),
   "Buy it now" stays FILLED black. Matches the product-page design.
   These rules come last so they win the cascade over the unified style.
   ─────────────────────────────────────────────────────────────── */
.single-product div.product form.cart .single_add_to_cart_button {
	background-color: #ffffff !important;
	color: #000000 !important;
	-webkit-text-fill-color: #000000 !important;
	border: 2px solid #000000 !important;
}

.single-product div.product form.cart .single_add_to_cart_button::before {
	background-color: #000000 !important;
}

.single-product div.product form.cart .single_add_to_cart_button:hover,
.single-product div.product form.cart .single_add_to_cart_button:focus-visible {
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
	border-color: #000000 !important;
	background-color: #ffffff !important;
}