/* PREMIUM KATMAN — prototipin ustune ikon ve mikro etkilesim. Tum kurallar [data-premium] altinda;
   config('premium.aktif')=false ile katman tamamen kapanir ve site prototipin birebir haline doner.
   Sahibi: PREMIUM-TASARIM alani (docs/premium-tasarim.md "Ikonlar ve etkilesim").

   Bu dosya: (1) ikonsuz dugmelere ikon, (2) birincil CTA'larda hover kalkisi + golge, (3) ana satin alma /
   tarama CTA'larinda isik supurmesi, (4) basma geri bildirimi, (5) :focus-visible halkasi, (6) devre disi
   gorunumu. Hareket (tarama animasyonu, yukleme halkasi, siparis dalgasi, sayac) dk-premium-hareket.css +
   dk-premium.js'tedir; bu dosya onlarin kancalarina (aria-busy, data-dkpd-*) saygi gosterir.

   Kurallar: alan gorunumleri/CSS'i DUZENLENMEZ — yalniz oznitelik secicileri, uretilmis siniflar ve :has().
   Zaten <svg>/<img> tasiyan dugmeye ikon EKLENMEZ (:not(:has(svg, img))). Hareket 150-250 ms ease-out,
   prefers-reduced-motion: reduce iken hic hareket yok, dokunmatikte (hover: none) hover efekti yok.
   Ogeyi/formu katmandan cikarmak: data-premium-yok (dk-premium.js ile ayni kapatma anahtari).
   PayTR kart formu (PCI) ve pasif Google dugmesi (.d56fc89a) hic etkilenmez. */

/* ---- 0. Degiskenler ------------------------------------------------------------------------------------ */
[data-premium] {
    --dkp-mavi: #2F6BFF;
    --dkp-egri: cubic-bezier(.22, .61, .36, 1);   /* ease-out */
    --dkp-ikon-boy: 1.1em;                         /* prototip: 14px yazida 15-16px ikon, cizgi 2 */
}

/* ==== 1. IKONLAR ==========================================================================================
   Ikon = currentColor'la boyanan ::before (sonda ::after) + yerel Lucide SVG maskesi (public/img/ikonlar/).
   1a GEOMETRI listesi hangi dugmenin ikon alacagini, 1b her dugmeye HANGI ikonun gidecegini soyler; yeni bir
   secici IKISINE birden eklenmeli (yalniz 1a'ya eklenirse maske saydam kalir, bos bir kutu gorunur).
   Flex dugmede bosluk dugmenin kendi gap'idir (prototip: 8px); blok/satir ici dugmede --dkp-ikon-ara.
   Ikon boyu yazi boyuna goredir (1.1em); satir icinde yazi taban cizgisine hizalanir (-.2em). */

/* 1a — basa ikon alan dugmeler */
[data-premium] :is(
    a.dk-bt[href*="/siparis?paket="],                                   /* Satin Al / Hemen Satin Al / Ucretsiz Inceleme */
    a.dk-bt:is([href$="/siparis"], [href$="/siparis/"]),                /* panel: Temizlik siparisi ver, Siparis olustur */
    a.dk-bt[href*="yeni=1"], [data-eylem="resetOrder"],                 /* tamamlandi: Yeni siparis */
    a.dk-bt:is([href$="/ucretsiz-site-analizi"], [href*="/ucretsiz-site-analizi?"]),
    a[data-dkt-yeni], [data-eylem="resetScan"],                         /* tarama sonucu: Yeni analiz */
    a.ddc14f37[href^="mailto:"],                                        /* ekibimiz: Basvur */
    form[action*="/siparis/kupon"] button[type="submit"],               /* adim 3: kupon Uygula */
    form.dks-dekont button[type="submit"],                              /* tamamlandi: Dekontu Gonder */
    :is(button, a):is([data-pt-kapat], [data-ys-kapat], [data-destek-modal-kapat], [data-eylem="closeModal"]),
    button[type="submit"] + a.dk-bt.d8b2e891[href*="/yonetim/sunucular"], /* sunucu formu: Vazgec */
    :is(button, a):is([data-pt-ac="reddet"], [data-eylem="openReject"]), /* teklif: Reddet */
    a.dfc25b67:is([href*="/panel/siparisler/"], [data-eylem="gut1"]),   /* Teklifi Gor / Detay / Rapor */
    a.da2848f7:is([href$="/pdf"], [download]), a.dk-bt[download],       /* PDF / PDF indir */
    a.dk-bt[href*="/onizle"],                                           /* Onizle */
    .dee0d0bc:is([href*="/teklif"], [data-eylem="gat3"]),               /* Fiyat ver */
    a.dfc25b67:is([href*="/yonetim/abonelikler/"], [data-eylem="gat9"]), /* Yonet */
    button.dfc25b67.ys-bag,                                             /* Hatirlat */
    a.dfc25b67:is([href*="/yonetim/musteriler/"], [data-eylem="gat5"]), /* Profil */
    button[formaction*="/taslak"], .d8b2e891[data-eylem="toggleAddAcc"], /* Taslak kaydet */
    a.d31ccee3[href*="duzenle"], a.d8b2e891[href*="modal=duzenle"],     /* Duzenle */
    button.daf9317e[type="submit"],                                     /* yeni siparis: Siparisi olustur */
    button.d94214cd, button.d0c2fe4c[type="submit"],                    /* Degerlendirmeyi Gonder / Yayinla */
    button:is([form="posta-sina-formu"], [form="uye-davet-formu"]),     /* Test e-postasi / Daveti yeniden gonder */
    button[form="paytr-sina-formu"],                                    /* Baglantiyi sina */
    button[form="arama-konsolu-esitle"], form[action*="/teklif-yeniden"] button[type="submit"], /* Simdi esitle / Yeniden teklif iste */
    button[form="uye-2fa-formu"],                                       /* 2FA sifirla */
    button.ys-tehlike[data-ys-onay*="silinsin"], button[form="kayit-sil-formu"], /* Sil */
    button[form="uye-cikar-formu"],                                     /* ekipten cikar */
    button.dbf45334, [data-eylem="readAll"],                            /* Tumunu okundu say */
    form[role="search"] button[type="submit"],                          /* Ara */
    button.dkk-tehlike,                                                 /* 2FA'yi kapat */
    form.dkk-cikis button,                                              /* Cikis yap */
    button.dkpz-btn                                                     /* pazarlama e-postalari */
):not(:has(svg, img)):not([data-premium-yok], [data-premium-yok] *)::before {
    content: "";
    flex: none;
    display: inline-block;
    width: var(--dkp-ikon-boy);
    height: var(--dkp-ikon-boy);
    margin-inline-end: var(--dkp-ikon-ara, 0);
    vertical-align: -.2em;
    background-color: currentColor;
    -webkit-mask: var(--dkp-ikon, linear-gradient(transparent 0 0)) center / contain no-repeat;
    mask: var(--dkp-ikon, linear-gradient(transparent 0 0)) center / contain no-repeat;
    forced-color-adjust: none;   /* Yuksek karsitlik: arka plan Canvas'a zorlanip ikon kaybolmasin; renk yine metinden */
}

/* 1a — sona ikon alan dugmeler (yon bildiren oklar ve yeni sekme) */
[data-premium] :is(
    a.d87f6997,                                                         /* ana sayfa: Hosting fiyatlari -> */
    a.dk-bt.d8b2e891[target="_blank"]                                   /* Sitede ac (yeni sekme) */
):not(:has(svg, img)):not([data-premium-yok], [data-premium-yok] *)::after {
    content: "";
    flex: none;
    display: inline-block;
    width: var(--dkp-ikon-boy);
    height: var(--dkp-ikon-boy);
    margin-inline-start: var(--dkp-ikon-ara, 0);
    vertical-align: -.2em;
    background-color: currentColor;
    -webkit-mask: var(--dkp-ikon, linear-gradient(transparent 0 0)) center / contain no-repeat;
    mask: var(--dkp-ikon, linear-gradient(transparent 0 0)) center / contain no-repeat;
    forced-color-adjust: none;   /* Yuksek karsitlik: arka plan Canvas'a zorlanip ikon kaybolmasin; renk yine metinden */
}

/* Flex olmayan (blok / satir ici) dugmeler: bosluk ikonun kendi kenar boslugudur. */
[data-premium] :is(.ddc14f37, .dd8c30c5, .dfc25b67, .da2848f7, .daf9317e, .d94214cd, .d1c9c98d, .dbf45334,
    .dkk-tehlike, .dkk-bag, .dkpz-btn) {
    --dkp-ikon-ara: .45em;
}
/* Tablo satiri baglantilari: ikon ile metin ayni satirda kalir. */
[data-premium] :is(a.dfc25b67, button.dfc25b67, a.da2848f7) {
    --dkp-ikon-ara: .4em;
    white-space: nowrap;
}
/* Fiyat karti "Ucretsiz Inceleme Baslat" (tam genislik, uzun etiket): ikon + 8px bosluk kadar yer yatay ic
   bosluktan alinir (20px -> ~8px; dugme tam genislik ve metin ortali oldugu icin gorunmez). Boylece etiketin
   kullanabildigi genislik prototiple AYNI kalir: dugme prototipin kirildigi genislikte (1024) kirilir,
   sigdigi her genislikte (600, 1440 ...) tek satirda kalir — ikon yuzunden satir kaymasi olmaz.
   20px = prototipteki .d95c87f2 ic boslugu; uretilen CSS degisirse burasi da guncellenmeli. */
[data-premium] a.dk-bt[href*="paket=ozel-inceleme"]:not(:has(svg, img)) {
    padding-inline: calc(20px - (var(--dkp-ikon-boy) + 8px) / 2);
}

/* 1b — hangi dugmeye hangi ikon. (?v= : ikon dosyasi degisirse artir; SVG adlari hash'siz onbelleklenir.) */
[data-premium] :is(a.dk-bt[href*="/siparis?paket="], a.dk-bt:is([href$="/siparis"], [href$="/siparis/"])) {
    --dkp-ikon: url("../img/ikonlar/shopping-cart.svg?v=1");
}
/* "Yeni analiz" / "Yeniden Dene" (a.dk-bt[data-dkt-yeni]) da /ucretsiz-site-analizi'ne gider: tarama ikonu
   degil rotate-ccw alir. :not() olmadan bu kuralin ozgullugu (0,3,1) rotate-ccw kuralini (0,2,1) eziyordu. */
[data-premium] :is(a.dk-bt[href*="paket=ozel-inceleme"],
    a.dk-bt:is([href$="/ucretsiz-site-analizi"], [href*="/ucretsiz-site-analizi?"]):not([data-dkt-yeni])) {
    --dkp-ikon: url("../img/ikonlar/scan-line.svg?v=1");
}
[data-premium] :is(a.dk-bt[href*="yeni=1"], [data-eylem="resetOrder"]) {
    --dkp-ikon: url("../img/ikonlar/plus.svg?v=1");
}
[data-premium] :is(a[data-dkt-yeni], [data-eylem="resetScan"], button[form="uye-2fa-formu"]) {
    --dkp-ikon: url("../img/ikonlar/rotate-ccw.svg?v=1");
}
[data-premium] :is(a.ddc14f37[href^="mailto:"], button.d94214cd, button.d0c2fe4c[type="submit"],
    button:is([form="posta-sina-formu"], [form="uye-davet-formu"])) {
    --dkp-ikon: url("../img/ikonlar/send.svg?v=1");
}
[data-premium] :is(form[action*="/siparis/kupon"] button[type="submit"], button.daf9317e[type="submit"]) {
    --dkp-ikon: url("../img/ikonlar/check.svg?v=1");
}
[data-premium] form.dks-dekont button[type="submit"] {
    --dkp-ikon: url("../img/ikonlar/upload.svg?v=1");
}
[data-premium] :is(:is(button, a):is([data-pt-kapat], [data-ys-kapat], [data-destek-modal-kapat], [data-eylem="closeModal"]),
    button[type="submit"] + a.dk-bt.d8b2e891[href*="/yonetim/sunucular"],
    :is(button, a):is([data-pt-ac="reddet"], [data-eylem="openReject"])) {
    --dkp-ikon: url("../img/ikonlar/x.svg?v=1");
}
[data-premium] :is(a.dfc25b67:is([href*="/panel/siparisler/"], [data-eylem="gut1"]), a.dk-bt[href*="/onizle"]) {
    --dkp-ikon: url("../img/ikonlar/eye.svg?v=1");
}
[data-premium] a.dfc25b67[href$="/rapor"] {
    --dkp-ikon: url("../img/ikonlar/file-text.svg?v=1");
}
[data-premium] :is(a.da2848f7:is([href$="/pdf"], [download]), a.dk-bt[download]) {
    --dkp-ikon: url("../img/ikonlar/download.svg?v=1");
}
[data-premium] .dee0d0bc:is([href*="/teklif"], [data-eylem="gat3"]) {
    --dkp-ikon: url("../img/ikonlar/tag.svg?v=1");
}
[data-premium] a.dfc25b67:is([href*="/yonetim/abonelikler/"], [data-eylem="gat9"]) {
    --dkp-ikon: url("../img/ikonlar/settings.svg?v=1");
}
[data-premium] button.dfc25b67.ys-bag {
    --dkp-ikon: url("../img/ikonlar/bell-ring.svg?v=1");
}
[data-premium] a.dfc25b67:is([href*="/yonetim/musteriler/"], [data-eylem="gat5"]) {
    --dkp-ikon: url("../img/ikonlar/user.svg?v=1");
}
[data-premium] :is(button[formaction*="/taslak"], .d8b2e891[data-eylem="toggleAddAcc"]) {
    --dkp-ikon: url("../img/ikonlar/save.svg?v=1");
}
[data-premium] :is(a.d31ccee3[href*="duzenle"], a.d8b2e891[href*="modal=duzenle"]) {
    --dkp-ikon: url("../img/ikonlar/pencil.svg?v=1");
}
[data-premium] button[form="paytr-sina-formu"] {
    --dkp-ikon: url("../img/ikonlar/zap.svg?v=1");
}
[data-premium] :is(button[form="arama-konsolu-esitle"], form[action*="/teklif-yeniden"] button[type="submit"]) {
    --dkp-ikon: url("../img/ikonlar/refresh-cw.svg?v=1");
}
[data-premium] :is(button.ys-tehlike[data-ys-onay*="silinsin"], button[form="kayit-sil-formu"]) {
    --dkp-ikon: url("../img/ikonlar/trash.svg?v=1");
}
[data-premium] button[form="uye-cikar-formu"] {
    --dkp-ikon: url("../img/ikonlar/user-minus.svg?v=1");
}
[data-premium] :is(button.dbf45334, [data-eylem="readAll"]) {
    --dkp-ikon: url("../img/ikonlar/check-check.svg?v=1");
}
[data-premium] form[role="search"] button[type="submit"] {
    --dkp-ikon: url("../img/ikonlar/search.svg?v=1");
}
[data-premium] button.dkk-tehlike {
    --dkp-ikon: url("../img/ikonlar/shield-off.svg?v=1");
}
[data-premium] form.dkk-cikis button {
    --dkp-ikon: url("../img/ikonlar/log-out.svg?v=1");
}
[data-premium] button.dkpz-btn {
    --dkp-ikon: url("../img/ikonlar/mail.svg?v=1");
}
[data-premium] a.d87f6997 {
    --dkp-ikon: url("../img/ikonlar/arrow-right.svg?v=1");
}
[data-premium] a.dk-bt.d8b2e891[target="_blank"] {
    --dkp-ikon: url("../img/ikonlar/external-link.svg?v=1");
}

/* ==== 2-7. MIKRO ETKILESIM ===============================================================================
   Birincil CTA = prototipin dolgulu eylem dugmeleri (mavi gradyan, lacivert, koyu zemin ustundeki beyaz) ve
   fiyat kartlarinin cerceveli dugmesi. Ikincil dugmeler yalniz basma geri bildirimi alir.
   translate / scale AYRI ozelliklerdir: prototipin ya da dk-premium.js'in transform'unu ezmez.
   Mesgul (aria-busy / data-dkpd-mesgul), devre disi ve data-premium-yok ogeler hic hareket etmez. */

/* 2 — gecisler (reduced-motion'da hic eklenmez; prototipin kendi gecisi aynen kalir) */
@media (prefers-reduced-motion: no-preference) {
    [data-premium] :is(a.dk-bt, button, input[type="submit"], a.d87f6997, a.ddc14f37):not([data-premium-yok], [data-premium-yok] *, #paytr-formu *, [data-paytr-formu] *, #pt-paytr-formu *, [data-pt-kart-formu] *) {
        transition: translate 200ms var(--dkp-egri), scale 150ms var(--dkp-egri), box-shadow 200ms var(--dkp-egri),
            background-color 150ms var(--dkp-egri), border-color 150ms var(--dkp-egri), color 150ms var(--dkp-egri),
            opacity 150ms var(--dkp-egri);
    }
    /* Yon oklari: prototipin sondaki "->" SVG'si ve katmanin sondaki oku hover'da 2px ilerler. */
    [data-premium] :is(a.dk-bt, button) > svg:last-child:has(> path[d="m12 5 7 7-7 7"]),
    [data-premium] a.d87f6997::after {
        transition: translate 200ms var(--dkp-egri);
    }
}

/* 3 — birincil CTA: hover'da 1px kalkis + daha derin, daha keskin golge (yalniz fareli cihazlarda) */
@media (hover: hover) {
    /* mavi gradyan aile + duz mavi */
    [data-premium] :is(.d57eaeb9, .d853abdb, .d68601c0, .d64ee45e, .d00d92d4, .d9e7ea2b, .de1b867f, .d3255668,
        .d1aecc83, .d98ff0d5, .d89b904b, .dcb253c7, .d94214cd, .d0973b94, .da6f89ae, .d197abd7, .d2ab8b71, .dee0d0bc,
        .daf9317e, .d3f63810, .de7b164c, .d0c2fe4c, .d4c396b6, .dkpz-btn):hover:not(:disabled, [aria-disabled="true"], [aria-busy="true"], [data-dkpd-mesgul], [data-premium-yok], [data-premium-yok] *) {
        box-shadow: 0 12px 26px -8px rgba(47, 107, 255, .62), 0 2px 5px -2px rgba(11, 26, 58, .2);
    }
    /* yesil / amber / mor gradyan: renkten bagimsiz notr golge */
    [data-premium] :is(.d0119b0e, .dcb08e1b, .d161209f):hover:not(:disabled, [aria-disabled="true"], [aria-busy="true"], [data-dkpd-mesgul], [data-premium-yok], [data-premium-yok] *) {
        box-shadow: 0 12px 24px -10px rgba(11, 26, 58, .38), 0 2px 5px -2px rgba(11, 26, 58, .18);
    }
    /* lacivert (fiyat karti "Satin Al") */
    [data-premium] .d85207d3:hover:not(:disabled, [aria-disabled="true"], [aria-busy="true"], [data-dkpd-mesgul], [data-premium-yok], [data-premium-yok] *) {
        box-shadow: 0 12px 24px -10px rgba(11, 26, 58, .55), 0 2px 5px -2px rgba(11, 26, 58, .25);
    }
    /* koyu zemin ustundeki beyaz CTA'lar */
    [data-premium] :is(.d64cb0ff, .d28f8a68, .dc687cdd, .d38e1ac7):hover:not(:disabled, [aria-disabled="true"], [aria-busy="true"], [data-dkpd-mesgul], [data-premium-yok], [data-premium-yok] *) {
        box-shadow: 0 18px 38px -12px rgba(0, 0, 0, .55), 0 2px 6px -2px rgba(0, 0, 0, .25);
    }
    /* fiyat kartinin cerceveli dugmesi ("Ucretsiz Inceleme Baslat") */
    [data-premium] .d95c87f2:hover:not(:disabled, [aria-disabled="true"], [aria-busy="true"], [data-dkpd-mesgul], [data-premium-yok], [data-premium-yok] *) {
        box-shadow: 0 10px 22px -12px rgba(11, 26, 58, .35);
    }
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
    [data-premium] :is(.d57eaeb9, .d853abdb, .d68601c0, .d64ee45e, .d00d92d4, .d9e7ea2b, .de1b867f, .d3255668,
        .d1aecc83, .d98ff0d5, .d89b904b, .dcb253c7, .d94214cd, .d0973b94, .da6f89ae, .d197abd7, .d2ab8b71, .dee0d0bc,
        .daf9317e, .d3f63810, .de7b164c, .d0c2fe4c, .d4c396b6, .dkpz-btn, .d0119b0e, .dcb08e1b, .d161209f, .d85207d3,
        .d64cb0ff, .d28f8a68, .dc687cdd, .d38e1ac7, .d95c87f2):hover:not(:active, :disabled, [aria-disabled="true"], [aria-busy="true"], [data-dkpd-mesgul], [data-premium-yok], [data-premium-yok] *) {
        translate: 0 -1px;
    }
    [data-premium] :is(a.dk-bt, button):hover > svg:last-child:has(> path[d="m12 5 7 7-7 7"]),
    [data-premium] a.d87f6997:hover::after {
        translate: 2px 0;
    }
}

/* 4 — isik supurmesi: ana satin alma ve tarama CTA'lari. Hover'da tek gecis (250 ms), geri donuste aninda
   sifirlanir (goz geri supurme gormez). Katman ::after'dir: tiklamayi ve duzeni etkilemez, koseye tasmaz.
   Beyaz dugmelerde isik yerine marka mavisinin cok acik tonu.
   Geometri: bant (%40-%60) dinlenmede (konum %100) ve hover sonunda (konum 0) kutunun TAMAMEN disinda kalmali.
   Goruntu 300% genislikte; 105° egimle bu, genisligi yuksekliginin 0,8 katindan buyuk her dugmede saglanir
   (supurmeli dugmelerin hepsi 3-6 kat genis). Eski 250% + %38-%62 bu kosulu hic saglamiyordu: dugmenin sol
   kenarinda dinlenmede, sag kenarinda hover sonunda +6..+17 renk seviyesi parlama kaliyordu (olculdu:
   docs/premium-tasarim.md "Gorsel QA"). */
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
    [data-premium] :is(.d85207d3, .d28f8a68, .d57eaeb9, .d853abdb, .d64cb0ff, .d64ee45e, .d9e7ea2b,
        .de1b867f[data-gonder], .d3255668, .d1aecc83, .d98ff0d5):not([data-premium-yok], [data-premium-yok] *) {
        position: relative;
    }
    [data-premium] :is(.d85207d3, .d28f8a68, .d57eaeb9, .d853abdb, .d64cb0ff, .d64ee45e, .d9e7ea2b,
        .de1b867f[data-gonder], .d3255668, .d1aecc83, .d98ff0d5):not([data-premium-yok], [data-premium-yok] *)::after {
        content: "";
        position: absolute;
        inset: 0;
        border-radius: inherit;
        pointer-events: none;
        background: linear-gradient(105deg, transparent 40%, var(--dkp-isik, rgba(255, 255, 255, .28)) 50%, transparent 60%)
            100% 0 / 300% 100% no-repeat;
    }
    [data-premium] :is(.d28f8a68, .d64cb0ff) {
        --dkp-isik: rgba(47, 107, 255, .12);
    }
    [data-premium] :is(.d85207d3, .d28f8a68, .d57eaeb9, .d853abdb, .d64cb0ff, .d64ee45e, .d9e7ea2b,
        .de1b867f[data-gonder], .d3255668, .d1aecc83, .d98ff0d5):hover:not(:disabled, [aria-disabled="true"], [aria-busy="true"], [data-dkpd-mesgul], [data-premium-yok], [data-premium-yok] *)::after {
        background-position: 0 0;
        transition: background-position 250ms var(--dkp-egri);
    }
}
@media (forced-colors: active) {
    [data-premium] :is(.d85207d3, .d28f8a68, .d57eaeb9, .d853abdb, .d64cb0ff, .d64ee45e, .d9e7ea2b,
        .de1b867f[data-gonder], .d3255668, .d1aecc83, .d98ff0d5)::after {
        display: none;
    }
}

/* 5 — basma geri bildirimi: tum dugmeler .98'e coker (150 ms). /siparis CTA'larinin basmasi dk-premium.js'te
   (data-dkpd-siparis: dalga + kendi cokmesi) — cift cokme olmasin diye burada haric. */
@media (prefers-reduced-motion: no-preference) {
    [data-premium] :is(a.dk-bt, button, input[type="submit"], a.d87f6997, a.ddc14f37):active:not(:disabled, [aria-disabled="true"], [aria-busy="true"], [data-dkpd-mesgul], [data-dkpd-siparis], .d56fc89a,
            [data-premium-yok], [data-premium-yok] *, #paytr-formu *, [data-paytr-formu] *, #pt-paytr-formu *, [data-pt-kart-formu] *) {
        scale: .98;
    }
}

/* 6 — klavye odagi: keskin, marka mavisi, 2px bosluklu halka (alanlarin mevcut odak kurallariyla ayni dil).
   :where() => ozgulluk 0,1,0: bir alan kendi odak kuralini yazdiysa o kazanir. Metin kutulari haric
   (onlarin kendi cerceve + golge odagi var). */
:where([data-premium]) :where(a[href], button, input[type="submit"], input[type="button"], [role="button"], summary,
    [tabindex]:not([tabindex="-1"])):not(:where(#paytr-formu *, [data-paytr-formu] *, #pt-paytr-formu *, [data-pt-kart-formu] *)):focus-visible {
    outline: 2px solid var(--dkp-mavi, #2F6BFF);
    outline-offset: 2px;
}

/* 7 — devre disi: soluk, imlec yasak, golge yok. Mesgul dugme (aria-busy / data-dkpd-mesgul — yukleme halkasi
   dk-premium.js'te; .dkpt-bekle — panelin bekleme hali) SOLUKLASMAZ; pasif Google dugmesi prototipteki haliyle
   kalir. Saydamlik :where() ile (ozgulluk 0): alanin kendi devre disi saydamligi varsa o kazanir. Imlec ve
   golge ise prototip sinifinin cursor:pointer / box-shadow'unu yenmek zorunda. */
:where([data-premium]) :where(a.dk-bt, button, input[type="submit"]):where(:disabled, [aria-disabled="true"]):not(:where([aria-busy="true"], [data-dkpd-mesgul], .dkpt-bekle, .d56fc89a, [data-premium-yok], [data-premium-yok] *,
    #paytr-formu *, [data-paytr-formu] *, #pt-paytr-formu *, [data-pt-kart-formu] *)) {
    opacity: .5;
}
[data-premium] :is(a.dk-bt, button, input[type="submit"]):is(:disabled, [aria-disabled="true"]):not([aria-busy="true"], [data-dkpd-mesgul], .dkpt-bekle, .d56fc89a, [data-premium-yok], [data-premium-yok] *,
    #paytr-formu *, [data-paytr-formu] *, #pt-paytr-formu *, [data-pt-kart-formu] *) {
    cursor: not-allowed;
    box-shadow: none;
}