/**
 * ABIS interaction palette — v3.1.8
 *
 * Keep Elementor's inherited magenta accent out of ABIS components without
 * globally recolouring every custom link or button. Component states below
 * are deliberately scoped so filled blue controls retain white text.
 */

:root,
html,
body,
body[class*="elementor-kit-"] {
	--abis-hover-blue: #0869ed;
	--abis-hover-blue-dark: #0758c9;
	--abis-hover-blue-soft: #eef6ff;
	--abis-hover-blue-border: #c9def8;
	--e-global-color-accent: #0869ed !important;
	--e-global-color-accent-rgb: 8, 105, 237 !important;
}

/* Native Elementor controls only. Do not touch arbitrary ABIS anchors. */
body .elementor-nav-menu--main .elementor-item:hover,
body .elementor-nav-menu--main .elementor-item:focus,
body .elementor-nav-menu--main .elementor-item.highlighted,
body .elementor-tab-title:hover,
body .elementor-tab-title:focus-visible,
body .elementor-accordion-title:hover,
body .elementor-accordion-title:focus-visible,
body .elementor-icon:hover,
body .elementor-icon:focus-visible,
body .elementor-social-icon:hover,
body .elementor-social-icon:focus-visible {
	color: var(--abis-hover-blue) !important;
	border-color: var(--abis-hover-blue-border) !important;
	background-color: var(--abis-hover-blue-soft) !important;
}

/* Elementor/WooCommerce filled buttons must always remain readable. */
body .elementor-button:hover,
body .elementor-button:focus,
body .elementor-button:focus-visible,
body .elementor-button:active,
body button.elementor-button:hover,
body button.elementor-button:focus,
body button.elementor-button:active,
body input[type="submit"].elementor-button:hover,
body input[type="submit"].elementor-button:focus,
body input[type="submit"].elementor-button:active,
body .woocommerce a.button:hover,
body .woocommerce a.button:focus,
body .woocommerce a.button:active,
body .woocommerce button.button:hover,
body .woocommerce button.button:focus,
body .woocommerce button.button:active,
body .woocommerce input.button:hover,
body .woocommerce input.button:focus,
body .woocommerce input.button:active {
	border-color: var(--abis-hover-blue-dark) !important;
	background-color: var(--abis-hover-blue-dark) !important;
	color: #fff !important;
}

/*
 * Quantity controls.
 * Elementor's generic :focus/:active rule was the remaining source of the
 * #CC3366 surface after a click. Every pointer and keyboard state is now
 * explicitly owned by the component.
 */
body :is(
	.abis-hp-card__quantity,
	.abis-card__quantity,
	.abis-so__quantity
) button {
	border: 0 !important;
	background: #f2f6fb !important;
	background-color: #f2f6fb !important;
	background-image: none !important;
	color: #173b67 !important;
	box-shadow: none !important;
	-webkit-tap-highlight-color: transparent;
}

body :is(
	.abis-hp-card__quantity,
	.abis-card__quantity,
	.abis-so__quantity
) button:is(:hover, :focus, :focus-visible, :active) {
	border: 0 !important;
	background: #e8f2ff !important;
	background-color: #e8f2ff !important;
	background-image: none !important;
	color: var(--abis-hover-blue) !important;
	box-shadow: inset 0 0 0 1px rgba(8,105,237,.08) !important;
	outline: none !important;
}

body .abis-quantity-button,
body .abis-cart-quantity-button {
	background: #fff !important;
	background-color: #fff !important;
	background-image: none !important;
	color: #60758e !important;
	box-shadow: none !important;
	-webkit-tap-highlight-color: transparent;
}

body .abis-quantity-button:is(:hover, :focus, :focus-visible, :active),
body .abis-cart-quantity-button:is(:hover, :focus, :focus-visible, :active) {
	background: var(--abis-hover-blue-soft) !important;
	background-color: var(--abis-hover-blue-soft) !important;
	background-image: none !important;
	color: var(--abis-hover-blue) !important;
	border-color: var(--abis-hover-blue-border) !important;
	box-shadow: none !important;
	outline: none !important;
}

/* Neutral icon/wishlist/compare controls use the soft-blue surface. */
body .abis-hp-card__favorite:not(.is-active):is(:hover, :focus, :focus-visible, :active),
body .abis-card__favorite:not(.is-active):is(:hover, :focus, :focus-visible, :active),
body .abis-product-icon-button:not(.is-active):is(:hover, :focus, :focus-visible, :active),
body .abis-mini-product-card__favorite:not(.is-active):is(:hover, :focus, :focus-visible, :active),
body .abis-compare-button:is(:hover, :focus, :focus-visible, :active) {
	border-color: var(--abis-hover-blue-border) !important;
	background: var(--abis-hover-blue-soft) !important;
	background-color: var(--abis-hover-blue-soft) !important;
	background-image: none !important;
	color: var(--abis-hover-blue) !important;
	box-shadow: 0 7px 16px rgba(8,105,237,.12) !important;
}

/*
 * ABIS filled actions. The old global link rule could turn their white label
 * blue. Keep the label/icon white for hover, focus and pressed states.
 */
body :is(
	.abis-hp-card__purchase-submit,
	.abis-card__purchase-submit,
	.abis-so__purchase-submit,
	.abis-hp-card__cart,
	.abis-card__add,
	.abis-so__cart,
	.abis-so__purchase-back,
	.abis-product-cart-area .single_add_to_cart_button,
	.abis-cart-summary-content .checkout-button,
	.abis-cart-empty-state__button,
	.abis-filter-submit,
	.abis-blog-primary-button,
	.abis-blog-search button,
	.abis-product-compare-cta,
	.abis-compare-buy-button,
	#place_order
):is(:hover, :focus, :focus-visible, :active) {
	color: #fff !important;
	text-decoration: none !important;
}

/* Blue gradient purchase actions keep their intended dark-blue hover. */
body :is(
	.abis-hp-card__purchase-submit,
	.abis-card__purchase-submit,
	.abis-so__purchase-submit
):is(:hover, :focus, :focus-visible, :active) {
	border-color: transparent !important;
	background: linear-gradient(135deg,#075fda,#064eb8) !important;
	background-color: #0758c9 !important;
	background-image: linear-gradient(135deg,#075fda,#064eb8) !important;
	color: #fff !important;
}

/* Blue icon/cart controls never inherit the pink pressed state. */
body :is(
	.abis-hp-card__cart,
	.abis-card__add,
	.abis-so__cart,
	.abis-so__purchase-back
):is(:hover, :focus, :focus-visible, :active) {
	border-color: #0758c9 !important;
	background: #0758c9 !important;
	background-color: #0758c9 !important;
	background-image: none !important;
	color: #fff !important;
}

/* Keyboard focus uses ABIS blue without changing component foregrounds. */
body :where(a, button, input, select, textarea, [role="button"]):focus-visible {
	outline-color: rgba(8,105,237,.34);
}

/* Single-product custom tabs: all states stay in the ABIS blue palette. */
body.single-product .abis-product-tabs .abis-product-tabs__nav button,
body.single-product .abis-product-tabs .abis-product-tabs__nav button:visited {
	background: #fafcff !important;
	background-color: #fafcff !important;
	background-image: none !important;
	color: #657890 !important;
	border-color: var(--abis-hover-blue-border) !important;
	box-shadow: none !important;
}

body.single-product .abis-product-tabs .abis-product-tabs__nav button:is(:hover, :focus, :focus-visible, :active),
body.single-product .abis-product-tabs .abis-product-tabs__nav button.is-active,
body.single-product .abis-product-tabs .abis-product-tabs__nav button[aria-selected="true"] {
	background: var(--abis-hover-blue-soft) !important;
	background-color: var(--abis-hover-blue-soft) !important;
	background-image: none !important;
	color: var(--abis-hover-blue) !important;
	border-color: var(--abis-hover-blue-border) !important;
	box-shadow: inset 0 -2px 0 var(--abis-hover-blue) !important;
	outline: none !important;
}

body.single-product .abis-product-tabs .abis-product-tabs__nav button::before,
body.single-product .abis-product-tabs .abis-product-tabs__nav button::after {
	border-color: var(--abis-hover-blue) !important;
}

body.single-product .abis-product-tabs .abis-product-tabs__nav button.is-active::after,
body.single-product .abis-product-tabs .abis-product-tabs__nav button[aria-selected="true"]::after {
	background: var(--abis-hover-blue) !important;
	background-color: var(--abis-hover-blue) !important;
}

/* WooCommerce native-tab fallback. */
body.single-product .woocommerce div.product .woocommerce-tabs ul.tabs li:hover,
body.single-product .woocommerce div.product .woocommerce-tabs ul.tabs li:focus-within,
body.single-product .woocommerce div.product .woocommerce-tabs ul.tabs li.active,
body.single-product .woocommerce div.product .woocommerce-tabs ul.tabs li.active:hover {
	background: var(--abis-hover-blue-soft) !important;
	background-color: var(--abis-hover-blue-soft) !important;
	border-color: var(--abis-hover-blue-border) !important;
}

body.single-product .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover,
body.single-product .woocommerce div.product .woocommerce-tabs ul.tabs li a:focus-visible,
body.single-product .woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
	color: var(--abis-hover-blue) !important;
}