@charset "utf-8";

/* One authoritative public header layout - 2026-07-26 */
html {
  scroll-padding-top: 5.5rem;
}

body {
  padding-top: 0 !important;
}

.navbar.fixed-top {
  position: sticky !important;
  top: 0 !important;
  right: auto !important;
  left: auto !important;
  width: 100%;
  z-index: 1030;
}

.slider-bg-theme {
  margin-top: 0 !important;
}

/* WorkDirect mobile navigation refinement - 2026-07-27 */
@media (max-width: 991.98px) {
  .navbar.navbar-expand-lg .navbar-collapse {
    position: absolute !important;
    top: calc(100% + 8px) !important;
    right: 14px !important;
    left: auto !important;
    width: min(360px, calc(100% - 28px)) !important;
    max-height: calc(100vh - 96px);
    padding: 12px;
    overflow-x: hidden;
    overflow-y: auto;
    background:
      linear-gradient(155deg, rgba(17, 37, 73, .98), rgba(9, 25, 53, .98)) !important;
    border: 1px solid rgba(139, 176, 255, .22);
    border-radius: 18px;
    box-shadow:
      0 22px 55px rgba(2, 10, 28, .42),
      inset 0 1px 0 rgba(255, 255, 255, .08);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
  }

  .navbar.navbar-expand-lg .navbar-nav {
    align-items: stretch !important;
    gap: 5px;
    width: 100%;
    padding: 0;
  }

  .navbar.navbar-expand-lg .navbar-nav > .nav-item {
    width: 100%;
  }

  .navbar.navbar-expand-lg .navbar-nav > .nav-item > .nav-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 46px;
    padding: 11px 14px !important;
    color: #eaf2ff !important;
    font-size: 15px;
    font-weight: 650;
    line-height: 1.3;
    text-decoration: none !important;
    opacity: 1;
    border: 1px solid transparent;
    border-radius: 12px;
    transition:
      color .18s ease,
      background-color .18s ease,
      border-color .18s ease,
      transform .18s ease;
  }

  .navbar.navbar-expand-lg .navbar-nav > .nav-item > .nav-link:hover,
  .navbar.navbar-expand-lg .navbar-nav > .nav-item > .nav-link:focus,
  .navbar.navbar-expand-lg .navbar-nav > .nav-item.show > .nav-link {
    color: #ffffff !important;
    background: rgba(73, 121, 238, .17);
    border-color: rgba(130, 169, 255, .24);
    text-decoration: none !important;
  }

  .navbar.navbar-expand-lg .navbar-nav > .nav-item > .nav-link.active,
  .navbar.navbar-expand-lg .navbar-nav > .nav-item.active > .nav-link,
  .navbar.navbar-expand-lg .navbar-nav .dropdown-item.active,
  .navbar.navbar-expand-lg .navbar-nav .dropdown-item:active {
    color: #ffffff !important;
    background: linear-gradient(135deg, #3979f2, #2456d7) !important;
    border-color: rgba(150, 185, 255, .5);
    box-shadow: 0 9px 20px rgba(30, 80, 210, .3);
  }

  .navbar.navbar-expand-lg .nav-link i[class*="chevron"] {
    transition: transform .18s ease;
  }

  .navbar.navbar-expand-lg .nav-item.show > .nav-link i[class*="chevron"] {
    transform: rotate(180deg);
  }

  .navbar.navbar-expand-lg .navbar-nav .dropdown-menu {
    position: static !important;
    float: none;
    width: 100%;
    min-width: 0;
    margin: 4px 0 8px !important;
    padding: 6px !important;
    background: rgba(4, 15, 36, .58) !important;
    border: 1px solid rgba(122, 160, 241, .16) !important;
    border-radius: 13px !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035) !important;
  }

  .navbar.navbar-expand-lg .navbar-nav .dropdown-item {
    position: relative;
    padding: 10px 12px 10px 32px !important;
    color: #c9d7ef !important;
    font-size: 14px;
    font-weight: 550;
    line-height: 1.35;
    white-space: normal;
    border: 1px solid transparent;
    border-radius: 10px;
    transition:
      color .18s ease,
      background-color .18s ease,
      border-color .18s ease,
      transform .18s ease;
  }

  .navbar.navbar-expand-lg .navbar-nav .dropdown-item::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 15px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: rgba(139, 170, 232, .55);
    transform: translateY(-50%);
    transition: background-color .18s ease, box-shadow .18s ease;
  }

  .navbar.navbar-expand-lg .navbar-nav .dropdown-item:hover,
  .navbar.navbar-expand-lg .navbar-nav .dropdown-item:focus {
    color: #ffffff !important;
    background: rgba(69, 116, 229, .18) !important;
    border-color: rgba(126, 163, 244, .18);
    text-decoration: none;
    transform: translateX(2px);
  }

  .navbar.navbar-expand-lg .navbar-nav .dropdown-item:hover::before,
  .navbar.navbar-expand-lg .navbar-nav .dropdown-item:focus::before,
  .navbar.navbar-expand-lg .navbar-nav .dropdown-item.active::before {
    background: #84adff;
    box-shadow: 0 0 10px rgba(89, 143, 255, .8);
  }

  .navbar.navbar-expand-lg #navbarLanguageDropdown {
    margin-top: 5px;
    border-top-color: rgba(135, 169, 239, .16);
  }

  .navbar.navbar-expand-lg #navbarLanguageDropdown img {
    filter: drop-shadow(0 4px 8px rgba(0, 0, 0, .24));
  }

  .navbar.navbar-expand-lg .navbar-collapse::-webkit-scrollbar {
    width: 6px;
  }

  .navbar.navbar-expand-lg .navbar-collapse::-webkit-scrollbar-thumb {
    background: rgba(119, 157, 236, .34);
    border-radius: 999px;
  }
}