/* ===== Avatar caret dot ===== */
  .avatar-caret{
    position:absolute; right:-2px; bottom:-2px; width:16px; height:16px;
    background: var(--bs-body-bg);
    border:1px solid rgba(0,0,0,.12); border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    pointer-events:none; line-height:1; box-shadow:0 0 0 2px var(--bs-body-bg);
    color: var(--bs-secondary-color);
  }
  [data-bs-theme="dark"] .avatar-caret{ border-color:rgba(255,255,255,.15); }

  /* ===== Navbar layering ===== */
  .navbar .navbar-collapse { z-index: 1; }
  .navbar .navbar-toggler,
  .navbar .dropdown,
  .navbar .nav-action,
  .navbar .nav-icon { position: relative; z-index: 2; }
  .nav-icon{ width:36px; height:32px; display:inline-flex; align-items:center; justify-content:center; }

  /* ===== Center area (search + chips) ===== */
  .nav-center{
    display:flex;
    align-items:center;
    gap:.75rem;
    width:100%;
    min-width:0;                 /* allow children to shrink correctly */
  }

  /* Search: flexible and shrinkable */
  .nav-search{
    flex:1 1 auto;               /* fills remaining space but may shrink */
    min-width:0;                 /* ✅ critical: prevents overlap */
    margin:0 .75rem 0 1rem;
  }
  .nav-search .input-group{ width:100%; }
  .nav-search .form-control{ min-width:0; }

  /* Nav buttons (chips): one row, right aligned */
  .nav-chips{
    display:flex;
    flex-wrap:nowrap;            /* ✅ keep single row */
    justify-content:flex-end;
    gap:.5rem;
    overflow-x:auto;
    scrollbar-width:thin;
    flex:0 0 auto;
    margin-left:auto;
    margin-right:0.5rem;         /* ✅ small space before avatar */
  }
  .nav-chips .btn{
    white-space:nowrap;
    font-weight:500;
  }

  /* Add space before avatar dropdown */
  .navbar .dropdown {
    margin-left: 0.5rem;         /* ✅ creates visual gap between buttons & avatar */
  }

  /* ===== Mobile ===== */
  @media (max-width: 991.98px){
    #navMain{ text-align:center; padding-bottom:.75rem; }
    .nav-center{ flex-direction:column; }
    .nav-search{
      width:100%;
      max-width:95%;
      margin:0 auto .75rem;
      flex:1 1 auto;
    }
    .nav-chips{
      justify-content:center;
      flex-wrap:wrap;
      overflow-x:visible;
      margin:0 auto .75rem;
    }
  }

  /* ===== Desktop ===== */
  @media (min-width: 992px){
    .nav-search{ max-width:none; }
    .nav-chips{ justify-content:flex-end; }
  }
  
  
/* make sure clicks reach the avatar and menu renders on top */
.nav-chips { position: relative; z-index: 1; }
.navbar .dropdown { position: relative; z-index: 3; }
.dropdown-menu { z-index: 1080; } /* above nav content */

.glass{
    /*background:rgba(255,255,255,.75);*/
    /*background:rgba(10,29,55,.75); good*/
    
    /*background:rgba(10,29,55,.95);*/
     /*rgba(10,29,55,.95)*/
    background: var(--frontend-dark-blue-bg-transparent); /*rgba(10,29,55,.95)*/
    box-shadow: 0 2px 6px rgba(0,0,0,0.15);

}  
 

/* force white hamburger on dark header */
.navbar .navbar-toggler { border-color: rgba(255,255,255,.3); }
.navbar .navbar-toggler-icon{
  background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.btn-outline-light {
  color: rgba(255,255,255,.9);
  border-color: rgba(255,255,255,.5);
}
.btn-outline-light:hover {
  background-color: rgba(255,255,255,.15);
  color: #fff;
  border-color: rgba(255,255,255,.75);
}

/* Dark */
/* only the dropdown inside the .glass navbar gets the dark style */
.glass .dropdown-menu{
  background: var(--frontend-dark-blue-bg-transparent);
  color: rgba(255,255,255,.9);
  border: 1px solid rgba(255,255,255,.1);
  box-shadow: 0 6px 18px rgba(0,0,0,.35);
}
.glass .dropdown-menu .dropdown-item{ color: rgba(255,255,255,.9); }
.glass .dropdown-menu .dropdown-item:hover{ background: rgba(255,255,255,.12); color:#fff; }
.glass .dropdown-divider{ border-top:1px solid rgba(255,255,255,.15); }