/* Correção para conflito entre Tailwind e Bootstrap */

/* Garantir que o collapse do Bootstrap funcione corretamente */
.navbar-collapse.collapse {
  visibility: visible !important;
}

.navbar-collapse.collapse.show {
  display: flex !important;
}

.navbar-collapse.collapse:not(.show) {
  display: none !important;
}

/* Garantir que o menu desktop seja visível */
@media (min-width: 992px) {
  .navbar-collapse.collapse {
    display: flex !important;
    visibility: visible !important;
  }
  
  .d-none.d-lg-flex {
    display: flex !important;
  }
  
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto !important;
  }
}

/* Garantir que o toggler funcione em mobile */
@media (max-width: 991.98px) {
  .navbar-collapse.collapse:not(.show) {
    display: none !important;
  }
  
  .navbar-collapse.collapse.show {
    display: block !important;
  }
}

/* Override específico para conflitos do Tailwind */
.collapse:not(.tw-template-container *) {
  visibility: visible !important;
}

/* Garantir que outros elementos collapse do Bootstrap funcionem */
.accordion .collapse,
.card .collapse,
.btn[data-bs-toggle="collapse"] + .collapse {
  visibility: visible !important;
}