/*
 * uitmodern-overrides.css
 * Critical global overrides — loaded AFTER uitmodern.min.css
 * These rules are intentionally outside any media query to apply on ALL screen sizes.
 */

/* ── Skip to content: ALWAYS hidden from visual display ────────────── */
.cmp_skip_to_content {
  position: fixed !important;
  top: -200px !important;
  left: 0 !important;
  width: 100% !important;
  height: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  z-index: 99999 !important;
  transition: top 0.1s ease, opacity 0.1s ease !important;
}
.cmp_skip_to_content a {
  display: block !important;
  background: #064e3b !important;
  color: #ffffff !important;
  padding: 14px 20px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em !important;
  text-decoration: none !important;
  text-align: center !important;
}
/* Reveal ONLY when a link inside is focused via keyboard Tab */
.cmp_skip_to_content:focus-within {
  top: 0 !important;
  height: auto !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}
.cmp_skip_to_content a:focus {
  outline: 3px solid #4ade80 !important;
  outline-offset: 2px !important;
}

/* ── Sticky navbar on all screens (not just lg) ─────────────────────── */
.uit-navbar {
  position: sticky !important;
  top: 0 !important;
  z-index: 1000 !important;
  border-top: 4px solid #4ade80 !important;
}

/* ── Campus green accent overrides ────────────────────────────────────── */
.uit-navbar {
  border-top: 4px solid #4ade80 !important;
}
.bg-emerald-600 {
  background-color: #059669 !important;
}
.bg-emerald-600:hover {
  background-color: #22c55e !important;
}
.text-emerald-600:hover,
.hover\:text-emerald-600:hover,
.hover\:text-emerald-700:hover,
.cmp_breadcrumbs a:hover {
  color: #22c55e !important;
}
.text-emerald-300 {
  color: #4ade80 !important;
}

/* ── User nav dropdown positioning ────────────────────────────────────── */
#navigationUser > li {
  position: relative !important;
}