/* Shared site navbar — same font, size, colors & hover on every page */
:root {
  --nav-h: 78px;
}

.navbar__inner {
  min-height: var(--nav-h);
}

.logo__img {
  width: 68px !important;
  height: 68px !important;
}

.logo__text strong {
  font-family: var(--display, Outfit, Manrope, system-ui, sans-serif);
  font-size: 1.75rem !important;
  font-weight: 800;
  letter-spacing: 0.06em;
  color: var(--navy, #0b2a4a);
}

.logo__text > span {
  font-family: var(--display, Outfit, Manrope, system-ui, sans-serif);
  font-size: 0.88rem !important;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--navy, #0b2a4a);
}

.logo__tm {
  font-size: 0.55em !important;
  font-weight: 800;
}

.top-bar {
  font-size: 0.82rem !important;
  background: var(--navy, #0b2a4a) !important;
}

.top-bar a:hover,
.top-bar__contacts a:hover,
.top-bar__social a:hover {
  color: #9fe0bc !important;
}

.nav__link {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.35rem !important;
  font-family: var(--display, Outfit, Manrope, system-ui, sans-serif) !important;
  font-size: 0.78rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  padding: 0.55rem 0.65rem !important;
  color: var(--navy, #0b2a4a) !important;
  line-height: 1.2 !important;
  transition: color 0.25s ease !important;
}

/* Touch / hover underline animation */
.nav__link::after {
  content: "" !important;
  position: absolute !important;
  bottom: 2px !important;
  left: 50% !important;
  right: auto !important;
  width: 0 !important;
  height: 2px !important;
  background: var(--green, #1a7a4c) !important;
  border-radius: 2px !important;
  transition: width 0.3s ease, left 0.3s ease !important;
  display: block !important;
}

.nav__link:hover::after,
.nav__link.active::after,
.nav__dropdown:hover > .nav__trigger::after,
.nav__dropdown.open > .nav__trigger::after {
  width: 70% !important;
  left: 15% !important;
}

.nav__link i {
  font-size: 0.65rem !important;
  transition: transform 0.25s ease;
}

.nav__link:hover,
.nav__link.active,
.nav__dropdown:hover > .nav__trigger,
.nav__dropdown.open > .nav__trigger {
  color: var(--green, #1a7a4c) !important;
}

.nav__dropdown:hover > .nav__trigger i,
.nav__dropdown.open > .nav__trigger i {
  transform: rotate(180deg);
}

/* Dropdown menu — home green hover on all pages */
.nav__dropdown-menu a {
  color: var(--ink, #1a2332) !important;
}

.nav__dropdown-menu a:hover,
.nav__dropdown-menu a.is-active {
  background: var(--green-soft, #e8f5ee) !important;
  color: var(--green, #1a7a4c) !important;
}

.btn--nav {
  font-family: var(--display, Outfit, Manrope, system-ui, sans-serif) !important;
  font-size: 0.8rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  text-transform: uppercase !important;
  padding: 0.7rem 1.15rem !important;
  background: var(--green, #1a7a4c) !important;
  color: var(--white, #fff) !important;
}

.btn--nav:hover {
  background: var(--green-dark, #14603c) !important;
}

.btn--nav::after {
  display: none !important;
}

@media (max-width: 900px) {
  .nav__link::after,
  .nav__link:hover::after,
  .nav__link.active::after,
  .nav__dropdown:hover > .nav__trigger::after,
  .nav__dropdown.open > .nav__trigger::after {
    display: none !important;
  }
}