/* Nav background theme — synced to section background via JS */

.ptf-navbar {
  transition: background-color 0.25s ease, color 0.25s ease;
}

/* Dark nav (over black/dark sections) */
.ptf-navbar.nav-theme--dark {
  background-color: var(--ptf-color-black) !important;
}

.ptf-navbar.nav-theme--dark .ptf-navbar-logo .white {
  display: inline;
}
.ptf-navbar.nav-theme--dark .ptf-navbar-logo .black {
  display: none;
}
.ptf-navbar.nav-theme--dark .ptf-nav a,
.ptf-navbar.nav-theme--dark .ptf-offcanvas-menu-icon {
  color: var(--ptf-color-white) !important;
}
.ptf-navbar.nav-theme--dark .contact-btn {
  border-color: var(--ptf-color-white);
}

/* Light nav (over white/light sections) */
.ptf-navbar.nav-theme--light {
  background-color: var(--ptf-color-white) !important;
}

.ptf-navbar.nav-theme--light .ptf-navbar-logo .white {
  display: none;
}
.ptf-navbar.nav-theme--light .ptf-navbar-logo .black {
  display: inline;
}
.ptf-navbar.nav-theme--light .ptf-nav a,
.ptf-navbar.nav-theme--light .ptf-offcanvas-menu-icon {
  color: var(--ptf-color-black) !important;
}
.ptf-navbar.nav-theme--light .contact-btn {
  border-color: var(--ptf-color-black);
}
.ptf-navbar.nav-theme--light .contact-btn:hover {
  background-color: var(--ptf-color-black);
  color: var(--ptf-color-white) !important;
}

/* Mustard nav (over the hero's final altitude stop) */
.ptf-navbar.nav-theme--mustard {
  background-color: var(--ptf-accent-1) !important;
}

.ptf-navbar.nav-theme--mustard .ptf-navbar-logo .white {
  display: none;
}
.ptf-navbar.nav-theme--mustard .ptf-navbar-logo .black {
  display: inline;
}
.ptf-navbar.nav-theme--mustard .ptf-nav a,
.ptf-navbar.nav-theme--mustard .ptf-offcanvas-menu-icon {
  color: var(--ptf-color-black) !important;
}
.ptf-navbar.nav-theme--mustard .contact-btn {
  border-color: var(--ptf-color-black);
}
.ptf-navbar.nav-theme--mustard .contact-btn:hover {
  background-color: var(--ptf-color-black);
  color: var(--ptf-accent-1) !important;
}