/* Shared site header bar sizing */
.site-header-bar {
  height: 80px;
}

.site-header-hover-menu.site-header-bar-item {
  height: 80px;
}

.site-header-brand-row {
  gap: 3.75rem;
}

@media (min-width: 1024px) {
  .site-header-brand-row {
    gap: 5rem;
  }
}

@media (min-width: 1440px) {
  .site-header-brand-row {
    gap: 5.5rem;
  }
}

.site-header-logo-img {
  height: 52px;
  max-width: 220px;
}

.site-header-dropdown {
  box-shadow: none !important;
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  filter: none !important;
}

header nav {
  box-shadow: none !important;
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
}

header.sticky {
  box-shadow: none !important;
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
}

/* WordPress admin bar: one offset for sticky header (avoid double top gap). */
@media screen {
  html {
    margin-top: 0 !important;
    scroll-padding-top: var(--wp-admin--admin-bar--height, 32px);
  }

  body.admin-bar {
    padding-top: var(--wp-admin--admin-bar--height, 32px);
  }

  body.admin-bar header.sticky {
    top: var(--wp-admin--admin-bar--height, 32px);
  }
}

@media screen and (max-width: 782px) {
  html {
    scroll-padding-top: 46px;
  }

  body.admin-bar {
    padding-top: 46px;
  }

  body.admin-bar header.sticky {
    top: 46px;
  }
}

header {
  margin-top: 0;
  padding-top: 0;
}

/* Header top bar iconfont icons */
.site-header-top-icon-wrap {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 15px;
  height: 15px;
  color: inherit;
}

.site-header-top-icon {
  display: block;
  width: 15px !important;
  height: 15px !important;
  max-width: 15px;
  max-height: 15px;
  color: inherit;
  fill: currentColor;
}

.site-header-top-icon path,
.site-header-top-icon circle,
.site-header-top-icon rect,
.site-header-top-icon polygon,
.site-header-top-icon polyline,
.site-header-top-icon line,
.site-header-top-icon ellipse,
.site-header-top-icon use {
  fill: currentColor !important;
}

.site-header-top-icon path[stroke]:not([stroke="none"]),
.site-header-top-icon circle[stroke]:not([stroke="none"]),
.site-header-top-icon rect[stroke]:not([stroke="none"]),
.site-header-top-icon line[stroke]:not([stroke="none"]),
.site-header-top-icon polyline[stroke]:not([stroke="none"]),
.site-header-top-icon polygon[stroke]:not([stroke="none"]) {
  stroke: currentColor !important;
}

.site-header-top-bar a {
  color: inherit;
}

.site-header-top-bar a:hover,
.site-header-top-bar a:hover .site-header-top-icon {
  color: inherit;
}