/* Galla Plaza - 3-link header menu (2026-10-14)
   Desktop: group ABOUT / WHAT'S ON / CONTACT to the left of Search.
   Mobile: keep the existing hamburger menu responsive behavior. */
@media (min-width: 1001px) {
  #home .header .desktop-nav {
    flex: 0 1 auto;
    width: auto;
    max-width: none;
    min-width: 0;
    margin-left: auto;
    justify-content: flex-end;
    align-items: center;
    gap: clamp(22px, 2.05vw, 38px);
  }
  #home .header .header-tools {
    margin-left: clamp(0px, .55vw, 10px);
  }
}

/* Galla Plaza - header navigation bar & 20px bold links, 2026-10-23.
   Keeps existing menu destinations and React interactions intact. */
#home .hero .header {
  isolation: isolate;
}
#home .hero .header::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 100vw;
  transform: translateX(-50%);
  z-index: -1;
  pointer-events: none;
  background: rgba(3, 13, 21, 0.84);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  border-bottom: 1px solid rgba(233, 195, 139, 0.48);
  box-shadow: 0 9px 32px rgba(0, 0, 0, 0.22);
}
@media (min-width: 1001px) {
  #home .hero .header .desktop-nav {
    gap: clamp(20px, 2vw, 34px);
  }
  #home .hero .header .desktop-nav a {
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.01em;
    text-shadow: 0 1px 8px rgba(0, 0, 0, 0.45);
  }
}
@media (max-width: 1000px) {
  #home .hero .mobile-nav a {
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
  }
}

/* 2026-10-23: Make search, language selector and visit action match the 20px navigation.
   Scope strictly to the hero header, preserving all other buttons and interactions. */
@media (min-width: 1001px) {
  #home .hero .header .header-tools { gap: clamp(13px, 1.5vw, 24px); }
  #home .hero .header .header-tools .language {
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.02em;
    gap: 8px;
  }
  #home .hero .header .header-tools .language svg {
    width: 15px;
    height: 15px;
    stroke-width: 2.3;
  }
  #home .hero .header .header-tools .header-visit {
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.015em;
    min-height: 55px;
    min-width: 244px;
    padding: 12px 18px;
    gap: 13px;
    white-space: nowrap;
    border-width: 2px;
  }
  #home .hero .header .header-tools .header-visit svg {
    width: 22px;
    height: 22px;
    stroke-width: 1.8;
  }
  #home .hero .header .header-tools .icon-button[aria-label="Search Gallaplaza"] svg {
    width: 26px;
    height: 26px;
    stroke-width: 1.8;
  }
}
@media (min-width: 1001px) and (max-width: 1150px) {
  #home .hero .header .header-tools .header-visit {
    font-size: 16px;
    min-width: 210px;
    padding-inline: 12px;
  }
  #home .hero .header .header-tools .language { font-size: 17px; }
}
@media (max-width: 1000px) {
  #home .hero .header .header-tools .language {
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: .02em;
  }
  #home .hero .header .header-tools .icon-button[aria-label="Search Gallaplaza"] svg {
    width: 24px;
    height: 24px;
    stroke-width: 1.8;
  }
}