/*
 * Retro temasi (0.14.0, brif 28): tanitim sayfasinin synthwave dili davete.
 * Kapakta cizgili gun batimi ve donusumle kayan neon izgara (bestecide;
 * iOS'ta kesilmez), krom italik baslik, neon pembe/mavi vurgular; ic sayfa
 * gece mavisi zemin ve cam kartlar. Yazi tipi yerel Inter. Harici kaynak yok.
 * Kontrast: metin/zemin 15:1; ikincil 7:1; dugme metni (beyaz/pembe-mor) 5,1:1.
 */

body.rsvp.rsvp--tema-retro{
  --ink-900:#F4F1FF; --ink-800:#E4DFF7; --ink-700:#CFC8EA; --ink-600:#B2AAD6;
  --ink-500:#958DC0; --ink-400:#6E6696; --ink-300:#3E3766; --ink-200:#2A2450;
  --ink-100:#1C1740; --ink-50:#130F30; --ink-0:#0B0722;
  --zemin:#07031A; --yuzey:#110A2E; --yuzey-2:#170F3A;
  --vurgu:#FF2E97; --vurgu-koyu:#FF7CC4; --vurgu-yumusak:#2A0F3F; --vurgu-ustu:#FFFFFF;
  --cizgi:#2B2156; --cizgi-koyu:#3E3272;
  --bilgi:#00E5FF; --bilgi-yumusak:#0F2340; --bilgi-metin:#9EF4FF;
  --kapak-perde:7 3 26;
  --baslik-font:"Inter",var(--sistem-font);
  --govde-font:"Inter",var(--sistem-font);
  --rt-krom:linear-gradient(180deg,#fff 0%,#c9ecff 24%,#5d8fe6 47%,#170c3a 50%,#3d1154 53%,#ff5fb2 72%,#ffd6ee 90%,#fff 100%);
  --rt-neon:linear-gradient(90deg,#ff2e97,#b82cff 55%,#3b6fd8);
  --bant-zemin:#12082F; --bant-metin:#FFB3DC;
  color-scheme:dark;
  background:
    radial-gradient(900px 500px at 85% -10%,rgba(122,40,200,.35),transparent 60%),
    radial-gradient(700px 420px at -10% 110%,rgba(255,46,151,.16),transparent 60%),
    var(--zemin);
}
html:has(body.rsvp--tema-retro){background:#07031A}
.rsvp--tema-retro a:not(.rsvp-btn){color:var(--vurgu-koyu)}
.rsvp--tema-retro h1[tabindex="-1"]:focus{outline:none}

/* --- Kapak: gun batimi ve kayan neon izgara ----------------------------- */
.rsvp--tema-retro .rsvp-kapak:not(.rsvp-kapak--gorselli){
  min-height:380px;align-items:center;text-align:center;overflow:hidden;isolation:isolate;
  background:linear-gradient(180deg,#05021a 0%,#12063a 42%,#3a0d5c 62%,#7a1a6e 70%,#07031a 70.3%)}
.rsvp--tema-retro .rsvp-kapak:not(.rsvp-kapak--gorselli)::before{content:"";position:absolute;left:50%;top:70%;z-index:-1;
  width:min(48vw,230px);aspect-ratio:1;transform:translate(-50%,-58%);border-radius:50%;
  background:linear-gradient(180deg,#ffe36e 0%,#ffb03a 28%,#ff5f7a 55%,#ff2e97 72%,#b01aff 100%);
  box-shadow:0 0 60px 6px rgba(255,46,151,.45);
  -webkit-mask:linear-gradient(180deg,#000 48%,transparent 48% 52%,#000 52% 60%,transparent 60% 64%,#000 64% 70%,transparent 70% 75%,#000 75% 80%,transparent 80% 86%,#000 86%);
  mask:linear-gradient(180deg,#000 48%,transparent 48% 52%,#000 52% 60%,transparent 60% 64%,#000 64% 70%,transparent 70% 75%,#000 75% 80%,transparent 80% 86%,#000 86%)}
.rsvp--tema-retro .rsvp-kapak:not(.rsvp-kapak--gorselli)::after{content:"";position:absolute;left:-50%;right:-50%;top:calc(70% - 56px);height:100%;z-index:-1;
  transform-origin:50% 56px;transform:rotateX(74deg);will-change:transform;backface-visibility:hidden;
  background-image:linear-gradient(rgba(255,46,151,.9) 2px,transparent 2px),linear-gradient(90deg,rgba(0,229,255,.75) 2px,transparent 2px);
  background-size:56px 56px;border-top:2px solid rgba(255,46,151,.9);
  -webkit-mask:linear-gradient(180deg,transparent,#000 10%,#000 60%,transparent);mask:linear-gradient(180deg,transparent,#000 10%,#000 60%,transparent);
  animation:rt-izgara 1.6s linear infinite}
@keyframes rt-izgara{from{transform:perspective(320px) rotateX(74deg) translate3d(0,0,0)}to{transform:perspective(320px) rotateX(74deg) translate3d(0,56px,0)}}
.rsvp--tema-retro .rsvp-kapak:not(.rsvp-kapak--gorselli)>*{position:relative;z-index:2;text-shadow:0 2px 18px rgba(7,3,26,.85)}
.rsvp--tema-retro .rsvp-kapak--gorselli::after{content:"";position:absolute;inset:auto 0 0;height:2px;background:var(--rt-neon);box-shadow:0 0 16px #ff2e97}
.rsvp--tema-retro .rsvp-kapak h1,
.rsvp--tema-retro .rsvp-kompakt__baslik{font-weight:700;font-style:italic;letter-spacing:-.02em;background:var(--rt-krom);-webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 2px 0 #1a0b3d) drop-shadow(0 0 16px rgba(0,229,255,.35));padding-inline-end:.08em}
.rsvp--tema-retro .rsvp-kapak:not(.rsvp-kapak--gorselli) h1{font-size:clamp(32px,9vw,52px);line-height:1.05}
.rsvp--tema-retro .rsvp-ust-etiket{color:#9EF4FF;letter-spacing:.3em;text-shadow:0 0 12px rgba(0,229,255,.7)}
.rsvp--tema-retro .rsvp-ev-sahibi{font-size:clamp(24px,7vw,34px);font-style:italic;font-weight:700;color:#ffe3f3;
  text-shadow:0 0 6px #ff7cc4,0 0 18px #ff2e97,0 0 36px rgba(255,46,151,.6);margin:2px 0 8px}

/* --- Kartlar: cam, neon kenar ------------------------------------------ */
.rsvp--tema-retro .rsvp-card{border-radius:18px;border-color:rgba(255,255,255,.12);
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025));
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 20px 44px rgba(0,0,0,.45)}
.rsvp--tema-retro .rsvp-card>h2,
.rsvp--tema-retro .rsvp-card>h3{color:#fff;font-weight:700;font-style:italic;letter-spacing:-.01em}
.rsvp--tema-retro .rsvp-card>h2::after{content:"";display:block;width:64px;height:2px;margin:10px 0 2px;background:var(--rt-neon);box-shadow:0 0 12px #ff2e97}
.rsvp--tema-retro .rsvp-btn{border-radius:14px}
.rsvp--tema-retro .rsvp-btn--birincil{background:var(--rt-neon);color:#fff;border:0;box-shadow:0 10px 26px -10px rgba(255,46,151,.8),0 0 30px -12px rgba(0,229,255,.7)}
.rsvp--tema-retro .rsvp-btn--ikincil{background:rgba(255,255,255,.05);color:#fff;border-color:rgba(255,255,255,.2)}
.rsvp--tema-retro .rsvp-input,.rsvp--tema-retro .rsvp-select{background:rgba(7,3,26,.6);color:#fff;border-color:rgba(255,255,255,.18)}
.rsvp--tema-retro .rsvp-input:focus-visible{border-color:#00E5FF;outline:none;box-shadow:0 0 0 1px #00E5FF,0 0 18px -2px rgba(0,229,255,.7)}

/* Soz ve kapanis: neon cizgi */
.rsvp--tema-retro .rsvp-soz blockquote{color:var(--ink-800);font-style:italic}
.rsvp--tema-retro .rsvp-kapanis__imza{color:#ffe3f3 !important;text-shadow:0 0 14px #ff2e97}

/* Geri sayim: neon hucreler */
.rsvp--tema-retro .rsvp-geri-sayim{background:transparent;border:0;padding:4px 0;gap:10px}
.rsvp--tema-retro .rsvp-geri-sayim>div{border-radius:14px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(0,229,255,.4),0 0 18px -8px rgba(0,229,255,.8)}
.rsvp--tema-retro .rsvp-geri-sayim b{font-weight:200;font-size:clamp(28px,8vw,40px);color:#fff;font-family:-apple-system,"SF Pro Display",system-ui,"Inter",sans-serif;font-variant-numeric:tabular-nums}
.rsvp--tema-retro .rsvp-geri-sayim small{color:var(--ink-600)}
.rsvp--tema-retro .rsvp-tarih__cip{background:var(--yuzey-2);border-color:var(--cizgi-koyu)}
.rsvp--tema-retro .rsvp-renkler__daire{box-shadow:inset 0 0 0 3px var(--yuzey)}

/* Kazima: neon bilet */
.rsvp--tema-retro .rsvp-kazi{--kazi-zemin:linear-gradient(135deg,#1a0b3d,#12082f);--kazi-halka:#ff2e97;--kazi-baslik:#fff;--kazi-ay:#9EF4FF;--kazi-gun:#fff;
  --kazi-varak-1:#c9ecff;--kazi-varak-2:#5d8fe6;--kazi-varak-3:#ffd6ee;--kazi-varak-4:#b82cff;--kazi-varak-5:#ff5fb2}

/* Yeni nesil: koyu cam pencere, neon akis */
body.rsvp.rsvp--tema-retro{--lcv-cam:rgba(17,10,46,.86);--lcv-kenar:rgba(255,46,151,.35);--lcv-secenek:rgba(28,20,64,.85);
  --lcv-varak-1:#c9ecff;--lcv-varak-2:#ff2e97;--lcv-varak-3:#ffd6ee;
  --akis-iz:rgba(255,46,151,.25);--akis-dolgu:linear-gradient(180deg,#00e5ff,#b82cff 50%,#ff2e97);
  --akis-nokta-zemin:#110A2E;--akis-ikon:#9EF4FF;--akis-hale:rgba(0,229,255,.16)}
.rsvp--tema-retro .rsvp-akis__saat{font-weight:700;color:#9EF4FF}
.rsvp--tema-retro .lcv::backdrop{background:rgba(7,3,26,.65)}

@media (prefers-reduced-motion:reduce){
  .rsvp--tema-retro .rsvp-kapak::after{animation:none}
}