.admin-bar header.is-sticky {
  top: 32px;
}

body:not(.static-header) .wp-site-blocks > div:first-of-type {
  margin-top: -80px !important;
}

header {
  background-color: transparent;
  border-bottom: 0px solid transparent !important;
  right: 0;
  box-shadow: none !important;
  transition: transform 0.3s ease, background 0.3s ease;
  /* smooth animation */
  z-index: 999;
}

@media (min-width: 777px) {
  header:not(.is-sticky) .navigation .navigation-items-item.has-dropdown > a:after {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'><path d='M2 2l3 3 3-3' fill='none' stroke='%23f8f5f2' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  }
}

body.static-header header,
header.is-sticky {
  background: #fff;
  /* white background once scrolled */
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  top: 0;
  /*
  * @ Change domain on Scroll
  */
}
@media (min-width: 777px) {
  body.static-header header .navigation-items-item.is-level-0 .navigation-items-item-link,
  header.is-sticky .navigation-items-item.is-level-0 .navigation-items-item-link {
    color: var(--wp--preset--color--primary);
  }
}
body.static-header header .navigation-items-item.is-level-0.has-dropdown > a:after,
header.is-sticky .navigation-items-item.is-level-0.has-dropdown > a:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M2 2l3 3 3-3' fill='none' stroke='%23596174' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}
body.static-header header .custom-logo-link img,
header.is-sticky .custom-logo-link img {
  display: none;
}
body.static-header header .custom-logo-link,
header.is-sticky .custom-logo-link {
  display: inline-block;
  width: 130px;
  height: 40px;
  background: url("https://oskinclinic.dk/wp-content/uploads/2025/10/logo-dark-blue.svg") no-repeat center;
  background-size: contain;
}
body.static-header header .navigation-toggle,
header.is-sticky .navigation-toggle {
  --toggleColor: var(--wp--preset--color--primary);
}

header.is-hidden {
  transform: translateY(-100%);
  /* slide header out */
}

.header-inner {
  padding: 5px;
}
.header-inner .wp-block-site-logo {
  margin-right: auto;
}
@media (max-width: 777px) {
  .header-inner {
    padding: 5px 0;
    flex-wrap: nowrap;
  }
  .header-inner .custom-logo-link img {
    width: 130px;
  }
}

header.is-sticky {
  border-bottom: 0px !important;
}

@media (min-width: 777px) {
  .navigation {
    --color: var(--wp--preset--color--custom-f-8-f-5-f-2) !important;
    --colorHover: var(--wp--preset--color--custom-f-8-f-5-f-2) !important;
    --colorActive: var(--wp--preset--color--custom-f-8-f-5-f-2) !important;
  }
  .sub-menu .menu-item a {
    color: var(--wp--preset--color--primary) !important;
    font-style: normal;
    font-weight: 300;
  }
}
/* Transparent header */
#primary_menu a.navigation-items-item-link {
  padding: 7px;
  border-radius: 0px;
}

.navigation-items-item-link {
  line-height: 1.3;
}

.navigation-dropdown {
  --dropDownBgColor: var(--wp--preset--color--custom-f-8-f-5-f-2);
}

@media (min-width: 777px) {
  .navigation-dropdown {
    background-color: var(--wp--preset--color--custom-f-8-f-5-f-2);
    left: var(--dropdown-left-fix, calc(var(--dropDownWidth) / 2 * 0));
    border: none;
    padding: 7px;
    border-radius: 0px;
  }
  .is-level-1.navigation-items-item.has-dropdown > a:after {
    filter: invert(1);
    transform: rotate(-90deg) !important;
    width: 15px;
  }
  .navigation-dropdown-ul .navigation-items-item:after {
    left: 100%;
    top: 0;
  }
  .navigation-dropdown-ul.depth-1 {
    left: inherit;
    border: none !important;
    right: calc(-100% - 10px) !important;
    padding: 7px;
    top: calc(-21% + 0px);
  }
  .sub-menu-parent .navigation-items-item-link {
    font-size: 14px;
  }
  .navigation-dropdown-ul {
    gap: 3px;
  }
}
/* Menu button */
a.navigation-items-item-link.wp-block-button__link.wp-element-button {
  font-size: var(--wp--preset--font-size--text-1);
  font-weight: 500;
  padding-left: 50px !important;
  padding-right: 50px !important;
  background-color: var(--wp--preset--color--tertiary) !important;
  color: var(--wp--preset--color--primary) !important;
  border: none !important;
  border-radius: 0px !important;
}

a.navigation-items-item-link.wp-block-button__link.wp-element-button:hover {
  background-color: var(--wp--preset--color--tertiary) !important;
  color: var(--wp--preset--color--primary) !important;
}

/* Menu button */
.wp-block-group.is-position-sticky {
  transition: top 0.3s ease-in-out;
  z-index: 99;
}
.wp-block-group.is-position-sticky.header-visible {
  --custom-sticky-offset: 80px;
}