/* PREMIUM KATMAN — hareket/animasyon kurallari (gonderim halkasi, tarama animasyonu, scan-1 ilerlemesi,
   siparis dalgasi, sayac, bildirim). Sahibi: PREMIUM-TASARIM (davranis). Davranis: public/js/dk-premium.js;
   belge: docs/premium-tasarim.md "Davranislar".
   - Her kural [data-premium] altinda: PREMIUM_AKTIF=false -> prototip birebir.
   - Hareket YALNIZ @media (prefers-reduced-motion: no-preference) icinde; azaltilmis harekette hicbir sey
     kipirdamaz, durum geri bildirimi (Taranıyor…, duran halka, %60'ta duran ilerleme cizgisi, mesgul imleci)
     kalir.
   - Enjekte edilen her oge position:absolute; dugme genisligi JS'te kilitlenir -> duzen kaymasi yok.
   - Hareket 'translate' / 'scale' ayri ozellikleriyle: alanlarin ve ikon katmaninin 'transform'unu ezmez.
   - Ad alani: .dkpd-* sinif, data-dkpd-* oznitelik, @keyframes dkpd-*. */

/* ---- ortak ---------------------------------------------------------------------------------------- */
[data-premium] [data-dkpd-konum]{position:relative}
[data-premium] .dkpd-okunur{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}

/* ---- 1) gonderim halkasi: ikonun yerine gecer (ikonsuz dugmede etiket saydamlasir, halka ortada) ---- */
[data-premium] [data-dkpd-mesgul],[data-premium] [data-dkpd-taraniyor]{cursor:progress}
/* Mesgul dugme soluklasmaz (alanlarin kendi aria-busy solgunlugu yerine halka); yalniz <input> dugme soluk. */
[data-premium] :is([data-dkpd-mesgul]:not([data-dkpd-mesgul="duz"]),[data-dkpd-taraniyor]){opacity:1}
[data-premium] [data-dkpd-mesgul="duz"]{opacity:.72}
[data-premium] [data-dkpd-sakla]{visibility:hidden}
[data-premium] [data-dkpd-mesgul="orta"]{color:transparent}
[data-premium] [data-dkpd-mesgul="orta"]>:not(.dkpd-halka),
[data-premium] [data-dkpd-mesgul="orta"]::before,
[data-premium] [data-dkpd-mesgul="orta"]::after{visibility:hidden}
[data-premium] .dkpd-halka{position:absolute;box-sizing:border-box;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;pointer-events:none}
/* Ikon katmaninin maskeli ::before ikonu (dk-premium.css) yerinde halkaya doner: kutu ayni, etiket gorunur.
   !important: ikon kuralinin :is() ozgullugu cok yuksek; bu gecici durum ikonu ezmek ZORUNDA. */
[data-premium] [data-dkpd-mesgul="sozde"]::before{-webkit-mask:none!important;mask:none!important;background:none!important;box-sizing:border-box!important;border:2px solid currentColor!important;border-right-color:transparent!important;border-radius:50%!important}

/* ---- 2) tarama: "Taranıyor…" + tarama isini + istek surerken dolan cizgi + ikonun tarama cizgisi ---- */
[data-premium] [data-dkpd-taraniyor]{justify-content:center}
[data-premium] [data-dkpd-taraniyor=""]{white-space:nowrap}
[data-premium] .dkpd-tarama{position:absolute;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none}
/* Harekesiz (azaltilmis hareket) hal: alttaki ince cizgi %60'ta DURAN bir ilerleme cubugudur — etiketi
   degismeyen dar dugmelerde ("Tara", hizli islem karosu) mesgul oldugunun tek gorunur isareti. Hareketli
   halde asagidaki @media kurali cizgiyi %3'ten baslatip doldurur. */
[data-premium] .dkpd-tarama-dolum{display:block;position:absolute;left:0;right:0;bottom:0;height:2px;background:currentColor;opacity:.7;transform-origin:0 50%;scale:.6 1}

/* ---- 5) sayac: saydam hayalet son metnin genisligini tutar, gorunen katman ustunde sayar ---- */
[data-premium] .dkpd-sayac{display:inline-grid}
[data-premium] .dkpd-sayac>span{grid-area:1/1}
[data-premium] .dkpd-sayac-hayalet{visibility:hidden}

/* ---- 6) bildirim: alan betikleri toast'u <body>'ye ekler (.dk-kok'un yazi tipi disinda kalir, tarayici
   varsayilani serif'e duser) — katman acikken prototipin yazi tipi. Kaldirilan toast'un kopyasi tiklanamaz. ---- */
[data-premium] :is(.d99af42f,.dks-bildirim){font-family:'DM Sans',system-ui,sans-serif}
[data-premium] [data-dkpd-cikis]{pointer-events:none}

@media (prefers-reduced-motion:no-preference){
  /* 1) halka doner */
  [data-premium] .dkpd-halka,[data-premium] [data-dkpd-mesgul="sozde"]::before{animation:dkpd-don .7s linear infinite}

  /* 2) tarama isini soldan saga suzulur; alttaki ince cizgi istek surdukce yavaslayarak dolar;
        tarama ikonunun (Lucide scan-line) orta cizgisi yukari-asagi tarar */
  [data-premium] .dkpd-tarama-isin{display:block;position:absolute;top:0;bottom:0;left:0;width:42%;background:linear-gradient(100deg,transparent 0,currentColor 50%,transparent 100%);opacity:.22;translate:-110% 0;animation:dkpd-isin 1.4s cubic-bezier(.45,.05,.3,1) infinite}
  [data-premium] .dkpd-tarama-dolum{scale:.03 1;animation:dkpd-dolum 8s cubic-bezier(.08,.7,.2,1) forwards}
  [data-premium] [data-dkpd-taraniyor] svg path[d="M7 12h10"]{animation:dkpd-cizgi 1s ease-in-out infinite alternate}

  /* 3) scan-1: cubuk yumusak ilerler ve uzerinden parilti gecer (100%'de durur); adim sonucu belirir */
  [data-premium] [data-dkt-cubuk]{position:relative;overflow:hidden;transition:width .5s cubic-bezier(.22,.61,.36,1)}
  [data-premium] [data-dkt-cubuk]::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0,rgba(255,255,255,.45) 50%,transparent 100%);translate:-100% 0;animation:dkpd-parilti 1.6s ease-in-out infinite}
  [data-premium] [data-dkt-cubuk][style*="width:100%"]::after,
  [data-premium] [data-dkt-cubuk][style*="width: 100%"]::after{animation:none;opacity:0}
  [data-premium] [data-dkt-adim]>span+span{animation:dkpd-belir .22s cubic-bezier(.2,.8,.2,1) both}

  /* 4) siparis CTA: imlecten yayilan dalga (renk = metin rengi), kisa basma cokmesi, ikon itkisi.
        Ikon katmaninin ::before ikonu (svg'siz CTA) da ayni itkiyi alir (--dkpd-ikon-x). */
  [data-premium] .dkpd-dalga-kap{position:absolute;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none}
  [data-premium] .dkpd-dalga{position:absolute;border-radius:50%;background:currentColor;opacity:0;pointer-events:none;animation:dkpd-dalga .45s cubic-bezier(.2,.8,.2,1) forwards}
  [data-premium] [data-dkpd-siparis][data-dkpd-basildi]{animation:dkpd-bas .22s cubic-bezier(.2,.8,.2,1)}
  [data-premium] [data-dkpd-siparis]>svg,[data-premium] [data-dkpd-siparis]:not(:has(svg))::before{transition:translate .2s cubic-bezier(.2,.8,.2,1)}

  /* 5) sayac: JS hazir olana dek hedef sayilar gizli (son deger bir an gorunup 0'a atlamasin).
        JS hic calismazsa 1,5 sn sonra kendiliginden gorunur. Secici dk-premium.js SAYAC ile AYNI (yalniz
        tanitim sayilari; panel/yonetim KPI kartlari sayilmaz ve gizlenmez). */
  .dk-js [data-premium] :is(.ddfade11 b.d04ca085,.da9d087a .d5e73e3b,[data-premium-sayac]):not([data-dkpd-sayac]){visibility:hidden;animation:dkpd-goster 0s 1.5s forwards}

  /* 6) bildirim: prototip toast'lari alttan yukselerek girer, kaldirilinca solarak cikar */
  [data-premium] :is(.d99af42f,.dks-bildirim){animation:dkpd-tost-gir .24s cubic-bezier(.2,.8,.2,1) both}
  [data-premium] :is(.d99af42f,.dks-bildirim)[data-dkpd-cikis]{animation:dkpd-tost-cik .18s ease-in forwards}
}

@media (hover:hover) and (prefers-reduced-motion:no-preference){
  [data-premium] [data-dkpd-siparis]:hover{--dkpd-ikon-x:2px}
  [data-premium] [data-dkpd-siparis]:hover>svg,[data-premium] [data-dkpd-siparis]:not(:has(svg)):hover::before{translate:var(--dkpd-ikon-x) 0}
}

@keyframes dkpd-don{to{transform:rotate(360deg)}}
@keyframes dkpd-isin{to{translate:240% 0}}
@keyframes dkpd-dolum{to{scale:.94 1}}
@keyframes dkpd-cizgi{from{translate:0 -4px}to{translate:0 4px}}
@keyframes dkpd-parilti{to{translate:100% 0}}
@keyframes dkpd-belir{from{opacity:0;scale:.9}}
@keyframes dkpd-dalga{from{scale:0;opacity:.24}to{scale:1;opacity:0}}
@keyframes dkpd-bas{40%{scale:.97}}
@keyframes dkpd-goster{to{visibility:visible}}
@keyframes dkpd-tost-gir{from{opacity:0;translate:0 12px}}
@keyframes dkpd-tost-cik{to{opacity:0;translate:0 10px}}