/* THIS FILE IS GENERATED AUTOMATICALLY, DO NOT MODIFY IT DIRECTLY, ANY DIRECT CHANGES WILL BE LOST */
/* Last update: 2025-12-09T03:19:53+00:00 */

.wa-header-topbar {
  padding-inline: var(--section-padding-x);
}
.wa-header-topbar-inner {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding-block: calc(var(--space-s) * 1);
  font-size: calc(var(--text-s) * 1.1);
  border-bottom: 1px solid var(--base-light);
}
.wa-header-topbar-left {
  line-height: 1.15;
  display: flex;
  align-items: center;
  gap: var(--space-s);
}
.wa-header-topbar-left__body {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--space-xs);
  line-height: 1.2;
}
.wa-header-topbar-left__body:hover svg path {
  fill: var(--base);
}
.wa-header-topbar-left__body:hover .wa-header-topbar-left__text {
  color: var(--primary);
}
.wa-header-topbar-left__icon {
  width: 2rem;
  height: 2rem;
}
.wa-header-topbar-left__icon path {
  transition: 0.2s all ease-in-out;
}
.wa-header-topbar-left__text {
  font-weight: 600;
  color: var(--base);
}
.wa-header-topbar-left__text--small {
  font-weight: 400;
  font-size: var(--text-s);
}
.wa-header-topbar-right {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.wa-header-topbar-right__socials {
  display: flex;
  align-items: center;
  gap: var(--space-xs);
  margin-left: var(--space-m);
}
.wa-header-topbar-right__icon {
  width: 3.2rem;
  height: 3.2rem;
  display: flex;
  align-items: center;
}
.wa-header-topbar-right__icon path {
  transition: 0.2s all ease-in-out;
  fill: var(--base-light);
}
.wa-header-topbar-right__icon:hover path {
  fill: var(--base);
}
.wa-header-main {
  padding-inline: var(--section-padding-x);
  display: flex;
  flex-direction: column;
  background: var(--secondary) !important;
}
.wa-header-main-inner {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  gap: var(--space-s);
  padding-top: var(--space-s);
  padding-bottom: var(--space-s);
}
.wa-header-main-left {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--space-xs);
}
.wa-header-main__logo a {
  height: auto;
  width: 25rem;
  min-width: auto;
  position: relative;
}
.wa-header-main__logo a img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.wa-header-main-right {
  display: flex;
  flex-direction: row;
  gap: var(--space-xs);
}
.wa-header-main-button {
  border-radius: var(--radius-xxl);
  transition: 0.2s;
  padding: 0 var(--space-s);
  display: flex;
  flex-direction: row;
  gap: var(--space-xs);
  align-items: center;
  min-width: 15rem;
  min-height: 6rem;
  justify-content: center;
  flex-wrap: nowrap;
  border: 2px solid;
}
.wa-header-main-button__text {
  text-transform: uppercase;
  font-size: var(--text-m);
  font-weight: 700;
  color: var(--action);
  transition: 0.2s all ease-in-out;
  line-height: 1;
}
.wa-header-main-button__icon {
  width: 2.4rem;
  height: 2.4rem;
}
.wa-header-main-button__icon svg path {
  transition: 0.2s all ease-in-out;
}
.wa-header-main-button:hover svg path {
  fill: var(--white);
}
.wa-header-main-button:hover .wa-header-main-button__text {
  color: var(--white);
}
.wa-header-main-button__myacc {
  border-color: var(--action);
  background-color: var(--white);
}
.wa-header-main-button__myacc:hover {
  background-color: var(--action);
  stroke: var(--white);
}
.wa-header-main__nav {
  display: flex;
  align-items: center;
  margin-right: var(--space-l);
}
.wa-header-main__nav li {
  margin-left: var(--space-l);
}
.wa-header-main__nav li:first-child {
  margin-left: 0 !important;
}
.wa-header-main__nav a {
  font-weight: 700;
  color: var(--base);
  transition: 0.2s all ease-in-out;
  position: relative;
}
.wa-header-main__nav a:after {
  display: block;
  position: absolute;
  top: calc(100% + 0.1rem);
  left: 0;
  width: 100%;
  border-bottom: 0.1rem solid var(--primary);
  content: "";
  transition: transform 0.6s cubic-bezier(0.28, 0.75, 0.22, 0.95);
  transform: scaleX(0);
  transform-origin: right center;
}
.wa-header-main__nav a[aria-current=page]:after {
  transform: scale(1) !important;
  transform-origin: left center !important;
}
.wa-header-main__nav a:hover {
  color: var(--primary);
}
.wa-header-main__nav a:hover:after {
  transform: scale(1) !important;
  transform-origin: left center !important;
}
.wa-header-burger {
  display: none;
  background-color: var(--primary);
  border-radius: var(--radius-xl);
  padding-inline: var(--space-s);
  flex-direction: row;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: center;
  gap: var(--space-xs);
  transition: 0.2s ease-in-out;
  min-width: 4.8rem;
  height: 6rem;
  cursor: pointer;
}
.wa-header-burger__icon {
  width: 2.4rem;
  min-width: 2.4rem;
  min-height: 2.4rem;
  height: 2.4rem;
}
.wa-header-burger__text {
  color: var(--white) !important;
  font-weight: 700 !important;
  font-size: var(--text-m);
  text-transform: uppercase;
}
.wa-header-burger:hover {
  background-color: var(--primary-hover);
}
.wa-header-cart {
  height: 6rem !important;
  width: 6rem !important;
}
.wa-header-cart [data-root-id="wooptima-minicart"]:not([data-mounted]) {
  height: 6rem !important;
  width: 6rem !important;
}
.wa-header-offcanvas .x-offcanvas_inner {
  padding: var(--space-m);
  gap: var(--space-m);
}
.wa-header-offcanvas__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: var(--space-m);
  border-bottom: 1px solid var(--base-light);
}
.wa-header-offcanvas__title {
  font-size: var(--text-xl);
  font-weight: 700;
}
.wa-header-offcanvas__close {
  background-color: transparent !important;
  padding: 0 !important;
  width: 1.8rem !important;
  height: 1.8rem !important;
  min-width: unset !important;
  max-width: unset !important;
}
.wa-header-offcanvas__main nav ul {
  display: flex;
  flex-direction: column;
  gap: var(--space-l);
}
.wa-header-offcanvas__main nav ul li a {
  padding: 0 !important;
  font-size: var(--text-l);
  font-weight: 600;
}
.wa-header-offcanvas__bottom {
  display: flex;
  flex-direction: column;
  gap: var(--space-s);
  border-radius: var(--radius-l);
  padding: var(--space-m);
  background-color: var(--primary-light-trans-10);
  margin-top: auto;
}
.wa-header-offcanvas__row {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: calc(var(--space-xs) * .5);
}
.wa-header-offcanvas__icon {
  height: 1.8rem;
  width: 1.8rem;
  min-width: 1.8rem;
}
.wa-header-offcanvas__text {
  font-weight: 600;
  font-size: calc(var(--text-m)* .9);
  white-space: nowrap;
  color: var(--base);
}
.wa-header-offcanvas__text--small {
  font-size: calc(var(--text-s)* .9);
  font-weight: 400;
}
body.ism-reservation-form-page .wa-header-main__logo, body.ism-reservation-received-page .wa-header-main__logo, body.woocommerce-checkout .wa-header-main__logo {
  margin: unset;
}
@media (max-width: 1200px) {
  .wa-header-main__nav {
    margin-right: var(--space-xs);
  }
  .wa-header-main__nav li {
    margin-left: var(--space-m);
  }
}
@media (max-width: 991px) {
  .wa-header-main__logo {
    width: 20rem;
    height: 4.8rem;
    margin-left: auto;
    margin-right: auto;
  }
  .wa-header-main-left {
    width: 100%;
  }
  .wa-header-main__nav {
    display: none;
  }
  .wa-header-burger {
    display: flex;
  }
}
@media (max-width: 767px) {
  .wa-header-topbar-left__body--desktop {
    display: none;
  }
  .wa-header-topbar-left__icon {
    width: 1.6rem;
    height: 1.6rem;
  }
  .wa-header-topbar-right__icon {
    width: 2.4rem;
    height: 2.4rem;
  }
  .wa-header-main-button {
    padding: 0 var(--space-xs);
    height: 4.8rem;
    min-height: 4.8rem;
    max-height: 4.8rem;
    min-width: 4.8rem;
    max-width: 4.8rem;
    width: 4.8rem;
  }
  .wa-header-main-button__text {
    display: none;
  }
  .wa-header-cart {
    height: 4.8rem !important;
    width: 4.8rem !important;
  }
  .wa-header-cart [data-root-id="wooptima-minicart"]:not([data-mounted]) {
    height: 4.8rem !important;
    width: 4.8rem !important;
  }
  .wa-header-burger {
    max-width: 4.8rem;
    height: 4.8rem;
    border-radius: 50%;
  }
  .wa-header-burger__text {
    display: none;
  }
  .wa-header-offcanvas__text {
    font-size: var(--text-m);
  }
  .wa-header-offcanvas__text--small {
    font-size: var(--text-s);
  }
}
@media (max-width: 479px) {
  .wa-header-main__logo {
    width: 16rem;
    height: 3.8rem;
  }
}
@media (max-width: 350px) {
  .wa-header-main__logo {
    width: 13rem;
    height: 2.8rem;
  }
}