/* ==========================================================================
   HOROH v1.8.4 | Header Sticky Chapado
   --------------------------------------------------------------------------
   Regra de organização:
   - O Elementor Theme Builder controla o visual normal do header.
   - O tema controla apenas o estado sticky ao rolar.
   - Fundo sticky padrão: #002816.
   ========================================================================== */

#HorohHeader.elementor-sticky--effects {
  background-color: #002816 !important;
  background-image: none !important;
  opacity: 1 !important;
  transition:
    background-color 0.28s ease,
    background-image 0.28s ease,
    box-shadow 0.28s ease,
    border-color 0.28s ease;
}

/* Quando o fundo vier de sobreposição do Elementor */
#HorohHeader.elementor-sticky--effects::before,
#HorohHeader.elementor-sticky--effects .elementor-background-overlay {
  background: #002816 !important;
  background-image: none !important;
  opacity: 1 !important;
}

/* Mantém o conteúdo interno sem criar outra camada de fundo */
#HorohHeader.elementor-sticky--effects > .elementor-container,
#HorohHeader.elementor-sticky--effects > .elementor-element,
#HorohHeader.elementor-sticky--effects > .e-con-inner {
  background-color: transparent !important;
  background-image: none !important;
}

/* Acabamento do header após scroll */
#HorohHeader.elementor-sticky--effects {
  border-bottom: 1px solid rgba(212, 176, 106, 0.18) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.14) !important;
}