/* Transparent header laid over the first cover of every page. */

.ui-header {
  position: absolute;
  top: var(--wp-admin--admin-bar--height, 0px);
  left: 0;
  right: 0;
  z-index: 30;
  color: var(--wp--preset--color--contrast);
}

.ui-header__bar {
  padding-block: 1.1rem;
  gap: 1.2rem;
}

.ui-header .wp-block-site-logo img {
  height: 44px;
  width: auto;
  border-radius: 8px;
}

.ui-header .wp-block-navigation {
  font-size: 0.9rem;
  font-weight: 500;
  letter-spacing: 0.02em;
}

.ui-header .wp-block-navigation__container {
  gap: 1.8rem;
}

.ui-header .wp-block-navigation-item__content {
  text-decoration: none;
  opacity: 0.85;
  border-bottom: 1px solid transparent;
}

.ui-header .wp-block-navigation-item__content:hover,
.ui-header .wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content,
.ui-header .wp-block-navigation-item__content[aria-current="page"] {
  opacity: 1;
  color: inherit;
  border-bottom-color: var(--wp--preset--color--accent-1);
}

@media (max-width: 999.98px) {
  .ui-header__bar .wp-block-navigation {
    order: 3;
  }

  .ui-header__bar .ui-header__cta {
    order: 2;
    margin-left: auto;
  }
}

/* "Vieni a trovarci" pill. */
.ui-header .ui-header__cta .wp-block-button__link {
  padding: 0.6rem 1.1rem;
  font-size: 0.85rem;
  letter-spacing: 0.04em;
  white-space: nowrap;
  backdrop-filter: blur(8px);
}

.ui-header .ui-header__cta .wp-block-button__link:hover {
  color: var(--wp--preset--color--accent-1);
  border-color: var(--wp--preset--color--accent-1);
}

.ui-header .wp-block-navigation__responsive-container-open {
  padding: 0.45rem 0.55rem;
  border: 1px solid color-mix(in srgb, var(--wp--preset--color--contrast) 50%, transparent);
  border-radius: 10px;
}

@media (max-width: 900px) {
  .ui-header__cta-extra {
    display: none;
  }
}

/* Temporary closure bar. */
.ui-notice {
  margin: 0;
  padding: 0.55rem 1.5rem;
  text-align: center;
  font-size: 0.9rem;
  font-weight: 600;
  background: var(--wp--preset--color--accent-1);
  color: var(--wp--preset--color--accent-5);
}

/* Navigation overlay (mobile). */
.ui-overlay .wp-block-navigation {
  font-family: var(--wp--preset--font-family--serif);
  font-size: var(--wp--preset--font-size--x-large);
}

.ui-overlay .wp-block-navigation-item {
  width: 100%;
  padding-block: 0.6rem;
  border-bottom: 1px solid var(--wp--preset--color--accent-6);
}

.ui-overlay .wp-block-navigation-item__content {
  text-decoration: none;
}

.ui-overlay .wp-block-navigation,
.ui-overlay .wp-block-navigation__container {
  width: 100%;
}