/* Glass/Nav Core Styles */
.glass-nav {
  background: rgba(255, 255, 255, 0.80);
  backdrop-filter: blur(12px);
  border-radius: 12px; /* I made this a little smaller, looks better */
  box-shadow: 0 4px 24px rgba(44,62,80,0.14);
  transition: background .3s;
  
  /* --- KEY FIX: ADD PADDING --- */
  padding: 15px; 
  /* This adds 8px of space on all sides inside the box */
}
.main_header {
  margin-top: 16px;
  /* We also need to re-add z-index and position here */
  position: relative;
  z-index: 1040;
}

}
.navbar-nav .nav-link {
  font-size: 1.08rem;
  font-weight: 500;
  padding: 8px 20px;
  border-radius: 8px;
  margin: 0 6px;
  color: #2081c3;
  transition: background .2s, color .2s;
}
.navbar-nav .nav-link.active,
.navbar-nav .nav-link:hover {
  
  color: #7b1fa2;
  
}
.dropdown-menu {
    position: absolute;
  border-radius: 16px;
  box-shadow: 0 8px 32px rgba(30,40,60,0.09);
  background: rgba(255,255,255,0.9);
  animation: fadeInNav .23s;
  z-index: 1050 !important;
}
.main_header, .navbar {
  position: relative;
  z-index: 1040;
  height: 100px;
}


@keyframes fadeInNav { from{opacity:0;transform:translateY(10px);} to{opacity:1;transform:none;} }
.dropdown-item {
  color: #4179c2;
  font-weight: 500;
  transition: background .2s, color .2s;
  border-radius: 7px;
  margin-bottom:2px;
}
.dropdown-item:hover,
.dropdown-item.active {
  background: #f6f9fc;
  color: #e08a0e;
}

/* Floating Action Buttons (FABs) */
.fab-btn {
  position: fixed;
  right: 21px;
  width: 56px; height: 56px;
  display: flex; align-items: center; justify-content: center;
  border-radius: 50%;
  z-index: 1200;
  cursor: pointer;
  box-shadow: 0 6px 32px rgba(50,130,180,.15);
  background: linear-gradient(135deg, #25d366 40%, #128c7e 100%);
  transition: box-shadow .2s;
}

.whatsapp-fab { bottom: 30px; background: linear-gradient(135deg, #25d366 60%, #1bd991 100%);}
.message-fab  { bottom: 100px; background: linear-gradient(135deg, #e25873 60%, #f97c7c 100%);}
.fab-btn:hover { box-shadow: 0 16px 48px rgba(36,36,36,0.18); }

/* Responsive navbar shadow and padding */
@media (max-width:600px){
  .glass-nav { border-radius: 10px; }
  .navbar-nav .nav-link { padding: 8px 8px; }
}
/* Further responsive tweaks as needed */
/* Main mobile nav container */
@media (max-width: 600px) {
  .glass-nav {
    border-radius: 8px;
    margin: 4px 2px;
    padding: 4px 0;
    box-shadow: 0 2px 8px rgba(44,62,80,0.09);
  }
  .navbar-brand .header_logo {
   

  }
  .navbar-nav {
    flex-direction: column;
    margin-top: 16px;
    width: 100%;
    align-items: flex-start;
  }
  .navbar-nav .nav-link {
    padding: 12px 16px;
    margin: 0;
    width: 100%;
    border-radius: 6px;
    font-size: 1rem;
  }
  .dropdown-menu {
    position: static !important;
    margin-bottom: 8px;
    width: 97vw;
    border-radius: 10px;
    box-shadow: 0 2px 16px rgba(30,40,60,0.07);
    font-size: 0.99rem;
  }
  .fab-btn {
    width:44px; height:44px;
    right: 10px;
    z-index:1001;
    bottom: 60px;
  }
  .whatsapp-fab { bottom: 16px; }
  .message-fab { bottom: 68px; }
}