/* NOON Navigation/Button Audit */

.noon-nav-action,
.noon-btn-row > a,
.noon-btn-row > button,
.noon-standard-nav > a,
.noon-standard-nav > button,
.staff-footer-nav > a,
.staff-footer-nav > button,
.mgmt-top > a,
.mgmt-nav > a {
  border-radius: 15px !important;
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  text-align: center;
  font-weight: 1000;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}

.noon-nav-action-primary {
  background: linear-gradient(135deg, #facc15, #f59e0b) !important;
  color: #111827 !important;
  border: 1px solid rgba(250,204,21,.32) !important;
  box-shadow: 0 10px 22px rgba(250,204,21,.12);
}

.noon-nav-action-secondary {
  background: rgba(255,255,255,.075) !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.13) !important;
}

body.light-theme .noon-nav-action-secondary,
body.day-theme .noon-nav-action-secondary,
body.noon-home-body:not(.dark-theme) .noon-nav-action-secondary {
  color: #111827 !important;
  background: rgba(15,23,42,.06) !important;
  border-color: rgba(15,23,42,.14) !important;
}

.noon-nav-action:hover,
.noon-btn-row > a:hover,
.noon-standard-nav > a:hover,
.staff-footer-nav > a:hover,
.mgmt-top > a:hover {
  transform: translateY(-1px);
  filter: brightness(1.05);
}

.noon-nav-warning {
  border-color: rgba(239,68,68,.34) !important;
  background: rgba(239,68,68,.10) !important;
}

.noon-nav-home {
  border-color: rgba(250,204,21,.38) !important;
}

.noon-nav-team {
  border-color: rgba(59,130,246,.30) !important;
}

.noon-nav-management {
  border-color: rgba(250,204,21,.45) !important;
}

.noon-nav-hotspot {
  border-color: rgba(34,197,94,.30) !important;
}

@media(max-width:720px){
  .noon-nav-action,
  .noon-btn-row > a,
  .noon-btn-row > button,
  .noon-standard-nav > a,
  .noon-standard-nav > button,
  .staff-footer-nav > a,
  .staff-footer-nav > button,
  .mgmt-top > a,
  .mgmt-nav > a {
    width: 100%;
    min-height: 44px;
  }

  .mgmt-top,
  .mgmt-nav,
  .staff-footer-nav,
  .noon-standard-nav,
  .noon-btn-row {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }
}

/* Hide duplicate nav containers created by navigation audit */
[data-noon-duplicate-hidden="1"] {
  display: none !important;
}

[data-noon-duplicate-container="1"] {
  display: none !important;
}
