/* ═══════════════════════════════════════════════════════════════
   Mémoire — Global design system
   Color palette: #EFE7DA cream | #F79AD3 pink | #395C6B teal
                  #498467 sage  | #E5D4C0 sand  | #223841 teal-deep
═══════════════════════════════════════════════════════════════ */

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

:root{
  --cream:#EFE7DA;
  --cream-deep:#E8DFCD;
  --pink:#F79AD3;
  --pink-ink:#B86A92;
  --teal:#395C6B;
  --teal-deep:#223841;
  --sage:#498467;
  --sand:#E5D4C0;
  --ink:#1E2A30;
  --paper:#FAF5EA;
  --serif:'Cormorant Garamond',Georgia,serif;
  --display:'Italiana','Cormorant Garamond',serif;
  --sans:'Jost',sans-serif;
  --script:'Caveat',cursive;
}

html{scroll-behavior:smooth}
body{
  background:var(--cream);
  color:var(--ink);
  font-family:var(--sans);
  font-weight:300;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}

::selection{background:var(--pink);color:#fff}

/* ── ALERTS ── */
.alert{padding:0.9rem 1.2rem;border-radius:8px;font-size:0.85rem;margin-bottom:1rem}
.alert-success{background:rgba(73,132,103,0.1);border:1px solid rgba(73,132,103,0.25);color:var(--sage)}
.alert-error{background:rgba(192,57,43,0.08);border:1px solid rgba(192,57,43,0.2);color:#c0392b}

/* ── MOBILE NAV ── */

/* Hide desktop CTAs on mobile; hamburger shows instead */
@media(max-width:820px){.nav-hide-mobile{display:none!important}}

/* Hamburger button */
.nav-hamburger{
  display:none;
  flex-direction:column;
  gap:5px;
  cursor:pointer;
  background:none;
  border:none;
  padding:6px;
  color:var(--teal-deep);
  flex-shrink:0;
  -webkit-tap-highlight-color:transparent;
}
.nav-hamburger span{
  display:block;width:22px;height:1.5px;background:currentColor;
  transition:transform 0.3s ease,opacity 0.3s ease;
  transform-origin:center;
}
.nav-hamburger[aria-expanded="true"] span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.nav-hamburger[aria-expanded="true"] span:nth-child(2){opacity:0;transform:scaleX(0)}
.nav-hamburger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}

@media(max-width:820px){.nav-hamburger{display:flex}}

/* Full-screen mobile nav overlay */
.mobile-nav{
  position:fixed;inset:0;z-index:490;
  background:var(--teal-deep);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:2rem;
  opacity:0;visibility:hidden;
  transition:opacity 0.35s ease,visibility 0.35s ease;
}
.mobile-nav.open{opacity:1;visibility:visible}

.mobile-nav-close{
  position:absolute;top:1.4rem;right:1.6rem;
  background:none;border:none;
  color:rgba(239,231,218,0.65);cursor:pointer;padding:8px;
  transition:color 0.2s;
  -webkit-tap-highlight-color:transparent;
}
.mobile-nav-close:hover{color:var(--cream)}

.mobile-menu-links{
  list-style:none;
  display:flex;flex-direction:column;align-items:center;
  gap:0;margin-bottom:2.8rem;
}
.mobile-menu-links li a{
  font-family:var(--display);
  font-size:clamp(1.8rem,7vw,3rem);
  color:rgba(239,231,218,0.7);
  text-decoration:none;letter-spacing:0.04em;
  transition:color 0.2s;
  display:block;padding:0.35rem 1rem;text-align:center;
  -webkit-tap-highlight-color:transparent;
}
.mobile-menu-links li a:hover{color:var(--cream)}

.mobile-nav-ctas{
  display:flex;flex-direction:column;gap:0.75rem;
  width:100%;max-width:280px;
}
.mobile-nav-btn{
  display:block;text-align:center;
  padding:0.9rem 1.5rem;border-radius:100px;
  font-family:var(--sans);font-size:0.78rem;
  letter-spacing:0.22em;text-transform:uppercase;
  text-decoration:none;cursor:pointer;
  transition:all 0.25s;
  -webkit-tap-highlight-color:transparent;
}
.mobile-nav-btn--primary{background:var(--pink);color:#fff;border:1.5px solid var(--pink)}
.mobile-nav-btn--primary:hover{background:var(--cream);color:var(--teal-deep);border-color:var(--cream)}
.mobile-nav-btn--ghost{
  background:transparent;color:rgba(239,231,218,0.75);
  border:1.5px solid rgba(239,231,218,0.25);
}
.mobile-nav-btn--ghost:hover{border-color:rgba(239,231,218,0.6);color:var(--cream)}