/**
 * PERSONALIZAÇÃO — site público (.pub-site)
 *
 * Edite os números abaixo (altura, padding, fonte, cantos arredondados).
 * Unidades: rem (1rem ≈ 16px) ou px.
 *
 * Exemplos:
 *   Botões do menu maiores  → --pub-nav-btn-min-height: 3.25rem;
 *   Botões mais “quadrados” → --pub-nav-btn-radius: 0.4rem;
 *   Botões mais largos      → --pub-nav-btn-padding-x: 1.25rem;
 *
 * Depois de salvar: faça deploy e recarregue com ⌘+Shift+R.
 */

.pub-site {
  /* ——— Menu lateral (Instalar, Minha escala, etc.) ——— */
  --pub-nav-gap: 0.4rem;
  --pub-nav-btn-min-height: 2.75rem;
  --pub-nav-btn-padding-y: 0.62rem;
  --pub-nav-btn-padding-x: 0.85rem;
  --pub-nav-btn-font-size: 0.8125rem;
  --pub-nav-btn-radius: 0.65rem;

  /* ——— Botão Tema ——— */
  --pub-theme-btn-min-height: 2.5rem;
  --pub-theme-btn-padding-y: 0.55rem;
  --pub-theme-btn-padding-x: 0.75rem;
  --pub-theme-btn-font-size: 0.8125rem;
  --pub-theme-btn-radius: 0.65rem;

  /* ——— Botões de ação (Buscar, Salvar, Continuar…) ——— */
  --pub-action-btn-min-height: 2.75rem;
  --pub-action-btn-padding-y: 0.65rem;
  --pub-action-btn-padding-x: 1.1rem;
  --pub-action-btn-font-size: 0.9375rem;
  --pub-action-btn-radius: 0.65rem;

  /* ——— Botão secundário ——— */
  --pub-secondary-btn-min-height: 2.5rem;
  --pub-secondary-btn-padding-y: 0.55rem;
  --pub-secondary-btn-padding-x: 1rem;
  --pub-secondary-btn-font-size: 0.875rem;
  --pub-secondary-btn-radius: 0.65rem;

  /* ——— Faixa WhatsApp no topo ——— */
  --pub-wa-padding-y: 0.75rem;
  --pub-wa-padding-x: 1rem;
  --pub-wa-min-height: auto;
  --pub-wa-radius: 0.85rem;
}

/* Aplicação (não precisa editar daqui para baixo) */
.pub-site .pub-nav {
  gap: var(--pub-nav-gap);
}

.pub-site .pub-nav-link {
  min-height: var(--pub-nav-btn-min-height);
  padding: var(--pub-nav-btn-padding-y) var(--pub-nav-btn-padding-x);
  font-size: var(--pub-nav-btn-font-size);
  border-radius: var(--pub-nav-btn-radius);
}

.pub-site .pub-theme-btn {
  min-height: var(--pub-theme-btn-min-height);
  padding: var(--pub-theme-btn-padding-y) var(--pub-theme-btn-padding-x);
  font-size: var(--pub-theme-btn-font-size);
  border-radius: var(--pub-theme-btn-radius);
}

.pub-site .btn-primary {
  min-height: var(--pub-action-btn-min-height);
  padding: var(--pub-action-btn-padding-y) var(--pub-action-btn-padding-x);
  font-size: var(--pub-action-btn-font-size);
  border-radius: var(--pub-action-btn-radius);
}

.pub-site .btn-secondary {
  min-height: var(--pub-secondary-btn-min-height);
  padding: var(--pub-secondary-btn-padding-y) var(--pub-secondary-btn-padding-x);
  font-size: var(--pub-secondary-btn-font-size);
  border-radius: var(--pub-secondary-btn-radius);
}

.pub-site .pub-wa-contact-link {
  min-height: var(--pub-wa-min-height);
  padding: var(--pub-wa-padding-y) var(--pub-wa-padding-x);
  border-radius: var(--pub-wa-radius);
}