/*
 * Tamanho padrão dos botões do site.
 *   Padrão:  48px de altura, texto 16px, cantos 8px.
 *   Pequeno: 36px de altura, texto 14px (botões de apoio: barra do curso, cards).
 * Vale para os botões de conteúdo das páginas; header, rodapé, filtros da loja
 * e botões de carrinho dos cards ficam com o tamanho próprio.
 * Carregado em todas as páginas por inc/buttons.php. O !important vence os
 * <style> embutidos nos templates e as variantes --lg/--xl de cada página.
 */

/* ── Padrão (48px) ───────────────────────────────────────────── */
.site-main .rp-btn,
.site-main .emp-btn,
.site-main .combo-btn,
.site-main .pk-btn,
.site-main .rppg-btn,
.site-main .rpg-btn,
.site-main .rpg-prompt button,
.site-main .pdfconv-cta .btn,
.pdfconv .rppg-btn,
.pdfconv .rppg-pdf__go,
.pdfconv-cta .btn,
.rpg .rpg-btn,
.rpg .rpg-prompt button {
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 48px !important;
	height: auto !important;
	padding: 12px 28px !important;
	font-size: 16px !important;
	line-height: 1.2 !important;
	border-radius: 8px !important;
}

/* ── Pequeno (36px) ──────────────────────────────────────────── */
.site-main .rp-btn--sm,
.site-main .combo-btn--sm,
.site-main .emp-btn--sm,
.site-main .pk-btn--sm,
.site-main .as-module__cta,
.combo-subnav .combo-btn {
	min-height: 36px !important;
	padding: 8px 16px !important;
	font-size: 14px !important;
}

/* Desktop: texto do botão em uma linha só, para a altura não variar.
   No celular pode quebrar, para não estourar a largura da tela. */
@media (min-width: 992px) {
	.site-main .rp-btn,
	.site-main .emp-btn,
	.site-main .combo-btn,
	.site-main .pk-btn,
	.site-main .rppg-btn,
	.site-main .rpg-btn,
	.pdfconv .rppg-btn,
	.rpg .rpg-btn {
		white-space: nowrap !important;
	}
}