/* The handful of states React used to toggle by swapping class names.
   Everything else comes from site.css, which is the site's own stylesheet. */

/* reveal-on-scroll — hidden until site.js marks the element as shown */
[data-reveal][data-shown] {
  opacity: 1 !important;
  transform: none !important;
}

[data-submit][disabled] {
  opacity: 0.6;
  cursor: default;
}

/* ── Authentic iOS / Apple Liquid Glass Menu ─────────────────────────── */
.eden-mobile-menu {
  position: absolute !important;
  top: calc(100% + 12px) !important;
  inset-inline: 1.25rem !important;
  z-index: 9999 !important;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.4) 100%) !important;
  backdrop-filter: blur(40px) saturate(210%) brightness(108%) !important;
  -webkit-backdrop-filter: blur(40px) saturate(210%) brightness(108%) !important;
  border: 1px solid rgba(255, 255, 255, 0.75) !important;
  box-shadow:
    0 24px 48px -8px rgba(11, 41, 65, 0.14),
    0 12px 24px -4px rgba(11, 41, 65, 0.06),
    0 0 0 0.5px rgba(171, 135, 47, 0.18),
    inset 0 1.5px 1.5px 0 rgba(255, 255, 255, 0.9),
    inset 0 0 20px 0 rgba(255, 255, 255, 0.25) !important;
  border-radius: 26px !important;
  padding: 8px !important;
  transform-origin: top center;
  animation: edenIOSMenuSpring 0.32s cubic-bezier(0.175, 0.885, 0.32, 1.1) forwards;
}

@keyframes edenIOSMenuSpring {
  0% {
    opacity: 0;
    transform: translateY(-12px) scale(0.94);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.eden-mobile-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.eden-mobile-menu ul li {
  margin: 0;
  padding: 0;
  border: none !important;
}

.eden-mobile-menu ul li a {
  display: block;
  padding: 0.75rem 1.25rem;
  font-size: 17px;
  font-weight: 500;
  color: var(--color-ink, #0b2941);
  text-decoration: none;
  border-radius: 18px;
  transition: all 0.16s ease;
}

.eden-mobile-menu ul li a:hover,
.eden-mobile-menu ul li a:active {
  background: rgba(255, 255, 255, 0.6);
  color: var(--color-gold, #ab872f);
}

.eden-mobile-menu ul li.current-menu-item a {
  background: rgba(171, 135, 47, 0.12);
  color: var(--color-gold, #ab872f);
  font-weight: 600;
}

/* Animated Hamburger to Close X */
[data-menu-button] {
  cursor: pointer;
  border-radius: 999px;
  transition: background-color 0.2s ease;
}
[data-menu-button]:hover {
  background-color: rgba(171, 135, 47, 0.08);
}
[data-menu-button] span {
  transition: background-color 0.2s ease;
}
[data-menu-button] span::before,
[data-menu-button] span::after {
  transition: transform 0.25s cubic-bezier(0.32, 0.72, 0, 1), top 0.25s ease;
}
[data-menu-button][aria-expanded="true"] span {
  background-color: transparent !important;
}
[data-menu-button][aria-expanded="true"] span::before {
  top: 0 !important;
  transform: rotate(45deg) !important;
}
[data-menu-button][aria-expanded="true"] span::after {
  top: 0 !important;
  transform: rotate(-45deg) !important;
}