/* =====================================================
   Sunbless — Overrides de Identidade Visual
   Ajustes de cores para navegação, botões e contraste
   ===================================================== */

/* Navegação: hover e active em laranja (secondary) em vez de gunmetal */
.nav-link:hover,
.nav-link.active {
  color: var(--color-secondary) !important;
}

.nav-dropdown-link:hover,
.nav-dropdown-link.active {
  color: var(--color-secondary) !important;
}

/* Botão secundário: fundo laranja, texto gunmetal — alto contraste (4.7:1) */
.btn-secondary {
  background-color: var(--color-secondary);
  color: var(--color-text-dark);
}

/* Hover do botão secundário: inverte para gunmetal + texto branco */
.btn-secondary:hover {
  background-color: var(--color-primary) !important;
  color: var(--color-text-light) !important;
}

/* Botão light: gunmetal com texto branco, hover para laranja com texto gunmetal */
.btn-light {
  background-color: var(--color-primary);
  color: var(--color-text-light);
  border-color: var(--color-text-light) !important;
}

.btn-light:hover {
  background-color: var(--color-secondary) !important;
  color: var(--color-text-dark) !important;
  border-color: var(--color-secondary) !important;
}

/* Links de texto em contexto primário (cor de destaque) */
.text-primary {
  color: var(--color-primary);
}

/* Texto de destaque laranja (subtítulos de seção, labels) */
.text-secondary {
  color: var(--color-secondary);
}

/* Garante que subtítulos de seção (geralmente text-primary) sejam legíveis */
/* text-primary sobre fundo branco: gunmetal #2D3540 = 13.3:1 ✅ */
/* text-secondary sobre fundo branco: laranja #F2B705 = 2.8:1 ❌ — evitar em texto pequeno */

/* Subtítulos de seção (ex: "QUEM SOMOS", "NOSSOS PRODUTOS"):
   Estes são geralmente em text-primary. Se algum subtítulo usar text-secondary,
   garantimos que sejam uppercase + font-weight elevado para compensar */
p.text-primary.text-base-sm,
p.text-base-sm.text-primary {
  font-weight: 600;
  letter-spacing: 0.05em;
  color: var(--color-primary);
}

/* Hero: imagem escura + texto gunmetal precisam de um scrim claro consistente */
.home-hero {
  background-image: var(--hero-bg-image);
  background-size: cover;
  background-position: 58% center;
  background-repeat: no-repeat;
}

.home-hero__overlay {
  width: 100%;
  background:
    linear-gradient(
      to bottom,
      rgba(242, 219, 174, 0.9) 0%,
      rgba(242, 219, 174, 0.84) 48%,
      rgba(242, 219, 174, 0.94) 100%
    );
}

@media (min-width: 1024px) {
  .home-hero {
    background-position: center;
  }

  .home-hero__overlay {
    width: 82%;
    background:
      linear-gradient(
        to right,
        #F2DBAE 0%,
        rgba(242, 219, 174, 0.94) 42%,
        rgba(242, 219, 174, 0.7) 68%,
        transparent 100%
      );
  }
}

/* Notification bar: fundo gunmetal, texto branco — contraste 13.3:1 ✅ */
/* (já usa bg-primary por padrão — correto com nova paleta) */

/* Footer: fundo gunmetal (bg-text), texto branco/60 — correto ✅ */

/* Formulário: foco com borda laranja */
.form-input:focus {
  border-color: var(--color-secondary) !important;
  box-shadow: 0 0 0 3px rgba(242, 183, 5, 0.15) !important;
}

.contact-form .form-label {
  margin-bottom: 0.45rem;
  font-size: 0.95rem;
}

.contact-form .form-input {
  border-radius: 0.6rem;
  padding: 0.75rem 1rem;
}

.contact-form textarea.form-input {
  min-height: 150px;
  resize: vertical;
}

/* Seção CTA: fundo gunmetal (bg-primary), botão secundário laranja sobre gunmetal
   laranja #F2B705 sobre gunmetal #2D3540 = 4.7:1 ✅ */