/*
 * Story Mode (0.17.0, brif 32): sinematik slayt sunumu.
 * Stil yalnizca betik hazir olunca (body.hk-hazir) uygulanir; betiksiz
 * ziyaretci uzun sayfayi gorur. Renkler temanin jetonlarindan (--yuzey,
 * --vurgu, --vurgu-ustu, --ink-*); her temada kendi paletiyle gorunur.
 */
.hk-gizli{display:none!important}
.hk-gezinti[hidden]{display:none}

body.rsvp--hikaye.hk-hazir .rsvp-wrap{min-height:calc(100vh - 120px);padding-bottom:calc(112px + env(safe-area-inset-bottom,0px))}

.hk-gezinti{position:fixed;left:50%;bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:40;transform:translateX(-50%);
  display:flex;align-items:center;gap:10px;width:min(560px,calc(100% - 24px));padding:8px;border-radius:999px;
  background:color-mix(in srgb,var(--yuzey,#fff) 80%,transparent);-webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2);
  box-shadow:0 0 0 1px color-mix(in srgb,var(--ink-900,#111) 10%,transparent),0 18px 40px -18px rgba(0,0,0,.45)}
.hk-dugme{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:46px;min-width:46px;padding:0 18px;border:0;border-radius:999px;cursor:pointer;
  font:600 15px/1 inherit;font-family:inherit;white-space:nowrap}
.hk-dugme--geri{background:transparent;color:var(--ink-800,#222)}
.hk-dugme--geri:disabled{opacity:.35;cursor:default}
.hk-dugme--ileri{margin-inline-start:auto;background:var(--vurgu,#222);color:var(--vurgu-ustu,#fff);box-shadow:0 8px 20px -10px var(--vurgu,#222)}
.hk-dugme:focus-visible,.hk-noktalar button:focus-visible{outline:3px solid var(--vurgu,#222);outline-offset:2px}
.hk-noktalar{display:flex;align-items:center;justify-content:center;gap:2px;flex:1;margin:0;padding:0;list-style:none}
.hk-noktalar li[hidden]{display:none}
.hk-noktalar button{display:grid;place-items:center;width:28px;height:44px;padding:0;border:0;background:none;cursor:pointer}
.hk-noktalar button::before{content:"";display:block;width:8px;height:8px;border-radius:999px;background:color-mix(in srgb,var(--ink-900,#111) 28%,transparent);transition:width .25s ease,background .25s ease}
.hk-noktalar button[aria-current="step"]::before{width:22px;background:var(--vurgu,#222)}
[dir="rtl"] .hk-dugme span[aria-hidden="true"]{display:inline-block;transform:scaleX(-1)}

/* Sayfa gecisi: yeni sayfanin bolumleri yandan suzulerek gelir. */
@keyframes hk-ileri{from{opacity:0;transform:translateX(28px)}to{opacity:1;transform:none}}
@keyframes hk-geri{from{opacity:0;transform:translateX(-28px)}to{opacity:1;transform:none}}
body.hk-gecis-ileri .rsvp-wrap>:not(.hk-gizli),body.hk-gecis-ileri .rsvp-kapak:not(.hk-gizli){animation:hk-ileri .45s cubic-bezier(.2,.8,.2,1) both}
body.hk-gecis-geri .rsvp-wrap>:not(.hk-gizli),body.hk-gecis-geri .rsvp-kapak:not(.hk-gizli){animation:hk-geri .45s cubic-bezier(.2,.8,.2,1) both}
[dir="rtl"] body.hk-gecis-ileri .rsvp-wrap>:not(.hk-gizli){animation-name:hk-geri}
[dir="rtl"] body.hk-gecis-geri .rsvp-wrap>:not(.hk-gizli){animation-name:hk-ileri}

/* Yeni nesil LCV: Katilim sayfasindaki kart pencereyi acar; sabit alt
   dugme Story Mode'da gereksiz (gezinme cubuguyla cakisirdi). */
body.rsvp--hikaye.hk-hazir .lcv-cta{display:none}

@media (prefers-reduced-motion:reduce){
  body.hk-gecis-ileri .rsvp-wrap>*,body.hk-gecis-geri .rsvp-wrap>*,body.hk-gecis-ileri .rsvp-kapak,body.hk-gecis-geri .rsvp-kapak{animation:none!important}
  .hk-noktalar button::before{transition:none}
}

/* Kapaksiz sayfalarda baslik ustteki sabit muzik / dil dugmelerinin altinda kalmasin. */
body.rsvp--hikaye.hk-hazir:not([data-hk-sayfa="davet"]) .rsvp-wrap{padding-top:calc(76px + env(safe-area-inset-top,0px))}