/**
 * Elementor "Product Data Tabs" + Woodmart: undo mobile hide, center tab list.
 * Parent theme hides .tabs-layout-tabs below 1024px unless JS converts to accordion;
 * that JS skips Elementor builder output (no .wd-single-tabs wrapper).
 */

@media (max-width: 1024px) {
	.elementor-widget-woocommerce-product-data-tabs .woocommerce-tabs.tabs-layout-tabs {
		display: block !important;
	}

	.elementor-widget-woocommerce-product-data-tabs .tabs-layout-tabs > .wd-nav-tabs-wrapper {
		display: flex !important;
		justify-content: center;
		text-align: center;
	}

	.elementor-widget-woocommerce-product-data-tabs .tabs-layout-tabs ul.wc-tabs.wd-nav-tabs {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		gap: 0.25rem 1.25rem;
		width: 100%;
		margin-inline: auto;
	}
}