/* Franc header — floating over content (Sigma-style) */

body.fl-site .fl-header-shell {
  position: absolute;
  inset: 0 auto auto 0;
  width: 100%;
  z-index: 50;
  background: transparent;
  padding: 12px var(--fl-inline-pad) 0;
  margin: 0 !important;
  pointer-events: none;
}

body.fl-site .fl-header-shell > * {
  pointer-events: auto;
}

body.fl-site .fl-header-shell,
body.fl-site .sticky-block-wrapper {
  overflow: visible;
}

.fl-header {
  position: relative;
  isolation: isolate;
  width: min(calc(100% - var(--fl-gutter)), calc(var(--fl-container) - 48px));
  max-width: calc(var(--fl-container) - 48px);
  margin-inline: auto;
  border-radius: 999px;
}

.fl-header::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: rgba(255, 255, 255, 0.72);
  backdrop-filter: blur(24px) saturate(180%);
  -webkit-backdrop-filter: blur(24px) saturate(180%);
  border: 1px solid rgba(255, 255, 255, 0.85);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.9);
  pointer-events: none;
  z-index: 0;
}

.fl-header > * {
  position: relative;
  z-index: 1;
}

.fl-header__inner {
  min-height: 72px;
  padding: 0 1.15rem;
}

.fl-logo img {
  display: block;
  width: auto;
  height: 42px;
}

.fl-header__nav .wp-block-navigation {
  gap: 10px;
}

.fl-header__nav .wp-block-navigation-item__content {
  color: var(--fl-heading) !important;
  font-weight: 700;
  font-size: 0.88rem;
  padding: 0.45rem 0.85rem;
  border-radius: 999px;
}

.fl-header__nav .wp-block-navigation-item__content:hover {
  color: var(--fl-accent-hover) !important;
  background: rgba(215, 110, 1, 0.08);
}

.fl-header.block-is-sticky,
.fl-header.element-is-sticky {
  z-index: 50 !important;
}

.fl-skip-link {
  position: absolute;
  left: -9999px;
}

.fl-header.block-is-sticky::before,
.fl-header.element-is-sticky::before {
  background: rgba(255, 255, 255, 0.9);
}

@media (max-width: 781px) {
  body.fl-site .fl-header-shell {
    padding-top: 8px;
  }

  .fl-header {
    border-radius: 20px;
    width: min(calc(100% - 1rem), 100%);
  }
}