/**
 * Author: Rafael Silva
 * Version: 1.0
 *
 * PDP — abas WooCommerce empilhadas (uma abaixo da outra).
 * Esconde a barra de navegação .tabs e mostra todos os painéis simultaneamente.
 * Override de inline style (display:none) do wc-single-product.js requer !important.
 */

/* 1. Esconder barra de navegação das abas */
.single-product .woocommerce-tabs ul.tabs.wc-tabs,
.single-product .woocommerce-tabs ul.tabs {
	display: none !important;
}

/* 2. Mostrar todos os painéis (sobrescreve display:none inline injetado pelo WC) */
.single-product .woocommerce-tabs .panel.woocommerce-Tabs-panel,
.single-product .woocommerce-tabs .wc-tab {
	display: block !important;
	max-width: 100%;
	margin: 0 auto 32px;
	padding: 28px 0 32px;
	border-top: 1px solid #e2e2e2;
}

.single-product .woocommerce-tabs .panel.woocommerce-Tabs-panel:first-of-type,
.single-product .woocommerce-tabs .wc-tab:first-of-type {
	border-top: 0;
	padding-top: 8px;
}

/* 3. Reexibir os títulos H2 das abas (Shoptimizer oculta por padrão) */
.single-product .panel.woocommerce-Tabs-panel--additional_information h2:first-of-type,
.single-product .panel.woocommerce-Tabs-panel--reviews h2:first-of-type {
	display: block !important;
	margin: 0 0 16px;
	color: #0034a4;
	font-size: clamp(1.25rem, 1.05rem + 0.6vw, 1.5rem);
	font-weight: 700;
	line-height: 1.25;
}

/* 4. Título da Descrição (WC não renderiza H2 nesse painel) */
.single-product .panel.woocommerce-Tabs-panel--description::before {
	content: "Descrição";
	display: block;
	margin: 0 0 16px;
	color: #0034a4;
	font-size: clamp(1.25rem, 1.05rem + 0.6vw, 1.5rem);
	font-weight: 700;
	line-height: 1.25;
}

/* 5. Mobile — menos respiro entre seções */
@media (max-width: 600px) {
	.single-product .woocommerce-tabs .panel.woocommerce-Tabs-panel,
	.single-product .woocommerce-tabs .wc-tab {
		margin-bottom: 20px;
		padding: 20px 0 24px;
	}
}