/**
 * Modern header — quiet brand row + soft nav rail (still minimal).
 */

.kutby-header--modern {
  border-bottom: 0;
  background: transparent;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.kutby-header--modern .kutby-header__row--brand {
  border-bottom: 1px solid color-mix(in srgb, var(--kutby-color-border) 85%, transparent);
  min-height: var(--kutby-header-height, 64px);
  background: color-mix(in srgb, var(--kutby-color-bg) 92%, transparent);
  backdrop-filter: saturate(160%) blur(12px);
  -webkit-backdrop-filter: saturate(160%) blur(12px);
}

.kutby-header--modern .kutby-header__row--nav {
  min-height: auto;
  padding-block: 0.35rem;
  background: color-mix(in srgb, var(--kutby-color-bg) 96%, var(--kutby-color-surface));
  border-bottom: 1px solid color-mix(in srgb, var(--kutby-color-border) 85%, transparent);
}

.kutby-header--modern .kutby-header__row--nav .kutby-nav {
  width: 100%;
}

.kutby-header--modern .kutby-header__row--nav .kutby-menu {
  gap: 0.15rem;
  justify-content: flex-start;
}

.kutby-header-stack--modern .kutby-announcement {
  border-bottom: 0;
}

@media (max-width: 767px) {
  .kutby-header--modern .kutby-header__row--nav {
    padding-block: 0;
    background: transparent;
    border-bottom: 0;
  }

  .kutby-header--modern .kutby-header__row--nav .kutby-nav.is-open {
    padding: var(--kutby-space-2) 0 var(--kutby-space-3);
    background: transparent;
    border-top: 1px solid var(--kutby-color-border);
  }
}
