/* ============================================================
   theme-cicek-bahcesi.css
   Zeynep & İlkay'ın gerçek davetiyesinden türetilmiş, onaylanmış tema.
   Zarf: adaçayı yeşili + gümüş yaprak folyo. Kart içi: fildişi zemin
   + pudra pembesi çiçek deseni + koyu antrasit yazı.
   ============================================================ */

:root {
  --bg: #F8F4E9;
  --surface: #FFFFFF;
  --text: #332C22;
  --text-soft: #8A7F68;
  --accent: #7E8E72;
  --accent-soft: #E3C6BE;
  --accent-metal: #BFC0BA;
  --line: #DCCEB0;
  --font-display: 'Playfair Display', serif;
  --font-body: 'Nunito Sans', sans-serif;
  --display-style: italic;
  --display-weight: 600;
  --radius: 999px;
}

/* Zarf motifi: sadece bu temada aktif. Gerçek davetiyedeki
   köşe kesiğini andıran bir çentik, clip-path ile veriliyor. */
.envelope-box {
  border: 1.5px solid var(--accent);
  clip-path: polygon(0 0, 100% 0, 100% 45%, 89% 50%, 100% 55%, 100% 100%, 0 100%);
  padding: 34px 24px 30px;
  perspective: 900px;
  min-height: 260px;
}
.envelope-box h1 { font-size: clamp(30px, 7vw, 48px); }
.envelope-box .subtitle { margin-top: 14px; }
.envelope-box.hidden { display: none; }

.leaf-decor { display: flex; }

/* --- Çift kapı efekti: zarf gerçekten ortadan ikiye açılıyor --- */
.envelope-door {
  display: block;
  position: absolute;
  top: 0; bottom: 0; width: 50%;
  background: var(--accent);
  overflow: hidden;
  transition: transform 1.1s cubic-bezier(.65, 0, .35, 1), opacity .3s ease .8s;
  backface-visibility: hidden;
  z-index: 5;
}
.envelope-door::before {
  /* Zarftaki gümüş sarkan yaprak desenini kapı yüzeyine yayıyoruz */
  content: '';
  position: absolute; inset: 0;
  background-image: radial-gradient(ellipse 5px 3px at 20% 8%, var(--accent-metal) 45%, transparent 46%),
    radial-gradient(ellipse 5px 3px at 55% 15%, var(--accent-metal) 45%, transparent 46%),
    radial-gradient(ellipse 4px 2.5px at 30% 24%, var(--accent-metal) 45%, transparent 46%),
    radial-gradient(ellipse 5px 3px at 70% 30%, var(--accent-metal) 45%, transparent 46%),
    radial-gradient(ellipse 4px 2.5px at 25% 40%, var(--accent-metal) 45%, transparent 46%),
    radial-gradient(ellipse 4px 2.5px at 60% 48%, var(--accent-metal) 45%, transparent 46%),
    radial-gradient(ellipse 4px 2.5px at 35% 58%, var(--accent-metal) 45%, transparent 46%),
    radial-gradient(ellipse 3.5px 2px at 65% 66%, var(--accent-metal) 45%, transparent 46%),
    radial-gradient(ellipse 3.5px 2px at 22% 76%, var(--accent-metal) 45%, transparent 46%),
    radial-gradient(ellipse 3.5px 2px at 55% 84%, var(--accent-metal) 45%, transparent 46%);
  opacity: .55;
}
.envelope-door-left {
  left: 0;
  transform-origin: left center;
  border-right: 1px solid rgba(255,255,255,.3);
}
.envelope-door-right {
  right: 0;
  transform-origin: right center;
  border-left: 1px solid rgba(255,255,255,.3);
}
.envelope-box.opened .envelope-door-left { transform: rotateY(-108deg); opacity: 0; }
.envelope-box.opened .envelope-door-right { transform: rotateY(108deg); opacity: 0; }

/* Zarf kapalıyken üzerinde görünen isim + tarih yazısı (kapılarla birlikte solar) */
.envelope-cover-text {
  position: absolute; inset: 0; z-index: 6;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  text-align: center; padding: 0 16px; pointer-events: none;
  transition: opacity .5s ease;
}
.envelope-cover-text .ect-names {
  font-family: var(--font-display); font-style: var(--display-style); font-weight: var(--display-weight);
  color: #fff; font-size: clamp(20px, 5.5vw, 28px); line-height: 1.15;
  text-shadow: 0 1px 3px rgba(0,0,0,.15);
}
.envelope-cover-text .ect-date { color: rgba(255,255,255,.9); font-size: 12.5px; margin-top: 8px; letter-spacing: .04em; }
.envelope-box.opened .envelope-cover-text { opacity: 0; }