/* Nav and dropdown styles shared across templates */
.dropdown { position: relative; }
.dropdown-toggle::after { display: contents; }
.dropdown-toggle {
  background: transparent;
  border: none;
  font-size: 13px;
  color: var(--text-muted);
  cursor: pointer;
  padding: 4px 0;
}
.dropdown-toggle:hover { color: var(--text-main); }
.dropdown-menu {
  position: absolute;
  top: 24px;
  left: 0;
  background: #ffffff;
  border: 1px solid var(--border-subtle);
  border-radius: 8px;
  box-shadow: 0 8px 25px rgba(0,0,0,0.08);
  display: none;
  min-width: 110px;
  z-index: 30;
}
.dropdown-menu a { display: block; padding: 9px 14px; font-size: 13px; color: var(--text-main); white-space: nowrap; }
.dropdown-menu a:hover { background: #f5f5f5; }
.dropdown:hover .dropdown-menu { display: block; }

.navbar { position: sticky; top: 0; z-index: 20; background: rgba(255,255,255,0.97); backdrop-filter: blur(16px); border-bottom: 1px solid var(--border-subtle); padding: 0; }
.nav-inner { height: 50px; display: flex; align-items: center; justify-content: space-between; padding: 0px 30px; }
.logo { display: flex; align-items: center; gap: 10px; font-weight: 600; font-size: 17px; letter-spacing: 0.04em; text-transform: uppercase; margin-top: 9px; margin-left: 55px; }
.logo img { height: 35px; }
.logo-mark { width: 26px; height: 26px; border-radius: 4px; border: 1px solid var(--text-main); display: flex; align-items: center; justify-content: center; font-size: 11px; }
.nav-links 
{ 
  display: flex ; 
  align-items: center; 
  gap: 18px; 
  font-size: 13px; 
  color: var(--text-muted); 
  padding-right: 45px; 
}
.nav-links .dropdown-menu a 
{ 
  padding-block: 4px; 
  position: relative; 
  color: #6b7280; 
  margin-bottom: 3px; 
  font-weight: 400; 
}
.nav-links .dropdown-menu a:hover::after { 
  content: ""; 
  position: absolute; 
  left: 0; 
  bottom: -4px; 
  width: 100%; 
  height: 1px; 
  background: var(--text-main); 
}
.nav-cta { padding: 8px 14px; border-radius: 999px; border: 1px solid var(--text-main); font-size: 12px; background: var(--text-main); color: #f9fafb; cursor: pointer; text-decoration: none !important; }
.nav-cta:hover{ color: #fff; }

.tours-dropdown a{
  padding: 5px 5px;
}
.tours-menu{
  min-width: 90px;
}

@media (max-width:700px){
  .logo{ margin-left:-53px; }
  .nav-links{ display:none; }
  .mobile-header{ display:block; position: sticky; top:0; z-index:999; }
}