/* ==========================================================================
   REMOÇÃO DE BORDAS E FOCO DO HAMBÚRGUER
   ========================================================================== */

.clean-toggler,
.clean-toggler:hover,
.clean-toggler:focus,
.clean-toggler:active,
.clean-toggler:focus-visible {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background-color: transparent !important;
  padding: 0 !important;
}

/* ==========================================================================
   DESKTOP (A partir de 992px)
   ========================================================================== */

@media (min-width: 992px) {
  .my-navbar-container {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
  }

  .my-collapse {
    display: flex !important;
    flex-grow: 1 !important;
    align-items: center !important;
  }
}

/* ==========================================================================
   MOBILE (Abaixo de 992px)
   ========================================================================== */

@media (max-width: 991.98px) {

  .my-navbar-container {
    position: relative !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    min-height: 40px;
  }

  /* Centraliza a logo no meio no mobile */
  .my-brand {
    margin: 0 auto !important;
  }

  /* Fixa o hambúrguer no topo direito, preso na barra superior */
  .clean-toggler {
    position: absolute !important;
    right: 12px !important;
    top: 0 !important;
  }

  /* Linhas divisórias entre os links */
  .custom-nav-list .nav-item {
    border-bottom: 1px solid #e9ecef;
  }

  .custom-nav-list .nav-item:last-child {
    border-bottom: none;
  }

  .my-collapse {
    width: 100% !important;
    margin-top: 15px;
  }

  /* Força a remoção de qualquer borda/contorno no botão hambúrguer */
  button.navbar-toggler,
  button.navbar-toggler:hover,
  button.navbar-toggler:focus,
  button.navbar-toggler:active,
  button.navbar-toggler:focus-visible {
    border: 0 !important;
    border-width: 0 !important;
    border-color: transparent !important;
    outline: 0 !important;
    box-shadow: none !important;
    background-color: transparent !important;
  }

    /* Força a remoção total da borda */
  button.navbar-toggler {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
  }

  .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='212529'%3e%3cpath d='M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8 2.146 2.854Z'/%3e%3c/svg%3e") !important;
  }
}