@import url("styles-legacy.css?v=20260908-footer1");

/* Footer readability — larger type while preserving the existing layout */
footer .footer-brand p{
  font-size:12.5px!important;
  line-height:1.65!important;
}
footer .footer-column{
  font-size:12px!important;
  line-height:1.5!important;
  gap:8px!important;
}
footer .footer-column>strong{
  font-size:10.5px!important;
  line-height:1.35!important;
  letter-spacing:.09em!important;
}
footer .footer-column a{
  font-size:12px!important;
  line-height:1.45!important;
}
footer .footer-column small{
  font-size:10.5px!important;
  line-height:1.55!important;
}
footer .socials,
footer .socials a,
footer .socials span{
  font-size:10.5px!important;
}

@media(max-width:720px){
  footer .footer-brand p{font-size:12px!important}
  footer .footer-column,footer .footer-column a{font-size:11.5px!important}
  footer .footer-column>strong{font-size:10px!important}
  footer .footer-column small{font-size:10px!important}
}

/* Homepage destinations — separate Da Nang and Hoi An */
main#top .destination-grid{
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
}
main#top .destination.d1{order:1}
main#top .destination.d2{order:2}
main#top .destination.d3{
  order:3;
  background-image:url("golf-da-nang.jpg")!important;
  background-position:center!important;
}
main#top .destination.d3 strong{
  font-size:0!important;
}
main#top .destination.d3 strong::after{
  content:"Da Nang";
  font-size:13px;
}
main#top .destination-grid::after{
  content:"Hoi An";
  order:4;
  min-height:230px;
  position:relative;
  overflow:hidden;
  border-radius:3px;
  display:flex;
  align-items:flex-end;
  padding:0 14px 13px;
  text-align:left;
  color:#fff;
  font-size:13px;
  font-weight:700;
  background:
    linear-gradient(180deg,rgba(3,31,49,.03),rgba(3,31,49,.78)),
    url("danang-hoian.jpg") center/cover no-repeat;
}
main#top .destination.d4{order:5}
main#top .destination.d5{order:6}
main#top .destination.d6{order:7}

@media(max-width:1080px){
  main#top .destination-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:720px){
  main#top .destination-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:480px){
  main#top .destination-grid{grid-template-columns:1fr!important}
}


/* HOMEPAGE DESTINATION LINKS — REAL MARKUP, NO GENERATED TILE */
main#top .destination-grid{
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  gap:9px!important;
}
main#top .destination-grid::after{
  content:none!important;
  display:none!important;
}
main#top .destination{
  display:block;
  min-height:190px!important;
  border-radius:0!important;
  transition:transform .28s ease,filter .28s ease;
}
main#top .destination:hover{
  transform:translateY(-2px);
  filter:saturate(.96);
}
main#top .destination.d1{order:1;background-image:url("hanoi.jpg")!important}
main#top .destination.d2{order:2;background-image:url("halong-bay.jpg")!important}
main#top .destination.d3{order:3;background-image:url("golf-da-nang.jpg")!important;background-position:center!important}
main#top .destination.d4{order:4;background-image:url("danang-hoian.jpg")!important;background-position:center!important}
main#top .destination.d5{order:5;background-image:url("ho-chi-minh-city.jpg")!important}
main#top .destination.d6{order:6;background-image:url("cam-ranh.jpg")!important}
main#top .destination.d7{order:7;background-image:url("phu-quoc.jpg")!important}
main#top .destination.d3 strong{font-size:13px!important}
main#top .destination.d3 strong::after{content:none!important}
main#top .destination strong{font-size:11px!important;font-weight:500!important;letter-spacing:.01em}
main#top .destination div{left:12px;right:12px;bottom:11px}

/* SITE-WIDE MICRO POLISH */
a,button{transition:color .2s ease,background-color .2s ease,border-color .2s ease,opacity .2s ease}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{
  outline:2px solid #B8A078;
  outline-offset:3px;
}
.site-header{box-shadow:none!important}
.desktop-nav{font-size:11px!important}
.nav-dropdown-toggle{font-size:11px!important}
.outline-btn,.header-cta{letter-spacing:.11em!important}
footer{row-gap:32px!important}
footer .footer-column a:hover{color:#D4C5AD!important}
@media(max-width:1080px){
  main#top .destination-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:720px){
  main#top .destination-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  main#top .destination{min-height:180px!important}
}
@media(max-width:480px){
  main#top .destination-grid{grid-template-columns:1fr 1fr!important}
}


/* HOMEPAGE COMPACT HERO */
html body main#top .hero{
  height:68vh!important;
  min-height:540px!important;
  max-height:650px!important;
}
html body main#top .hero-inner{
  padding-bottom:42px!important;
}
html body main#top .hero-actions{
  margin-top:22px!important;
}
@media(max-width:720px){
  html body main#top .hero{
    height:520px!important;
    min-height:520px!important;
    max-height:520px!important;
  }
  html body main#top .hero-inner{
    padding-bottom:34px!important;
  }
}


/* HOMEPAGE EDITORIAL HERO — single framed layer, no edge mismatch */
@media(min-width:900px){
  html body main#top .hero{
    background:#F7F4ED!important;
  }
  html body main#top .hero-image{
    top:0!important;
    bottom:0!important;
    left:50%!important;
    right:auto!important;
    width:min(1180px,82vw)!important;
    transform:translateX(-50%)!important;
    background:
      linear-gradient(180deg,rgba(38,60,50,.46) 0%,rgba(38,60,50,.16) 46%,rgba(38,60,50,.38) 100%),
      linear-gradient(90deg,rgba(38,60,50,.10),rgba(38,60,50,.02)),
      url("hero-golf.jpg") center 53%/cover no-repeat!important;
  }
  html body main#top .hero-overlay{
    display:none!important;
  }
  html body main#top .hero-inner{
    width:min(1020px,70vw)!important;
    margin:0 auto!important;
  }
  html body main#top .hero-inner h1{
    font-size:clamp(31px,2.7vw,39px)!important;
  }
  html body main#top .hero-inner p{
    max-width:500px!important;
    font-size:11px!important;
  }
}


/* HOMEPAGE FULLSCREEN GOLF HERO */
html body main#top .hero{
  width:100%!important;
  height:100vh!important;
  min-height:680px!important;
  max-height:none!important;
  background:#263C32!important;
}
html body main#top .hero-image{
  inset:0!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  transform:none!important;
  background:
    linear-gradient(180deg,rgba(24,43,35,.24) 0%,rgba(24,43,35,.10) 40%,rgba(24,43,35,.42) 100%),
    linear-gradient(90deg,rgba(24,43,35,.24),rgba(24,43,35,.02) 62%),
    url("golf.jpg") center 58%/cover no-repeat!important;
}
html body main#top .hero-overlay{
  display:none!important;
}
html body main#top .hero-inner{
  width:min(860px,80vw)!important;
  margin:auto!important;
  padding-bottom:88px!important;
}
html body main#top .hero-inner h1{
  font-size:clamp(36px,3.5vw,50px)!important;
}
html body main#top .hero-inner p{
  max-width:590px!important;
  font-size:12px!important;
}
@media(max-width:720px){
  html body main#top .hero{
    height:100svh!important;
    min-height:620px!important;
    max-height:none!important;
  }
  html body main#top .hero-image{
    background-position:center 56%!important;
  }
  html body main#top .hero-inner{
    width:auto!important;
    padding:0 22px 74px!important;
  }
}


/* HOMEPAGE GOLF INCENTIVES ALT IMAGE */
html body main#top .corporate-golf .cg-image{
  background-image:url("PGA Garden 3.jpg")!important;
  background-position:center 50%!important;
  background-size:cover!important;
}


/* SITE-WIDE NAV DROPDOWN CONTRAST
   Page-level dark-header rules make top-level links white; dropdown links must remain dark on ivory. */
.site-header .nav-dropdown-menu{
  background:#F7F4ED!important;
  color:#263C32!important;
}
.site-header .nav-dropdown-menu a{
  color:#263C32!important;
  opacity:1!important;
}
.site-header .nav-dropdown-menu a:hover,
.site-header .nav-dropdown-menu a:focus-visible{
  background:#E8DFD0!important;
  color:#263C32!important;
}
@media(max-width:1080px){
  .site-header .nav-dropdown-menu{
    background:#F7F4ED!important;
  }
  .site-header .nav-dropdown-menu a{
    color:#263C32!important;
  }
}


/* SITE-WIDE TYPOGRAPHY BASELINE
   Keep descriptive copy consistent across every page, using the same compact
   scale as the homepage Golf & Incentives section. Headings and utility labels
   keep their existing hierarchy. */
:root{
  --pw-body-copy:14px;
  --pw-body-leading:1.6;
}

body main p:not(.eyebrow):not([class*="kicker"]):not([class*="crumb"]):not([class*="quote"]):not([class*="label"]):not([class*="role"]):not([class*="meta"]),
body main li,
body main dd,
body main td,
body main th{
  font-size:var(--pw-body-copy)!important;
  line-height:var(--pw-body-leading)!important;
}

/* Keep cards, articles and detail panels on the same body-copy size too. */
body main article p:not(.eyebrow):not([class*="kicker"]):not([class*="quote"]):not([class*="label"]):not([class*="role"]):not([class*="meta"]),
body main details p{
  font-size:var(--pw-body-copy)!important;
  line-height:var(--pw-body-leading)!important;
}

/* Form controls use the same readable copy size without changing compact labels. */
body main input,
body main textarea,
body main select{
  font-size:var(--pw-body-copy)!important;
  line-height:1.5!important;
}