/**
 * custom.css — Neves Piloto Contabilidade
 * Estilos que não são cobertos pelo Tailwind utilitário
 */

/* ── Sistema de cores dinâmico (via ACF Definições do Tema) ─────────────────
   As variáveis são injetadas pelo PHP (inc/color-themes.php) via wp_head priority 1.
   NÃO definir :root aqui para não sobrescrever o valor dinâmico injetado pelo PHP.
   ──────────────────────────────────────────────────────────────────────────── */

/* Utilitários de cor usando as variáveis */
.np-bg-primary       { background-color: var(--np-primary); }
.np-bg-primary-mid   { background-color: var(--np-primary-mid); }
.np-bg-primary-light { background-color: var(--np-primary-light); }
.np-bg-accent        { background-color: var(--np-accent); }
.np-bg-accent-soft   { background-color: var(--np-accent-soft); }

.np-text-primary     { color: var(--np-primary); }
.np-text-primary-light { color: var(--np-primary-light); }
.np-text-accent      { color: var(--np-accent); }
.np-text-accent-dark { color: var(--np-accent-dark); }
.np-text-on-primary  { color: var(--np-on-primary); }
.np-text-on-accent   { color: var(--np-on-accent); }

.np-border-accent    { border-color: var(--np-accent); }
.np-border-accent-soft { border-color: var(--np-accent-border); }

/* Botão primário (CTA) */
.np-btn-accent {
  background-color: var(--np-accent);
  color: var(--np-on-accent);
}
.np-btn-accent:hover {
  background-color: var(--np-accent-hover);
}

/* Botão secundário (outline sobre fundo escuro) */
.np-btn-outline {
  background-color: rgba(255,255,255,0.10);
  border: 1px solid rgba(255,255,255,0.20);
  color: var(--np-on-primary);
}
.np-btn-outline:hover {
  background-color: rgba(255,255,255,0.18);
}

/* Gradiente do hero */
.np-hero-gradient {
  background: linear-gradient(
    135deg,
    var(--np-primary) 0%,
    var(--np-primary-mid) 50%,
    var(--np-primary-light) 100%
  );
}

/* Linha decorativa de destaque */
.np-accent-line {
  background-color: var(--np-accent);
}

/* Badge de destaque (ex: "Anos de Experiência") */
.np-badge-accent {
  background-color: var(--np-accent-soft);
  border: 1px solid var(--np-accent-border);
  color: var(--np-accent);
}

/* ── Outros estilos ────────────────────────────────────────────────────────── */

/* Container global */
.container {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2rem;
  padding-right: 2rem;
}

/* Font helpers */
.font-montserrat {
  font-family: 'Montserrat', sans-serif;
}

/* Transição suave no header ao rolar */
header {
  transition: box-shadow 0.3s ease;
}

header.scrolled {
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
}

/* FAQ chevron rotation */
.faq-chevron.rotate-180 {
  transform: rotate(180deg);
}

/* Solutions card corner triangle fallback */
.solutions-corner {
  width: 0;
  height: 0;
  border-left: 120px solid transparent;
  border-top: 120px solid white;
}