/* ===============================
   NAVBAR
================================= */

.navbar-brand img{
  filter: brightness(0) invert(1);
}

.navbar-jetzet {
  background: linear-gradient(90deg, #0b1c2d 0%, #132b4d 100%);
  padding: 18px 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  border-bottom: none !important;
}

.navbar-toggler {
  border: none;
}

.navbar-toggler:focus {
  box-shadow: none;
}
.navbar-toggler-icon{
  filter: invert(1);
}
/* Menu Links */

.jet-link {
  color: rgba(255,255,255,0.85);
  font-weight: 500;
  margin: 0 14px;
  transition: 0.3s ease;
}

.jet-link:hover {
  color: #1ba7a7;
}
/* ===============================
   ACTIVE NAV LINK
================================= */

.jet-link.active{
  color:#1ba7a7 !important;
  font-weight:600;
  position:relative;
}

.jet-link.active::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-6px;
  width:100%;
  height:2px;
  background:#1ba7a7;
}

.navbar-nav {
  align-items: center;
}

/* CTA Button */

.btn-jetzet {
  background: #1ba7a7;
  color: white;
  padding: 10px 26px;
  border-radius: 50px;
  font-weight: 600;
  border: none;
  transition: 0.3s ease;
}

.btn-jetzet:hover {
  background: #159393;
}


/* ===============================
   TABLET NAVBAR (768px–991px)
================================= */

@media (min-width:768px) and (max-width:991px){

  .navbar-jetzet{
    padding:12px 0;
  }

  /* remove extra spacing */
  .navbar-nav{
    gap:2px;
  }

  .jet-link{
    margin:0 4px;
    font-size:13px;
  }

  /* remove bootstrap margin from button */
  .navbar-nav .nav-item.ms-4{
    margin-left:6px !important;
  }

  .btn-jetzet{
    padding:6px 12px;
    font-size:13px;
  }
 

}


/* ===============================
   MOBILE NAVBAR (<768px)
================================= */

@media (max-width:767px){


  
  .navbar-collapse{
    background: linear-gradient(90deg,#0b1c2d,#132b4d);
    margin-top:12px;
    border-radius:12px;
    padding:20px 25px;

    border-bottom:1px solid rgba(255,255,255,0.08);

    /* bottom shadow only */
    box-shadow: 0 18px 20px -12px rgba(0,0,0,0.55);
  }

  .navbar-nav{
    align-items:flex-start;
    width:100%;
  }

  .navbar-nav .nav-item{
    width:100%;
    margin:6px 0;   /* reduced spacing */
  }

  .jet-link{
    font-size:16px; /* smaller text */
    display:block;
    width:100%;
    margin:0;
    padding:6px 0;  /* reduced padding */
  }

  .btn-jetzet{
    width:100%;
    margin-top:12px;
    text-align:center;
    padding:10px;
    font-size:16px;
  }

}