/* 1. Estado inicial e controle de transição */
#hide-header {
   transition: all 0.4s ease !important;
   background-color: transparent;
}

/* 2. Estado após a rolagem (Sticky ativado pelo Elementor) */
#hide-header.elementor-sticky--effects {
   background-color: rgba(0, 0, 0, 0.9) !important;
}

/* 3. Correção de layout no redimensionamento para Desktop */
@media (min-width: 1025px) {
   #hide-header {
      display: flex !important;
      width: 100% !important;
      flex-wrap: nowrap !important;
   }

   /* Garante que o menu de navegação dentro do header permaneça visível */
   #hide-header .elementor-nav-menu--main {
      display: flex !important;
   }
}