/* ── Glass header styles ─────────────────────────────────────────────────── */

/* Glassmorphism header — sticky, transparent, blurred */
.jp-nav-blur {
  position: sticky !important;
  top: 0 !important;
  z-index: 100 !important;
  border-top: 1px solid rgba(0, 31, 255, 0.7) !important;
  border-bottom: 1px solid rgba(153, 170, 255, 0.1) !important;
  background: rgba(0, 5, 16, 0.42) !important;
  backdrop-filter: blur(24px) saturate(160%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(160%) !important;
}

/* Logo — soft frost glow */
.jp-nav-blur .wp-block-site-logo img {
  filter: drop-shadow(0 0 8px rgba(77, 111, 255, 0.32));
  transition: filter 240ms ease;
}
.jp-nav-blur .wp-block-site-logo img:hover {
  filter: drop-shadow(0 0 16px rgba(77, 111, 255, 0.6));
}

/* Nav links — dimmer at rest, more atmospheric */
.jp-nav-blur .wp-block-navigation-item__content,
.jp-nav-blur .wp-block-navigation a {
  font-size: 0.8125rem !important;
  letter-spacing: 0.06em !important;
  color: rgba(155, 170, 220, 0.72) !important;
  transition: color 140ms ease, text-shadow 140ms ease !important;
}

/* Nav hover — bright white + glow */
.jp-nav-blur .wp-block-navigation-item__content:hover,
.jp-nav-blur .wp-block-navigation a:hover {
  color: #ffffff !important;
  text-shadow: 0 0 10px rgba(153, 170, 255, 0.45) !important;
}

/* Active / current page — frost bracket */
.jp-nav-blur .wp-block-navigation .current-menu-item > .wp-block-navigation-item__content {
  color: #99AAFF !important;
  text-shadow: none !important;
}
.jp-nav-blur .wp-block-navigation .current-menu-item > .wp-block-navigation-item__content::before {
  content: '‹ ';
  color: rgba(153, 170, 255, 0.55);
  font-weight: 300;
}
.jp-nav-blur .wp-block-navigation .current-menu-item > .wp-block-navigation-item__content::after {
  content: ' ›';
  color: rgba(153, 170, 255, 0.55);
  font-weight: 300;
}

/* Logo vertical breathing room — override WP inline padding on the flex row */
.jp-nav-blur .wp-block-group.alignwide {
  padding-top: clamp(0.9rem, 1.5vw, 1.05rem) !important;
  padding-bottom: clamp(0.9rem, 1.5vw, 1.05rem) !important;
}

/* Inner page heroes — pull behind glass header so forest/cover shows through */
.jp-page-hero {
  margin-top: calc(-1 * var(--jp-header-h, 52px)) !important;
}

/* Divider between nav and cart */
.jp-nav-blur > .wp-block-group {
  border-left: 1px solid rgba(153, 170, 255, 0.18) !important;
  padding-left: 1.25rem !important;
  margin-left: 0.5rem !important;
}

/* Mini-cart — strip all WooCommerce wrapper borders */
.jp-nav-blur .wc-block-mini-cart,
.jp-nav-blur .wp-block-woocommerce-mini-cart {
  border: none !important;
  background: transparent !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

/* Badge wrapper contains the icon — must be transparent, not solid blue */
.jp-nav-blur .wc-block-mini-cart__quantity-badge {
  background: transparent !important;
}

/* Cart icon button — borderless, matches nav link style */
.jp-nav-blur .wc-block-mini-cart__button {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 4px !important;
  border-radius: 0 !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  aspect-ratio: unset !important;
}
.jp-nav-blur .wc-block-mini-cart__icon {
  width: 22px !important;
  height: 22px !important;
  color: rgba(155, 170, 220, 0.72) !important;
  transition: color 140ms ease !important;
}
.jp-nav-blur .wc-block-mini-cart__button:hover .wc-block-mini-cart__icon {
  color: #ffffff !important;
}