/* ── Site Header ────────────────────────────────────────────── */
.sued-site-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  max-width: 100%;
  z-index: 100;
  background: transparent;
  border-bottom: 1px solid transparent;
  transition: all 0.4s var(--sued-ease);
}

.sued-site-header.is-scrolled {
  top: 1rem;
  width: calc(100% - 2rem);
  max-width: var(--sued-max-w);
  background: rgba(15, 25, 35, 0.75); /* Fundo levemente translúcido */
  backdrop-filter: blur(16px) saturate(180%);
  -webkit-backdrop-filter: blur(16px) saturate(180%);
  border-radius: 12px;
  border-bottom: 1px solid transparent;
  border: 1px solid rgba(255, 255, 255, 0.05);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.05);
}
.sued-site-header .sued-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  padding-block: 1.1rem;
}
.sued-logo img {
  height: 36px;
  width: auto;
}
/* Nav links */
.wp-block-navigation a {
  font-family: var(--sued-font-heading) !important;
  font-size: 0.85rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  color: var(--sued-muted) !important;
  transition: color 0.2s !important;
  text-transform: none !important;
}
.wp-block-navigation a:hover { color: var(--sued-light) !important; }

/* ── Header CTA — Glass Pill ────────────────────────────────── */
.sued-header-cta .wp-block-button__link,
.sued-header-cta .wp-block-button__link:visited {
  /* Shape */
  border-radius: 100px !important;
  padding: 0.55rem 1.35rem !important;

  /* Glass */
  background: rgba(255, 255, 255, 0.07) !important;
  backdrop-filter: blur(12px) saturate(160%) !important;
  -webkit-backdrop-filter: blur(12px) saturate(160%) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    inset 0 -1px 0 rgba(0, 0, 0, 0.15),
    0 4px 16px rgba(0, 0, 0, 0.25) !important;

  /* Typography */
  font-family: var(--sued-font-heading) !important;
  font-size: 0.8rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: var(--sued-light) !important;

  /* Transition */
  transition: background 0.3s var(--sued-ease),
              border-color 0.3s var(--sued-ease),
              box-shadow 0.3s var(--sued-ease),
              transform 0.2s var(--sued-ease) !important;
}

.sued-header-cta .wp-block-button__link:hover {
  background: rgba(38, 175, 255, 0.15) !important;
  border-color: rgba(38, 175, 255, 0.45) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.2),
    inset 0 -1px 0 rgba(0, 0, 0, 0.1),
    0 0 20px rgba(38, 175, 255, 0.25),
    0 4px 16px rgba(0, 0, 0, 0.2) !important;
  color: var(--sued-light) !important;
  transform: translateY(-1px);
}

.sued-header-cta .wp-block-button__link:active {
  transform: translateY(0);
  background: rgba(38, 175, 255, 0.1) !important;
}

/* ── Site Footer ────────────────────────────────────────────── */

.sued-site-footer {
  background: #000 !important;
  position: relative;
  z-index: 1;
}

/* ── Responsive ────────────────────────────────────────────── */
@media (max-width: 768px) {
  /* Uma única linha: Logo | hamburger | CTA */
  .sued-site-header .sued-container {
    flex-wrap: nowrap;
    padding-block: 0.6rem;
    gap: 0.75rem;
  }

  .sued-site-header .wp-block-image img {
    width: 100px !important;
  }

  /* Nav (hamburger) flex-shrink para não empurrar o CTA */
  .sued-site-header .wp-block-navigation {
    flex-shrink: 0;
  }

  /* CTA — visível no mobile, glass pill compacto */
  .sued-site-header .wp-block-buttons {
    display: flex !important;
    flex-shrink: 0;
    margin-left: auto;
  }
  .sued-header-cta .wp-block-button__link {
    font-size: 0.7rem !important;
    padding: 0.4rem 0.85rem !important;
  }

  /* ── WordPress Navigation Overlay (Mobile Menu) ──────── */
  .wp-block-navigation__responsive-container.is-menu-open {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    height: 100dvh !important;
    background: rgba(10, 17, 24, 0.97) !important;
    backdrop-filter: blur(24px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(24px) saturate(180%) !important;
    padding: 6rem 2rem 3rem !important;
    z-index: 100000 !important;
  }
  .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation__responsive-container-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    height: 100%;
  }
  .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation-item {
    width: 100%;
    text-align: center;
    border-bottom: 1px solid rgba(255,255,255,0.04);
  }
  .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation-item a {
    display: block;
    padding: 1.25rem 1rem !important;
    font-family: var(--sued-font-heading) !important;
    font-size: 1.1rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.04em !important;
    color: var(--sued-muted) !important;
    transition: color 0.2s, background 0.2s !important;
    text-transform: none !important;
  }
  .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation-item a:hover,
  .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation-item a:active {
    color: var(--sued-accent) !important;
    background: rgba(38,175,255,0.04) !important;
  }
  /* Close button styling */
  .wp-block-navigation__responsive-container-close {
    color: var(--sued-accent) !important;
    padding: 0.75rem !important;
    position: absolute !important;
    top: 1rem !important;
    right: 1rem !important;
  }
  .wp-block-navigation__responsive-container-close svg {
    width: 28px !important;
    height: 28px !important;
  }
  /* Hamburger button styling */
  .wp-block-navigation__responsive-container-open {
    color: var(--sued-light) !important;
  }
  .wp-block-navigation__responsive-container-open svg {
    width: 28px !important;
    height: 28px !important;
  }

  /* ── Footer Mobile ───────────────────────────────────── */
  .sued-site-footer .sued-container {
    padding-top: 3rem !important;
  }
  .sued-site-footer .wp-block-columns {
    padding-bottom: 2rem !important;
  }
  .sued-site-footer .wp-block-column {
    text-align: left;
    padding-left: 1rem;
    padding-right: 1rem;
    margin-bottom: 2rem;
  }
  .sued-site-footer .wp-block-image {
    margin-inline: 0;
  }
  .sued-site-footer .wp-block-image img {
    margin-inline: 0;
  }
  .sued-site-footer .wp-block-navigation {
    justify-content: flex-start !important;
  }
  .sued-site-footer .wp-block-navigation__container {
    align-items: flex-start !important;
  }
}