/*
 * ARCADE DIRECT — FINAL NAVIGATION AND PRODUCT PRESENTATION REFINEMENTS
 * One teal rule marks one navigation or tab choice. Product content retains
 * editorial H2 hierarchy without repeated generic WooCommerce headings.
 */

/* Primary navigation: one full-width parent-item indicator. */
.primary-nav .ad-primary-menu__item > .ad-primary-menu__link {
	border-bottom: 0 !important;
}

.primary-nav .ad-primary-menu__link::after {
	content: none !important;
}

.primary-nav .ad-primary-menu__item::after {
	background: var(--brand-teal);
	bottom: 0;
	content: '';
	height: 3px;
	left: 0;
	pointer-events: none;
	position: absolute;
	right: 0;
	transform: scaleX(0);
	transform-origin: left;
	transition: transform 180ms var(--ad-editorial-ease);
	z-index: 2;
}

.primary-nav .ad-primary-menu__item:hover::after,
.primary-nav .ad-primary-menu__item:focus-within::after,
.primary-nav .ad-primary-menu__item.is-open::after,
.primary-nav .current-menu-item::after,
.primary-nav .current-menu-ancestor::after {
	transform: scaleX(1);
}

/* Remove the dropdown’s competing teal edge: it previously appeared as a second underline. */
.primary-nav .ad-primary-submenu {
	border-top: 0 !important;
}

/* The background uses the same full hit area as the underline, not just the text width. */
.primary-nav .ad-primary-submenu > li {
	display: block;
	margin: 0;
	width: 100%;
}

.primary-nav .ad-primary-submenu > li > a {
	background: transparent;
	box-sizing: border-box;
	display: block;
	width: 100%;
}

.primary-nav .ad-primary-submenu > li:hover > a,
.primary-nav .ad-primary-submenu > li:focus-within > a,
.primary-nav .ad-primary-submenu > li.current-menu-item > a {
	background: rgba(53, 187, 157, .15) !important;
}

/* WooCommerce tabs: reset any inherited theme strokes, then draw one line on the actual link. */
.single-product div.product .woocommerce-tabs ul.tabs li,
.single-product div.product .woocommerce-tabs ul.tabs li::before,
.single-product div.product .woocommerce-tabs ul.tabs li::after,
.single-product div.product .woocommerce-tabs ul.tabs li > a::before,
.single-product div.product .woocommerce-tabs ul.tabs li > a::after {
	border-bottom: 0 !important;
	box-shadow: none !important;
}

.single-product div.product .woocommerce-tabs ul.tabs li > a {
	border-bottom: 3px solid transparent !important;
	box-shadow: none !important;
}

.single-product div.product .woocommerce-tabs ul.tabs li.active > a,
.single-product div.product .woocommerce-tabs ul.tabs li > a:hover,
.single-product div.product .woocommerce-tabs ul.tabs li > a:focus-visible {
	border-bottom-color: var(--brand-teal, #35BB9D) !important;
}

@media (max-width: 768px) {
	.primary-nav .ad-primary-menu__item::after {
		bottom: .55rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	.primary-nav .ad-primary-menu__item::after {
		transition: none;
	}
}