/**
 * Pet City layer coexistence — loads last.
 * Does not redesign. Makes home-polish, shop-ux, and a11y share one card/CTA/focus system.
 */

/* -------------------------------------------------------------------------- */
/* Skip link — shop-ux .screen-reader-text + Woo blocks re-clip Astra's skip. */
/* -------------------------------------------------------------------------- */
html body a.skip-link.screen-reader-text:focus,
html body a.skip-link.screen-reader-text:focus-visible,
html body a.skip-link:focus,
html body a.skip-link:focus-visible,
html body a.skip-link.petcity-a11y-skip-on {
	clip: auto !important;
	clip-path: none !important;
	width: auto !important;
	height: auto !important;
	min-width: 44px !important;
	min-height: 44px !important;
	position: fixed !important;
	top: 12px !important;
	left: 12px !important;
	z-index: 100000 !important;
	padding: 12px 16px !important;
	margin: 0 !important;
	overflow: visible !important;
	background: #180a32 !important;
	background-color: #180a32 !important;
	background-image: none !important;
	color: #ffffff !important;
	text-decoration: none !important;
	border-radius: 4px !important;
	outline: 3px solid #fbab2a !important;
	outline-offset: 2px !important;
	box-shadow: 0 4px 16px rgba(24, 10, 50, 0.35) !important;
}

/* -------------------------------------------------------------------------- */
/* Focus rings — a11y 3px ink/gold wins over home-polish orange :focus.       */
/* -------------------------------------------------------------------------- */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible,
.elementor-button:focus-visible,
.elementor-item:focus-visible,
.e-n-tab-title:focus-visible,
.add_to_cart_button:focus-visible,
.single_add_to_cart_button:focus-visible,
#elementor-menu-cart__toggle_button:focus-visible,
.e-search-submit:focus-visible,
.pc-chip:focus-visible,
.pc-hub__card:focus-visible,
.pc-filter-toggle:focus-visible {
	outline: 3px solid #180a32 !important;
	outline-offset: 3px !important;
}

.elementor-location-footer a:focus-visible,
.elementor-location-footer button:focus-visible,
#elementor-menu-cart__toggle_button:focus-visible,
.joinchat:focus-visible,
.joinchat a:focus-visible {
	outline-color: #fbab2a !important;
}

/* -------------------------------------------------------------------------- */
/* Cards — Elementor pink wells vs shop-ux white bordered cards.              */
/* -------------------------------------------------------------------------- */
.home ul.products li.product,
.elementor-widget-woocommerce-products ul.products li.product,
.woocommerce ul.products li.product,
.petcity-catalog ul.products li.product,
.petcity-product ul.products li.product {
	background: #ffffff !important;
	border: 1px solid #d7ddd9 !important;
	border-radius: 12px !important;
	box-shadow: none !important;
}

/* Shop-ux hides the wrong-parent category; Elementor/Astra !important wins. */
.woocommerce ul.products li.product .ast-woo-product-category,
.woocommerce ul.products li.product .ast-woo-product-category a,
.elementor-widget-woocommerce-products ul.products li.product .ast-woo-product-category,
.home ul.products li.product .ast-woo-product-category,
ul.products li.product span.ast-woo-product-category {
	display: none !important;
}

/* -------------------------------------------------------------------------- */
/* CTAs — teal + white on product cards; ink-on-gold on Elementor marketing.  */
/* -------------------------------------------------------------------------- */
ul.products li.product a.button,
ul.products li.product a.add_to_cart_button:not(.ast-on-card-button),
.petcity-product .single_add_to_cart_button,
.petcity-product .elementor-add-to-cart .button {
	background: #0c7c7c !important;
	background-color: #0c7c7c !important;
	border-color: #0c7c7c !important;
	color: #ffffff !important;
}

ul.products li.product a.button:hover,
ul.products li.product a.add_to_cart_button:not(.ast-on-card-button):hover,
.petcity-product .single_add_to_cart_button:hover {
	background: #065858 !important;
	color: #ffffff !important;
}

/* Keep Astra overlay ATC hidden so cards do not show two buttons. */
ul.products li.product .ast-on-card-button {
	display: none !important;
}

/* Gold / orange Elementor buttons: ink text (measured 1.4.3 fix). */
.home a.elementor-button.elementor-button-link,
.home .elementor-button.elementor-button-link .elementor-button-text,
a.elementor-button.elementor-button-link:not(.add_to_cart_button):not(.single_add_to_cart_button) {
	color: #180a32 !important;
}

/* Nested tabs selected: ink on gold, not white on gold. */
.e-n-tabs .e-n-tab-title[aria-selected="true"],
.e-n-tabs .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text {
	color: #180a32 !important;
}

/* -------------------------------------------------------------------------- */
/* Catalog chips — Astra gold link color was winning (1.92:1 on white).       */
/* -------------------------------------------------------------------------- */
.petcity-catalog .pc-subcats a,
.petcity-catalog .pc-chip,
.petcity-catalog .pc-card-chips span,
.pc-card-chips span,
.pc-product-chips span {
	color: #180a32 !important;
}

.petcity-catalog .pc-chip--on,
.pc-chip.pc-chip--on {
	background: #0c7c7c !important;
	border-color: #0c7c7c !important;
	color: #ffffff !important;
}

.petcity-catalog .pc-chip__count,
.petcity-catalog .pc-filter a span {
	color: #534e5c !important;
}

/* Product titles stay ink, not brand gold. */
ul.products li.product .woocommerce-loop-product__title,
ul.products li.product h3.woocommerce-loop-product__title,
ul.products li.product a.ast-loop-product__link {
	color: #180a32 !important;
}