@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500&display=swap');

/* ─── Nav Bar ─── */

nav {
  height: 52px !important;
  line-height: 52px !important;
  background-color: rgba(20, 26, 28, 0.97) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06) !important;
  position: sticky;
  top: 0;
  z-index: 999;
  width: 100%;
  max-width: 100%;
}

.nav-wrapper {
  background-color: transparent !important;
  max-width: 100%;
  overflow: visible;
}

/* Brand / Logo */
nav .brand-logo {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 300 !important;
  font-size: 14px !important;
  letter-spacing: 3px !important;
  color: rgba(255, 255, 255, 0.5) !important;
  padding-left: 20px;
  line-height: 52px;
}

/* Desktop links */
.nav-links li a {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  letter-spacing: 1.8px !important;
  text-transform: uppercase !important;
  color: rgba(195, 208, 215, 0.65) !important;
  padding: 0 14px !important;
  line-height: 52px !important;
  transition: color 0.2s ease;
}

.nav-links li a:hover {
  color: rgba(230, 238, 242, 0.95) !important;
  background-color: transparent !important;
}

/* Contact button in nav */
.nav-links li a.nav-contact {
  border: 1px solid rgba(139, 34, 34, 0.45);
  border-radius: 2px;
  color: rgba(215, 150, 150, 0.75) !important;
  padding: 5px 14px !important;
  line-height: 1 !important;
  margin-top: 14px;
  display: inline-block;
}

.nav-links li a.nav-contact:hover {
  background-color: rgba(139, 34, 34, 0.12) !important;
  border-color: rgba(139, 34, 34, 0.75);
  color: rgba(228, 168, 168, 0.95) !important;
}

/* Hamburger icon */
.sidenav-trigger i.material-icons {
  color: rgba(195, 208, 215, 0.6);
  line-height: 52px;
  font-size: 22px;
}

/* ─── Footer ─── */

footer {
  background: #161c1e;
}

#textFoot {
  background-color: #161c1e;
  color: rgba(255, 255, 255, 0.18);
  text-align: center;
  font-size: 10px;
}