/* header
.site-header__wrapper
.site-header__padder
.site-header__left-wrapper
.site-header__logo-wrapper
.site-header__title-wrapper
.site-header__center-wrapper
.site-header__navigation-wrapper
.wp-block-navigation__responsive-container
button.wp-block-navigation__responsive-container-close
.wp-block-navigation__responsive-container-content
.site-header__navigation__buttons
.site-header__navigation__tickets
.wp-block-navigation__container
.wp-block-navigation-submenu
.site-header__right-wrapper

50-60 plus padding
70-80 plus padding
*/

/* Default Header */

.wp-block-woocommerce-customer-account {
  display: none;
}

.wp-block-woocommerce-mini-cart {
  display: none;
}

header {
  position: sticky;
  top: 0;
  z-index: 100;
  background-color: var(--wp--preset--color--base);
  padding-top: var(--wp--preset--spacing--30);
  padding-bottom: var(--wp--preset--spacing--30);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  transition: background-color var(--wp--custom--transition--duration--fast)
      var(--wp--custom--transition--timing),
      color var(--wp--custom--transition--duration--medium)
      var(--wp--custom--transition--timing),
      padding var(--wp--custom--transition--duration--medium)
      var(--wp--custom--transition--timing);
}

.site-header__container {
  align-items: center;
  align-content: stretch;
  justify-content: space-between;
}

header .site-header__left-wrapper {
  display: flex;
  align-items: center;
  gap: var(--wp--preset--spacing--20);
}

header .site-header__right-wrapper {
  gap: var(--wp--preset--spacing--30);
  flex-wrap: nowrap;
}

.site-header__logo-wrapper {
  flex-grow: 0;
  flex-shrink: 0;
  height: clamp(40px, 4vw, 50px);
  transition: height var(--wp--custom--transition--duration--fast)
      var(--wp--custom--transition--timing);
}

.site-header__logo-wrapper img {
  height: 100%;
  width: auto;
  object-fit: contain;
  transition: filter var(--wp--custom--transition--duration--medium)
  var(--wp--custom--transition--timing);
}

header .site-header__title-wrapper {
  gap: var(--wp--preset--spacing--10);
}

header .site-header__title-wrapper .wp-block-site-title {
  font-size: var(--wp--preset--font-size--large);
  transition: font-size var(--wp--custom--transition--duration--medium)
      var(--wp--custom--transition--timing);
}

header .site-header__title-wrapper .wp-block-site-tagline {
  font-size: var(--wp--preset--font-size--xxx-small);
  transition: font-size var(--wp--custom--transition--duration--medium)
      var(--wp--custom--transition--timing);
}

header .site-header__title-wrapper a {
  text-decoration: none;
}

nav .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
  justify-content: right;
}

nav .wp-block-navigation > .wp-block-navigation-item {
  padding-top: var(--wp--preset--spacing--10);
  padding-bottom: var(--wp--preset--spacing--10);
}

.wp-block-navigation-submenu .wp-block-navigation-item .wp-block-navigation-item__content {
  color: var(--wp--preset--color--navy);
}

/* Hero Header */

body.has-hero header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

body:not(.scrolled) header {
  box-shadow: none;
}

body.has-hero:not(.scrolled) header {
  padding-top: var(--wp--preset--spacing--60);
  background-color: var(--wp--preset--color--translucent-0);
  /* min-height: clamp(200px, 10vh, 250px); */
}

body.has-hero:not(.scrolled) .site-header__logo-wrapper {
  height: clamp(60px, 6vw, 80px);
}

body.has-hero:not(.scrolled) .site-header__logo-wrapper img {
  filter: brightness(0) invert(1);
}

body.has-hero:not(.scrolled) .wp-block-site-title,
body.has-hero:not(.scrolled) .wp-block-site-tagline,
body.has-hero:not(.scrolled) .wp-block-navigation__container:not(.has-modal-open):not(.is-menu-open) > .wp-block-navigation-item,
body.has-hero:not(.scrolled) .wp-block-navigation__responsive-container-open {
  color: var(--wp--preset--color--white);
}

body.has-hero:not(.scrolled) header .site-header__title-wrapper {
  gap: var(--wp--preset--spacing--20);
}


body.has-hero:not(.scrolled) .site-header__title-wrapper .wp-block-site-title {
  font-size: var(--wp--preset--font-size--xx-large);
}

body.has-hero:not(.scrolled) .site-header__title-wrapper .wp-block-site-tagline {
  font-size: var(--wp--preset--font-size--xx-small);
}

body.has-hero .wp-block-cover.alignfull {
  padding-top: calc(var(--wp--preset--spacing--60) * 2 + 80px);
  min-height: 60vh;
}

/* Extend minified navigation from Tiny to Mobile */

@media (max-width: 781px) {
  .wp-block-navigation__responsive-container-open {
    display: flex !important;
  }
}

@media (max-width: 781px) {
  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
    display: none;
    position: fixed;
  }
}

/* LINE */

/* .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
    row-gap: var(--wp--preset--spacing--20);
}

header:not(.scrolled).wp-block-navigation__responsive-container-content .wp-block-navigation__container {
    row-gap: var(--wp--preset--spacing--40);
}

.header-mobile .wp-block-navigation__responsive-container-content {
    align-items: right;
}

.header-mobile .wp-block-navigation__submenu-container.wp-block-navigation-submenu {
    display: none;
    flex-direction: row !important;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.header-mobile .wp-block-navigation__submenu-container.wp-block-navigation-submenu .wp-block-navigation-item {
    margin-left: 5%;
}

.wp-block-navigation__responsive-dialog {
  margin-top: 0 !important;
} */