/*
Theme Name: Harmonie Distribuidora
Theme URI: https://harmonie-distribuidora.com.br
Author: Hugo — Pequenaweb
Author URI: https://pequenaweb.com.br
Description: Tema institucional B2B para a Harmonie Distribuidora — spin-off do Grupo Novatrade. Design system "Lavanda da Provence" com posicionamento premium europeu. WordPress Block Theme (FSE) com suporte trilíngue (PT-BR/EN/FR).
Version: 1.0.1
Requires at least: 6.4
Tested up to: 6.9
Requires PHP: 7.4
License: Proprietary
License URI: https://harmonie-distribuidora.com.br
Text Domain: harmonie
Tags: full-site-editing, block-patterns, custom-colors, custom-fonts, translation-ready

Desenvolvido por Pequenaweb — Março 2026
Paleta "Lavanda da Provence" — roxo lavanda como cor principal
*/


/* Tab bar injetada via JS */
.pqna-tabs-nav {
	background: var(--wp--preset--color--off-white);
	border-bottom: 1px solid var(--wp--preset--color--border);
	display: flex;
	position: sticky;
	top: 0;
	z-index: 90;
	padding: 0 var(--wp--preset--spacing--40);
	margin-block-start: 0;
	justify-content: center;
}

.pqna-tab-btn {
	align-items: center;
	background: none;
	border: none;
	border-bottom: 3px solid transparent;
	color: var(--wp--preset--color--text-secondary);
	cursor: pointer;
	display: flex;
	font-family: var(--wp--preset--font-family--body);
	font-size: 0.9375rem;
	font-weight: 600;
	gap: 0.625rem;
	padding: 1.125rem 1.75rem;
	transition: color 150ms ease, border-color 150ms ease;
}

.pqna-tab-btn:hover {
	color: var(--wp--preset--color--lavender-deep);
}

.pqna-tab-btn--active {
	border-bottom-color: var(--wp--preset--color--gold);
	color: var(--wp--preset--color--lavender-deep);
}

.pqna-tab-num {
	align-items: center;
	background: var(--wp--preset--color--lavender-gray);
	border-radius: 50%;
	color: var(--wp--preset--color--lavender-deep);
	display: inline-flex;
	font-size: 0.75rem;
	font-weight: 700;
	height: 22px;
	justify-content: center;
	min-width: 22px;
	transition: background 150ms ease, color 150ms ease;
	width: 22px;
}

.pqna-tab-btn--active .pqna-tab-num {
	background: var(--wp--preset--color--lavender-deep);
	color: var(--wp--preset--color--off-white);
}

@media (max-width: 640px) {
	.pqna-tabs-nav {
		top: 56px;
	}

	.pqna-tab-btn {
		flex: 1;
		font-size: 0.8125rem;
		justify-content: center;
		padding: 1rem 0.5rem;
	}
}