/*
 * Bahar Fisiltisi (0.7.2) — amiral davet temasi.
 *
 * Yalnizca bu temayi kullanan davet sayfasinda, rsvp.css'ten sonra yuklenir.
 * Renk ve yazi jetonlarini yeniden tanimlar; butun bilesenler (kart, dugme,
 * form, rozet) jetonlari kullandigi icin ayrica yazilmaz. Ustune zarf ve
 * muhur acilisi, kose dallari ve yaprak/kelebek suslemeleri eklenir.
 * Cizimler ozgundur (assets/tema/baharfisiltisi/LISANS.txt).
 *
 * Hareket: yalnizca transform ve opacity. prefers-reduced-motion acikken
 * zarf aninda acilir, susleme hic gelmez.
 */

body.rsvp.rsvp--tema-baharfisiltisi{
  --ink-900:#3E2A25; --ink-800:#4E3530; --ink-700:#614640;
  --zemin:#FBF1EC; --yuzey:#FFFBF8; --yuzey-2:#F8E9E1;
  /* Dugme zemini olarak beyaz metinle 4.9:1 (muhurun koyu tonu). */
  --vurgu:#A45E4E; --vurgu-yumusak:#F6DDD3; --vurgu-ustu:#FFFFFF;
  --vurgu-koyu:#8E5244;
  --cizgi:#EFD9CF; --cizgi-koyu:#E0C0B3;
  /* Bilgi rozeti ve bildirimi (0.7.3): mavi yerine palet; metin/zemin 6,7:1 */
  --bilgi:#8E5244; --bilgi-yumusak:#F6DDD3; --bilgi-metin:#6B4036;
  --kapak-perde:74 40 32;
  --baslik-font:"Cormorant Garamond","Cormorant Yedek",Georgia,"Times New Roman",serif;
  --bf-dal:url("tema/baharfisiltisi/dal.svg");
  background:
    radial-gradient(90% 55% at 100% 0%, rgba(246,214,200,.55) 0%, transparent 60%),
    radial-gradient(80% 50% at 0% 100%, rgba(246,214,200,.45) 0%, transparent 60%),
    var(--zemin);
}

.rsvp--tema-baharfisiltisi .rsvp-notice--bilgi{border-color:var(--cizgi-koyu)}

/* --- Kapak ve baslik ---------------------------------------------------- */
.rsvp--tema-baharfisiltisi .rsvp-kapak:not(.rsvp-kapak--gorselli){
  min-height:260px;align-items:center;text-align:center;
  background:radial-gradient(120% 90% at 50% 20%, #FDF3EE 0%, #F8E1D6 55%, #F2CDBE 100%)}
.rsvp--tema-baharfisiltisi .rsvp-kapak:not(.rsvp-kapak--gorselli)::before,
.rsvp--tema-baharfisiltisi .rsvp-kapak:not(.rsvp-kapak--gorselli)::after{
  content:"";position:absolute;width:clamp(110px,30vw,180px);aspect-ratio:9/11;pointer-events:none;
  background:var(--bf-dal) center/contain no-repeat;opacity:.95;z-index:1}
.rsvp--tema-baharfisiltisi .rsvp-kapak:not(.rsvp-kapak--gorselli)::before{inset-block-start:-6px;inset-inline-start:-10px;transform:scaleY(-1)}
.rsvp--tema-baharfisiltisi .rsvp-kapak:not(.rsvp-kapak--gorselli)::after{inset-block-end:-8px;inset-inline-end:-10px;transform:scaleX(-1)}
.rsvp--tema-baharfisiltisi .rsvp-kapak:not(.rsvp-kapak--gorselli)>*{position:relative;z-index:2}
@media (max-width:599px){.rsvp--tema-baharfisiltisi .rsvp-kapak:not(.rsvp-kapak--gorselli)::before,
  .rsvp--tema-baharfisiltisi .rsvp-kapak:not(.rsvp-kapak--gorselli)::after{width:92px;opacity:.75}}
.rsvp--tema-baharfisiltisi .rsvp-kapak h1,
.rsvp--tema-baharfisiltisi .rsvp-kompakt__baslik{font-weight:600;letter-spacing:.01em;color:var(--ink-900)}
.rsvp--tema-baharfisiltisi .rsvp-kapak:not(.rsvp-kapak--gorselli) h1{font-size:clamp(28px,7vw,40px);line-height:1.15}
.rsvp--tema-baharfisiltisi .rsvp-ust-etiket{color:var(--vurgu-koyu);letter-spacing:.22em}
.rsvp--tema-baharfisiltisi .rsvp-ev-sahibi{font-size:clamp(26px,7.5vw,40px);color:var(--vurgu-koyu);margin:4px 0 6px}
.rsvp--tema-baharfisiltisi .rsvp-kapak--gorselli .rsvp-ev-sahibi{color:#FFF1EA}

/* Zarf acilinca odak basliga tasinir (ekran okuyucu icin); fareyle acilista
   programli odagin halkasi gosterilmez. */
.rsvp--tema-baharfisiltisi h1[tabindex="-1"]:focus{outline:none}

/* --- Kartlar ve bolum basliklari --------------------------------------- */
.rsvp--tema-baharfisiltisi .rsvp-card{border-radius:24px;border-color:var(--cizgi);
  box-shadow:0 10px 30px rgba(142,82,68,.07)}
.rsvp--tema-baharfisiltisi .rsvp-card>h2,
.rsvp--tema-baharfisiltisi .rsvp-card>h3{color:#6B4036;font-weight:600}
.rsvp--tema-baharfisiltisi .rsvp-card>h2::after{content:"";display:block;width:56px;height:1px;margin:8px 0 2px;
  background:linear-gradient(90deg,var(--vurgu),transparent)}
[dir="rtl"] .rsvp--tema-baharfisiltisi .rsvp-card>h2::after,
.rsvp--tema-baharfisiltisi[dir="rtl"] .rsvp-card>h2::after{background:linear-gradient(270deg,var(--vurgu),transparent)}

/* Soz ve kapanis: kucuk dal susu */
.rsvp--tema-baharfisiltisi .rsvp-soz,
.rsvp--tema-baharfisiltisi .rsvp-kapanis{position:relative;padding-top:56px}
.rsvp--tema-baharfisiltisi .rsvp-soz::before,
.rsvp--tema-baharfisiltisi .rsvp-kapanis::before{content:"";position:absolute;inset-block-start:4px;left:50%;
  width:64px;height:48px;transform:translateX(-50%) rotate(-90deg);background:var(--bf-dal) center/contain no-repeat;opacity:.8}
.rsvp--tema-baharfisiltisi .rsvp-soz blockquote{color:#6B4036;font-size:clamp(20px,5vw,26px)}
.rsvp--tema-baharfisiltisi .rsvp-kapanis p{color:#6B4036}
.rsvp--tema-baharfisiltisi .rsvp-kapanis__imza{font-size:clamp(22px,6vw,30px) !important;color:var(--vurgu-koyu) !important}

/* Geri sayim: yuvarlak madalyonlar */
.rsvp--tema-baharfisiltisi .rsvp-geri-sayim{background:transparent;border:0;padding:4px 0;gap:10px}
.rsvp--tema-baharfisiltisi .rsvp-geri-sayim>div{aspect-ratio:1;display:grid;align-content:center;border-radius:50%;
  background:radial-gradient(circle at 35% 30%, #FFFBF8 0%, #F8E5DC 100%);border:1px solid var(--cizgi-koyu);
  box-shadow:0 6px 16px rgba(142,82,68,.10)}
.rsvp--tema-baharfisiltisi .rsvp-geri-sayim b{font-family:var(--baslik-font);font-size:clamp(24px,7vw,34px);color:var(--vurgu-koyu)}

/* Saatli program: cizgi uzerinde nokta */
.rsvp--tema-baharfisiltisi .rsvp-cizelge li{position:relative;border-inline-start-color:var(--cizgi-koyu)}
.rsvp--tema-baharfisiltisi .rsvp-cizelge li::before{content:"";position:absolute;inset-inline-start:-6px;top:.45em;
  width:10px;height:10px;border-radius:50%;background:var(--vurgu);box-shadow:0 0 0 3px var(--yuzey)}
.rsvp--tema-baharfisiltisi .rsvp-cizelge__saat{font-family:var(--baslik-font);font-size:19px}

/* --- Tam ekran 2.5B zarf (0.7.8) ---------------------------------------
   Ekranin kendisi zarfin arkasidir. Fildisi kabartmali kagit (Magnific,
   kagit.webp) butun katmanlarda ayni konumda durur; katmanlar clip-path ile
   kesilir, golgeler sarmalayicidaki drop-shadow'dan gelir. Kapak ust kenar
   etrafinda rotateX ile geriye katlanir; muhur (muhur.webp) iki yariya
   catlar, harfler metin olarak ustundedir; altin suslemeyi (susleme.webp)
   kapak tasir. Betiksiz acilis: muhur ve "Davetiyeyi goster" birer #icerik
   baglantisidir; hedeflenince zarf gizlenir. */
.bf-zarf{position:fixed;inset:0;z-index:1000;overflow:hidden;background:#F4EDE2;
  perspective:1600px;perspective-origin:50% 0;transition:opacity .5s ease;
  --bf-kagit:url("tema/baharfisiltisi/kagit.webp");--bf-uc:52%}
.bf-zarf[hidden]{display:none}
body:has(#icerik:target) .bf-zarf{display:none}
html.bf-zarf-acik,html.bf-zarf-acik body{overflow:hidden}
body:not(:has(#icerik:target)):has(.bf-zarf:not([hidden])){overflow:hidden}
.bf-zarf__arka,.bf-zarf__yan,.bf-zarf__cep,.bf-zarf__yan>i,.bf-zarf__cep>i,.bf-zarf__kapak-yuz{position:absolute;inset:0}
.bf-zarf__arka,.bf-zarf__yan>i,.bf-zarf__cep>i,.bf-zarf__kapak-yuz{background:var(--bf-kagit) center/cover no-repeat,#F7F1E7}
.bf-zarf__arka{z-index:1;filter:brightness(.9) saturate(.95);box-shadow:inset 0 0 140px rgba(110,80,50,.18)}
.bf-zarf__yan{z-index:4;filter:drop-shadow(0 0 1.5px rgba(110,80,50,.35));transition:opacity .6s ease}
.bf-zarf__yan--sol>i{clip-path:polygon(0 0,50% 50%,0 100%)}
.bf-zarf__yan--sag>i{clip-path:polygon(100% 0,50% 50%,100% 100%)}
.bf-zarf__yan--sol>i::after,.bf-zarf__yan--sag>i::after{content:"";position:absolute;inset:0}
.bf-zarf__yan--sol>i::after{background:linear-gradient(90deg,rgba(255,255,255,.14),rgba(255,255,255,0) 50%)}
.bf-zarf__yan--sag>i::after{background:linear-gradient(270deg,rgba(255,255,255,.1),rgba(255,255,255,0) 50%)}
.bf-zarf__cep{z-index:5;filter:drop-shadow(0 -2px 3px rgba(100,72,45,.2));transition:opacity .6s ease}
.bf-zarf__cep>i{clip-path:polygon(0 100%,50% 49%,100% 100%)}
.bf-zarf__cep>i::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(120,90,55,.06),rgba(255,255,255,.1))}
/* Kapak: ust kenara mentese; yuz kesik, susleme ve golge sarmalayicida. */
.bf-zarf__kapak{position:absolute;inset:0 0 auto 0;height:calc(var(--bf-uc) / .92);z-index:6;transform-origin:50% 0;
  filter:drop-shadow(0 5px 7px rgba(90,62,38,.24));transition:transform 1s cubic-bezier(.55,0,.25,1) .3s}
.bf-zarf__kapak-yuz{clip-path:polygon(0 0,100% 0,50% 92%)}
.bf-zarf__kapak-yuz::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(120,90,55,.05))}
.bf-zarf__susleme{position:absolute;left:50%;top:92%;width:min(82vw,560px);aspect-ratio:800/391;
  transform:translate(-50%,-62%);background:url("tema/baharfisiltisi/susleme.webp") center/contain no-repeat;pointer-events:none}
/* Kartta isimler; zarfin icinden yukselir. */
.bf-zarf__kart{position:absolute;left:50%;top:50%;z-index:2;width:min(78vw,360px);aspect-ratio:5/7;display:grid;align-content:center;justify-items:center;
  gap:10px;padding:12%;text-align:center;background:#FFFDF8;border-radius:3px;
  box-shadow:inset 0 0 0 10px #FFFDF8,inset 0 0 0 11px #D9C193,0 12px 30px rgba(90,62,38,.18);
  transform:translate(-50%,-22%);transition:transform .9s cubic-bezier(.2,.75,.25,1)}
.bf-zarf__kart small{font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:#9A7641}
.bf-zarf__kart strong{font-family:var(--baslik-font);font-weight:600;font-size:clamp(26px,7.4vw,36px);line-height:1.12;color:#3E2A25}
/* Altin isik: kapak acilirken zarfin agzindan yayilir. */
.bf-zarf__isik{position:absolute;left:50%;top:50%;z-index:3;width:12px;height:12px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,240,205,.95) 0%,rgba(250,214,150,.55) 38%,rgba(250,214,150,0) 70%);
  transform:translate(-50%,-50%) scale(0);opacity:0;transition:transform 1.1s ease-out .4s,opacity .9s ease .4s}
/* Muhur: iki yari (catlak cizgisi), harfler ikisinde de; baglantinin adi aria-label. */
.bf-zarf__muhur{position:absolute;left:50%;top:var(--bf-uc);z-index:7;width:clamp(96px,28vw,138px);aspect-ratio:1;
  transform:translate(-50%,-50%);border-radius:50%;text-decoration:none;cursor:pointer;animation:bf-nabiz 3.4s ease-in-out 1.6s infinite}
.bf-zarf__muhur-yari{position:absolute;inset:0;background:url("tema/baharfisiltisi/muhur.webp") center/contain no-repeat;
  display:grid;place-items:center;transition:transform .5s cubic-bezier(.3,.7,.3,1),opacity .5s ease .15s;
  filter:drop-shadow(0 6px 9px rgba(90,62,38,.3))}
.bf-zarf__muhur-yari--ust{clip-path:polygon(0 0,100% 0,100% 50%,86% 46%,72% 53%,58% 46%,44% 54%,30% 47%,16% 53%,0 48%)}
.bf-zarf__muhur-yari--alt{clip-path:polygon(0 48%,16% 53%,30% 47%,44% 54%,58% 46%,72% 53%,86% 46%,100% 50%,100% 100%,0 100%)}
.bf-zarf__harf{font-family:var(--baslik-font);font-weight:600;font-size:clamp(24px,7vw,34px);letter-spacing:.02em;color:#8A6A3E;
  text-shadow:0 1px 0 rgba(255,246,226,.75),0 -1px 0 rgba(96,66,34,.35)}
.bf-zarf__muhur:focus-visible{outline:3px solid #6B4036;outline-offset:6px}
.bf-zarf__alt{position:absolute;left:0;right:0;bottom:calc(9vh + env(safe-area-inset-bottom));z-index:8;display:grid;justify-items:center;gap:6px;
  text-align:center;transition:opacity .3s ease}
.bf-zarf__ipucu{margin:0;font-family:var(--baslik-font);font-size:clamp(19px,5vw,23px);color:#6B5540}
.bf-zarf__atla{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;font-size:14px;color:#7A5A3A;
  text-decoration:underline;text-underline-offset:3px}
.bf-zarf__atla:focus-visible{outline:3px solid #6B4036;outline-offset:2px;border-radius:6px}

/* Acilis (betik siniflari): muhur catlar, kapak geriye katlanir, isik yayilir,
   kart yukselir, zarf solar. */
.bf-aciliyor .bf-zarf__muhur{animation:none}
.bf-aciliyor .bf-zarf__muhur-yari--ust{transform:translate(4px,-26px) rotate(-10deg);opacity:0}
.bf-aciliyor .bf-zarf__muhur-yari--alt{transform:translate(-3px,22px) rotate(8deg);opacity:0}
.bf-aciliyor .bf-zarf__kapak{transform:rotateX(-172deg)}
.bf-aciliyor .bf-zarf__isik{transform:translate(-50%,-50%) scale(90);opacity:.85}
.bf-aciliyor .bf-zarf__alt{opacity:0}
/* Kart one cikar: cep ve yan kivrimlar solar, kart kagidin ustunde ortalanir. */
.bf-kart .bf-zarf__kart{transform:translate(-50%,-50%) scale(1.04)}
.bf-kart .bf-zarf__yan,.bf-kart .bf-zarf__cep{opacity:0}
.bf-kart .bf-zarf__isik{opacity:0;transition:opacity .8s ease}
.bf-soluyor{opacity:0}

@keyframes bf-nabiz{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.04)}}

/* --- Tarihi kaziyin: ortak kazi-kazan modulu (modul.css, 0.8.0) ---------
   Bahar'da her zaman acik; renkleri seftali ve altin. */
.rsvp--tema-baharfisiltisi .rsvp-kazi{--kazi-zemin:radial-gradient(circle at 50% 38%,#FFFDF9 0%,#F8E8DF 100%);--kazi-halka:#E3C9A0;
  --kazi-baslik:#6B4036;--kazi-ay:#9A7641;--kazi-gun:#3E2A25}
.rsvp--tema-baharfisiltisi .rsvp-kazi__alan{box-shadow:0 12px 28px rgba(142,82,68,.16),inset 0 0 0 1px var(--cizgi-koyu),inset 0 0 0 8px #FFFBF8,inset 0 0 0 9px #E3C9A0}
.rsvp--tema-baharfisiltisi .rsvp-kazi__goster:focus-visible{outline-color:#6B4036}

/* --- Yaprak ve kelebek suslemesi ---------------------------------------- */
.bf-susleme{position:fixed;inset:0;z-index:50;pointer-events:none;overflow:hidden}
.bf-yaprak{position:absolute;top:-30px;left:var(--x);width:var(--boy);height:calc(var(--boy) * .72);
  border-radius:80% 0 80% 0;background:linear-gradient(135deg,#FADCD0 0%,#EDAA96 100%);opacity:.8;
  animation:bf-dus var(--sure) linear var(--gecikme) var(--tekrar,3) both;will-change:transform}
@keyframes bf-dus{
  0%{transform:translate3d(0,-4vh,0) rotate(0deg)}
  25%{transform:translate3d(var(--salinim),24vh,0) rotate(95deg)}
  50%{transform:translate3d(calc(var(--salinim) * -1),52vh,0) rotate(185deg)}
  75%{transform:translate3d(var(--salinim),80vh,0) rotate(275deg)}
  100%{transform:translate3d(0,110vh,0) rotate(360deg)}}
.bf-kelebek{position:absolute;left:0;top:0;width:40px;height:33px;opacity:0;
  animation:bf-uc var(--sure) ease-in-out var(--gecikme) 1 both;will-change:transform}
.bf-kelebek svg{width:100%;height:100%;overflow:visible}
.bf-kelebek .bf-kanat{transform-box:fill-box;animation:bf-cirp .26s ease-in-out infinite alternate}
.bf-kelebek .bf-kanat--sol{transform-origin:100% 50%}
.bf-kelebek .bf-kanat--sag{transform-origin:0% 50%}
@keyframes bf-cirp{to{transform:scaleX(.3)}}
@keyframes bf-uc{
  0%{opacity:0;transform:translate3d(-8vw,var(--y0),0) rotate(12deg)}
  8%{opacity:.95}
  30%{transform:translate3d(28vw,calc(var(--y0) - 14vh),0) rotate(-6deg)}
  55%{transform:translate3d(52vw,calc(var(--y0) - 4vh),0) rotate(10deg)}
  80%{opacity:.95;transform:translate3d(80vw,calc(var(--y0) - 20vh),0) rotate(-4deg)}
  100%{opacity:0;transform:translate3d(108vw,calc(var(--y0) - 26vh),0) rotate(6deg)}}
.bf-duraklat .bf-yaprak,.bf-duraklat .bf-kelebek,.bf-duraklat .bf-kanat{animation-play-state:paused}

@media (prefers-reduced-motion:reduce){
  .bf-susleme{display:none}
  .bf-zarf,.bf-zarf *{transition:none !important;animation:none !important}
}