/* FINAL CyberSentinel Navbar Stabilizer */

.cs-final-navbar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  min-height: 92px !important;
  padding-left: clamp(20px, 3vw, 48px) !important;
  padding-right: clamp(20px, 3vw, 48px) !important;
  overflow: visible !important;
}

.cs-final-navbar .nav-links,
.cs-final-navbar .main-nav,
.cs-final-navbar .cs-nav-links,
.cs-final-navbar .price-links {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: clamp(10px, 1.45vw, 24px) !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  flex-wrap: nowrap !important;
}

.cs-final-navbar .nav-links a,
.cs-final-navbar .main-nav a,
.cs-final-navbar .cs-nav-links a,
.cs-final-navbar .price-links a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 46px !important;
  padding: 10px 14px !important;
  border-radius: 16px !important;
  color: #e5edf7 !important;
  text-decoration: none !important;
  font-weight: 900 !important;
  font-size: clamp(13px, 0.95vw, 16px) !important;
  line-height: 1.05 !important;
  white-space: nowrap !important;
}

.cs-final-navbar .nav-links a:hover,
.cs-final-navbar .main-nav a:hover,
.cs-final-navbar .cs-nav-links a:hover,
.cs-final-navbar .price-links a:hover {
  background: rgba(255, 255, 255, 0.08) !important;
}

.cs-final-active {
  background: #ffcc2f !important;
  color: #061426 !important;
  box-shadow: 0 14px 32px rgba(255, 204, 47, 0.26) !important;
}

.cs-final-navbar-actions {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  flex: 0 0 auto !important;
  white-space: nowrap !important;
  min-width: fit-content !important;
  z-index: 20 !important;
}

.cs-final-pill {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 44px !important;
  padding: 11px 16px !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  text-decoration: none !important;
  font-weight: 1000 !important;
  font-size: 14px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
}

.cs-final-open {
  background: rgba(6, 18, 38, 0.96) !important;
  border-color: rgba(56, 189, 248, 0.38) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.24) !important;
}

.cs-final-login,
.cs-final-account {
  background: rgba(255,255,255,0.10) !important;
}

.cs-final-try {
  background: linear-gradient(135deg, #ff5a2f, #ef4444) !important;
  border-color: transparent !important;
  box-shadow: 0 14px 32px rgba(255, 90, 47, 0.28) !important;
}

.open-sentinel-ai,
.sentinel-open-btn,
.floating-chat-button,
.sentinel-float,
#openSentinelAI,
#sentinelOpenBtn,
#openSentinelBtn,
.cyber-home-auth-actions,
.global-sentinel-pill,
.cyber-clean-sentinel-pill,
.cs-open-sentinel-pill,
.cs-global-clean-actions {
  display: none !important;
}

@media (max-width: 1180px) {
  .cs-final-navbar {
    flex-wrap: wrap !important;
    min-height: auto !important;
  }

  .cs-final-navbar .nav-links,
  .cs-final-navbar .main-nav,
  .cs-final-navbar .cs-nav-links,
  .cs-final-navbar .price-links {
    order: 3 !important;
    width: 100% !important;
    justify-content: flex-start !important;
    overflow-x: auto !important;
    padding-bottom: 6px !important;
  }

  .cs-final-navbar-actions {
    margin-left: auto !important;
  }
}

@media (max-width: 720px) {
  .cs-final-navbar-actions {
    width: 100% !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
  }
}