/*
 * FMVSoft Product Tabs - functional CSS only
 *
 * Visual design should be controlled from:
 * Astra Customizer → Additional CSS
 *
 * This file intentionally avoids colours, borders, shadows, radius,
 * typography, margins, padding, hover effects and backgrounds unless
 * required for functionality.
 */

/* Accordion buttons are created by JS and only shown on mobile. */
.fmvsoft-product-tab-accordion-button {
	display: none;
}

/* Optional setting: hide repeated tab titles inside custom tab content. */
body.fmvsoft-hide-product-tab-titles .woocommerce div.product .woocommerce-tabs .yikes-custom-woo-tab-title {
	display: none;
}

/* Optional setting: centre desktop tab navigation. Kept minimal for backwards compatibility. */
body.fmvsoft-center-product-tabs .woocommerce div.product .woocommerce-tabs ul.tabs,
body.fmvsoft-center-product-tabs .woocommerce div.product .woocommerce-tabs ul.wc-tabs {
	justify-content: center;
}

/* Desktop safety: mobile accordion state must not affect normal desktop tabs. */
@media (min-width: 769px) {
	.woocommerce div.product .woocommerce-tabs .wc-tab,
	.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel {
		max-height: none;
		overflow: visible;
		visibility: visible;
	}
}

@media (max-width: 768px) {
	/* Hide the normal WooCommerce tab navigation on mobile when accordion JS is active. */
	.woocommerce div.product .woocommerce-tabs.fmvsoft-mobile-accordion-enabled ul.tabs,
	.woocommerce div.product .woocommerce-tabs.fmvsoft-mobile-accordion-enabled ul.wc-tabs {
		display: none !important;
	}

	/* Show accordion buttons on mobile only when JS enables accordion mode. */
	.woocommerce div.product .woocommerce-tabs.fmvsoft-mobile-accordion-enabled .fmvsoft-product-tab-accordion-button {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		cursor: pointer;
		text-align: left;
	}

	/* Simple functional open/closed indicator. Style this from Astra Additional CSS if needed. */
	.woocommerce div.product .woocommerce-tabs.fmvsoft-mobile-accordion-enabled .fmvsoft-product-tab-accordion-button::after {
		content: "+";
	}

	.woocommerce div.product .woocommerce-tabs.fmvsoft-mobile-accordion-enabled .fmvsoft-product-tab-accordion-button[aria-expanded="true"]::after {
		content: "−";
	}

	/* Panels remain in HTML, but are visually collapsed on mobile. */
	.woocommerce div.product .woocommerce-tabs.fmvsoft-mobile-accordion-enabled .wc-tab,
	.woocommerce div.product .woocommerce-tabs.fmvsoft-mobile-accordion-enabled .woocommerce-Tabs-panel {
		display: block !important;
		max-height: 0;
		overflow: hidden;
		visibility: hidden;
	}

	/* Open mobile accordion panel. Height is controlled by JS for smooth behaviour. */
	.woocommerce div.product .woocommerce-tabs.fmvsoft-mobile-accordion-enabled .wc-tab.fmvsoft-mobile-accordion-open,
	.woocommerce div.product .woocommerce-tabs.fmvsoft-mobile-accordion-enabled .woocommerce-Tabs-panel.fmvsoft-mobile-accordion-open {
		overflow: hidden;
		visibility: visible;
	}
}