/* Shared enterprise navigation: desktop dropdowns and accessible mobile menu */
.enterprise-header-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-left: auto;
}
.enterprise-header-actions .btn {
  white-space: nowrap;
}
.enterprise-mobile-toggle {
  display: none;
  width: 42px;
  height: 42px;
  padding: 0;
  margin-left: 12px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.04);
  color: #f8fafc;
  cursor: pointer;
}
.enterprise-mobile-toggle span,
.enterprise-mobile-toggle::before,
.enterprise-mobile-toggle::after {
  content: '';
  display: block;
  width: 20px;
  height: 2px;
  margin: 4px auto;
  background: currentColor;
  transition: transform 0.2s ease, opacity 0.2s ease;
}
.enterprise-mobile-toggle[aria-expanded='true'] span { opacity: 0; }
.enterprise-mobile-toggle[aria-expanded='true']::before { transform: translateY(6px) rotate(45deg); }
.enterprise-mobile-toggle[aria-expanded='true']::after { transform: translateY(-6px) rotate(-45deg); }
.enterprise-mobile-menu {
  display: none;
  position: fixed;
  z-index: 999;
  top: 74px;
  left: 0;
  right: 0;
  max-height: calc(100vh - 74px);
  overflow-y: auto;
  padding: 18px 20px 28px;
  background: rgba(6, 9, 19, 0.985);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.42);
}
.enterprise-mobile-menu.open { display: block; }
.enterprise-mobile-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
.enterprise-mobile-menu a {
  display: block;
  padding: 12px 13px;
  border-radius: 7px;
  color: #cbd5e1;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
}
.enterprise-mobile-menu a:hover,
.enterprise-mobile-menu a:focus-visible {
  color: #00e5be;
  background: rgba(0, 229, 190, 0.08);
  outline: none;
}
.enterprise-mobile-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid rgba(255, 255, 255, 0.09);
}
.enterprise-mobile-actions a { text-align: center; }
.enterprise-mobile-actions .primary {
  background: #00e5be;
  color: #07131a;
}
.enterprise-mobile-actions .secondary {
  border: 1px solid rgba(255, 255, 255, 0.16);
  color: #f8fafc;
}
body.enterprise-menu-open { overflow: hidden; }

@media (max-width: 1180px) {
  .nav-links { gap: 17px !important; }
  .nav-link { font-size: 13px !important; }
  .enterprise-header-actions .btn { padding: 9px 13px !important; font-size: 12px !important; }
}

@media (max-width: 980px) {
  .desktop-nav,
  ul.nav-links,
  .enterprise-header-actions { display: none !important; }
  .enterprise-mobile-toggle { display: inline-block; }
  header .container,
  nav .nav-inner,
  nav .container { min-height: 68px; }
}

@media (max-width: 560px) {
  .enterprise-mobile-grid,
  .enterprise-mobile-actions { grid-template-columns: 1fr; }
  .enterprise-mobile-menu { top: 68px; max-height: calc(100vh - 68px); }
}


/* Explicit desktop dropdown model; overrides legacy per-page navigation rules */
ul.nav-links {
  display: flex !important;
  align-items: center;
  gap: 2px !important;
  margin: 0 12px 0 auto !important;
  padding: 0;
  list-style: none;
  white-space: nowrap;
}
ul.nav-links > li.nav-item {
  display: block !important;
  position: relative;
  padding: 10px 0;
  margin: 0;
}
ul.nav-links > li.nav-item > a.nav-link {
  display: block;
  padding: 7px 8px;
  color: #a7b2c7;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  border-radius: 6px;
}
ul.nav-links > li.nav-item > a.nav-link:hover,
ul.nav-links > li.nav-item > a.nav-link:focus-visible {
  color: #f8fafc;
  background: rgba(255,255,255,0.055);
  outline: none;
}
ul.nav-links .dropdown-content {
  display: none !important;
  position: absolute;
  z-index: 1000;
  top: calc(100% - 4px);
  left: 0;
  min-width: 228px;
  padding: 8px;
  border: 1px solid rgba(255,255,255,0.11);
  border-radius: 10px;
  background: #0d111b;
  box-shadow: 0 18px 46px rgba(0,0,0,0.46);
}
ul.nav-links > li.nav-item:hover > .dropdown-content,
ul.nav-links > li.nav-item:focus-within > .dropdown-content {
  display: block !important;
}
ul.nav-links .dropdown-content a {
  display: block;
  padding: 9px 11px;
  border-radius: 6px;
  color: #93a1b8;
  font-size: 12px;
  font-weight: 550;
  line-height: 1.25;
  text-decoration: none;
}
ul.nav-links .dropdown-content a:hover,
ul.nav-links .dropdown-content a:focus-visible {
  color: #f8fafc;
  background: rgba(0,229,190,0.075);
  outline: none;
}

@media (max-width: 1180px) {
  ul.nav-links > li.nav-item > a.nav-link { padding-inline: 6px; font-size: 11px !important; }
}
@media (max-width: 980px) {
  ul.nav-links { display: none !important; }
}


/* Final responsive refinements */
.btn.btn-outline,
a.btn.btn-outline,
.enterprise-evidence-cta {
  color: #f8fafc !important;
  text-decoration: none !important;
}
@media (max-width: 560px) {
  .announcement-bar { display: none !important; }
  .trust-badges-row { gap: 9px !important; }
  .trust-badge { width: auto; max-width: 100%; justify-content: flex-start; }
}


/* Cross-page enterprise CTA styling */
a.btn,
button.btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 10px 20px;
  border-radius: 7px;
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none !important;
  transition: border-color 0.2s ease, background 0.2s ease, color 0.2s ease, transform 0.2s ease;
}
a.btn:hover,
button.btn:hover { transform: translateY(-1px); }
a.btn-primary,
button.btn-primary {
  color: #07131a !important;
  background: linear-gradient(135deg, #00e5be, #00d4ff) !important;
  border: 1px solid transparent !important;
}
a.btn-primary:hover,
button.btn-primary:hover {
  color: #07131a !important;
  filter: brightness(1.06);
}
a.btn-outline,
button.btn-outline {
  color: #f8fafc !important;
  background: rgba(255,255,255,0.045) !important;
  border: 1px solid rgba(255,255,255,0.16) !important;
}
a.btn-outline:hover,
button.btn-outline:hover {
  color: #00e5be !important;
  border-color: rgba(0,229,190,0.55) !important;
  background: rgba(0,229,190,0.07) !important;
}
