/* ===== HEADER ===== */
.site-header{
  background: var(--bg);
}

.header-inner{
  height: 120px;
  width: min(1200px, calc(100% - 80px));
  margin: 0 auto;
  display: grid;
  grid-template-columns: 240px 1fr 240px;
  align-items: center;
}

/* Logo */
.brand{
  display: flex;
  align-items: center;
  text-decoration: none;
}

.brand-logo{
  width: 100px;
  height: auto;
  display: block;
}

/* Desktop Nav */
.main-nav{
  display:flex;
  justify-content:center;
  gap:70px;
}

.nav-link{
  color: var(--gold);
  text-decoration:none;
  text-transform: uppercase;
  font-size:15px;
}

.nav-link.is-active{ color: var(--white); }

.nav-link:hover{ color: var(--gold-light); }

/* Right side */
.header-actions{
  display:flex;
  justify-content:end;
  align-items:center;
  gap:15px;
}

/* Buttons */
.cta-book{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;

  background: var(--cta);
  color: var(--white);
  padding: 14px 22px;
  border-radius: 12px;
  text-decoration: none;
  border: 1px solid var(--gold);

  min-width: 170px; /* 👈 makes it wider */

  transition: 0.3s ease;
}

.cta-book-title{
  font-weight:600;
  letter-spacing:1px;
  font-size:14px;
}

.cta-book-time{
  font-size:11px;
  opacity:0.8;
  margin-top:2px;
}

.cta-book:hover{
  background: var(--gold);
  color: var(--bg);
  transform: translateY(-1px);
}

.cta-voucher{
  background: var(--cta);
  color: var(--white);
  padding: 18px 28px;
  border-radius: 14px;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 14px;
  border: 1px solid var(--gold);
  transition: 0.3s ease;
}

.cta-voucher:hover{
  background: var(--gold);
  color: var(--bg);
}



/* Hamburger */
.menu-toggle{
  display:none;
  background:none;
  border:none;
  cursor:pointer;
}

.menu-toggle span{
  display:block;
  width:28px;
  height:3px;
  background:var(--gold);
  margin:6px 0;
}

/* Mobile menu */
.mobile-nav{
  background: var(--bg);
  padding:15px;
}

.mobile-link{
  display:block;
  color: var(--gold);
  text-decoration:none;
  text-transform:uppercase;
  padding:10px 0;
}

.mobile-link.is-active{ color: var(--white); }

/* ===== MOBILE ===== */
@media (max-width: 760px){
  .header-inner{
    grid-template-columns: 1fr auto;
    width: calc(100% - 24px);
  }

  .main-nav{ display:none; }

  .menu-toggle{ display:block; }

  .cta-book{
  padding:12px 18px;
  min-width:auto;        /* 👈 THIS FIXES IT */
  width:auto;            /* 👈 ensures it shrinks */
}

}