/*
Theme Name: Pink Moon Boutique
Description: Pink Moon's accessible editorial design foundation, built on OceanWP.
Template: oceanwp
Version: 0.2.0
Text Domain: pinkmoon
*/

/* Native dashboard-managed menus; the existing navigation remains the fallback. */
.pm-managed-menu { list-style:none; margin:0; padding:0; }
.pm-desktop-nav .pm-managed-menu { display:flex; align-items:center; gap:24px; }
.pm-managed-menu li { position:relative; list-style:none; margin:0; }
.pm-desktop-nav .pm-managed-menu>li>a { display:block; padding:14px 0; }
.pm-desktop-nav .pm-managed-menu .sub-menu { display:none; position:absolute; top:100%; left:0; min-width:220px; background:#fff; border:1px solid #e9dedc; border-radius:8px; padding:12px; box-shadow:0 12px 24px #322b2b12; z-index:30; list-style:none; }
.pm-desktop-nav .pm-managed-menu li:hover>.sub-menu,
.pm-desktop-nav .pm-managed-menu li:focus-within>.sub-menu { display:block; }
.pm-desktop-nav .pm-managed-menu .sub-menu a { display:block; padding:10px; }
.pm-mobile-dialog .pm-managed-menu a { display:block; padding:14px 0; white-space:normal; }
.pm-mobile-dialog .pm-managed-menu .sub-menu { list-style:none; margin:0 0 0 20px; padding:0; }
:root {
  --pm-blush: #b98b8d;
  --pm-mauve: #735253;
  --pm-pale: #efe7e5;
  --pm-ivory: #faf7f4;
  --pm-ink: #222222;
  --pm-muted: #5d5353;
  --pm-white: #ffffff;
  --pm-footer: #322b2b;
  --pm-radius: 12px;
  --pm-space-1: 8px;
  --pm-space-2: 16px;
  --pm-space-3: 24px;
  --pm-space-4: 32px;
  --pm-space-6: 48px;
  --pm-space-8: 64px;
}
body { color: var(--pm-ink); }
:where(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: 3px solid var(--pm-mauve) !important;
  outline-offset: 4px;
}
.pm-button {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 48px; padding: 12px 24px; border: 1px solid var(--pm-mauve);
  border-radius: var(--pm-radius); background: var(--pm-mauve);
  color: var(--pm-white); font: inherit; text-decoration: none;
  transition: background-color 180ms ease, color 180ms ease;
}
.pm-button:hover { background: var(--pm-footer); color: var(--pm-white); }
.pm-button--secondary { background: transparent; color: var(--pm-mauve); }
.pm-card { border: 1px solid var(--pm-pale); border-radius: var(--pm-radius); background: var(--pm-white); }
.pm-copy { max-width: 70ch; line-height: 1.65; }
.pm-product-image { aspect-ratio: 4 / 5; object-fit: cover; width: 100%; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  *, *::before, *::after {
    animation-duration: 0.01ms !important; animation-delay: 0ms !important;
    transition-duration: 0.01ms !important; animation-iteration-count: 1 !important;
  }
}