/* Sticky Header Styles */

/* Override: make header fixed instead of absolute */
.header {
  position: fixed !important;
  top: 0 !important;
  transition: background-color 0.3s ease, box-shadow 0.3s ease, padding 0.3s ease;
}

/* Scrolled state */
.header--scrolled {
  background-color: #fff;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08);
}

/* Shrink header on scroll */
.header--scrolled .header__wrapper {
  padding-block: 10px;
}
.header--scrolled .header__logo img {
  width: 120px;
}
.header--scrolled .header__menu {
  gap: 50px;
}
.header--scrolled .header__link {
  font-size: 16px;
}
.header--scrolled .theme__btn {
  padding: 5px 16px;
  font-size: 16px;
}

/* Logo swap */
.header__logo-scrolled {
  display: none;
}
.header--scrolled .header__logo-default {
  display: none;
}
.header--scrolled .header__logo-scrolled {
  display: inline-block;
}

/* Links: change color on scroll */
.header--scrolled .header__link {
  color: var(--accent-fg);
}
.header--scrolled .header__link:hover {
  color: var(--accent-bg);
}

/* Hamburger icon: dark on scroll */
.header--scrolled .header__toggle-bars svg {
  fill: var(--accent-fg);
}

/* Book Now button stays the same (gold bg) */

@media (max-width: 767px) {
.header--scrolled .header__logo img {
  width: 80px;
}
}