/* ===================================================================
   ALERTTIK — BUZUL TEMASI
   -------------------------------------------------------------------
   Panel sayfalarinin gorunumunu tek yerden belirler. Her sayfa kendi
   <style> blogunda ayni degisken setini tanimliyor (--pZemin, --pYuzey,
   --pCizgi...). Burada o degiskenler :root:root ile yeniden yaziliyor:
   ozgulluk iki katina ciktigi icin dosyanin sayfadaki <style> blogundan
   once ya da sonra yuklenmesi fark etmiyor, her durumda kazaniyor.

   KAPSAM: yalnizca panel sayfalari (ustmenu.css baglayanlar).
   OVERLAY sayfalarina BAGLANMAZ — onlarin zemini saydam olmak zorunda.

   Butun gorsel ogeler saf CSS/SVG: disari hicbir istek atilmaz, dosya
   boyutu buyumez, yavas baglantida da ayni gorunur.
   =================================================================== */

:root:root {
    /* Buz paleti: derin lacivert zemin, soguk yuzeyler, cyan vurgu */
    --pZemin:   #040812;
    --pYuzey:   #0b1626;
    --pYuzey2:  #10203a;
    --pCizgi:   rgba(120, 200, 255, .20);
    --pCizgi2:  rgba(120, 200, 255, .34);
    --pMetin:   #eaf4ff;
    --pSoluk:   rgba(190, 220, 250, .62);
    --pSoluk2:  rgba(190, 220, 250, .38);
    --pKirmizi: #ff2d55;
    --pYesil:   #34d87f;
    --pSari:    #ffc861;
    --pKose:    16px;
    --pGolge:   0 24px 64px rgba(0, 10, 30, .65);

    /* Eski adlar da ayni paleti kullansin */
    --zemin:  #040812;
    --kart:   #0b1626;
    --kenar:  rgba(120, 200, 255, .20);
    --metin:  #eaf4ff;
    --sonuk:  rgba(190, 220, 250, .62);
    --vurgu:  #ff2d55;

    /* --- IKINCI TASARIM SISTEMI (uyelik.css) ---
       Site aslinda IKI degisken seti kullaniyor. duello/panel gibi sayfalar
       --pYuzey ailesini, hesap/ana/overlaylar/yonetim gibi 15 sayfa ise
       uyelik.css'in --yuzey ailesini ve .kutu sinifini kullaniyor. Ikincisi
       kapsanmayinca "bir sayfa buzul, oteki eski" gorunuyordu. */
    --yuzey:      #0b1626;
    --yuzeyUst:   #10203a;
    --cizgi:      rgba(120, 200, 255, .20);
    --cizgiAcik:  rgba(120, 200, 255, .34);
    --isik:       rgba(160, 220, 255, .10);
    --mavi:       #7cc8ff;
    /* --marka / --altin / --pembe kirmizi kaliyor: vurgu rengi degismiyor */

    /* Temaya ozel */
    --tBuz:      #7cc8ff;          /* ana cyan */
    --tBuzKoyu:  #2a7fd4;
    --tParlak:   rgba(160, 220, 255, .16);
    --tIsik:     0 0 22px rgba(90, 180, 255, .30);
}

/* -------------------------------------------------------------------
   ZEMIN: ustte soguk isik, iki yanda buz kristalleri.
   Kristaller SVG veri adresi; sabit (fixed) durur ki sayfa kayarken
   arka plan yerinde kalsin.
   ------------------------------------------------------------------- */
body {
    background:
        radial-gradient(1200px 460px at 50% -240px, rgba(90, 170, 255, .16) 0%, transparent 70%),
        radial-gradient(760px 620px at 0% 30%,  rgba(60, 140, 240, .13) 0%, transparent 62%),
        radial-gradient(760px 620px at 100% 30%, rgba(60, 140, 240, .13) 0%, transparent 62%),
        var(--tKristalSol) left center / auto 100% no-repeat,
        var(--tKristalSag) right center / auto 100% no-repeat,
        var(--pZemin) !important;
    background-attachment: fixed !important;
    color: var(--pMetin);
}

:root:root {
    --tKristalSol: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='1000' viewBox='0 0 300 1000' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='b' x1='0' y1='0' x2='1' y2='0'%3E%3Cstop offset='0' stop-color='%236fc3ff' stop-opacity='.30'/%3E%3Cstop offset='1' stop-color='%23040812' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='c' x1='0' y1='0' x2='1' y2='0'%3E%3Cstop offset='0' stop-color='%23bfe6ff' stop-opacity='.20'/%3E%3Cstop offset='1' stop-color='%23040812' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23b)' d='M0 0 L96 72 L54 190 L120 268 L70 392 L132 470 L62 600 L128 686 L58 812 L116 900 L0 1000 Z'/%3E%3Cpath fill='url(%23c)' d='M0 120 L58 206 L22 300 L74 384 L28 496 L80 578 L26 700 L72 790 L18 896 L0 940 Z'/%3E%3Cpath fill='url(%23c)' d='M0 40 L34 96 L10 150 L40 206 L0 250 Z'/%3E%3C/svg%3E");
    --tKristalSag: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='1000' viewBox='0 0 300 1000' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='b' x1='1' y1='0' x2='0' y2='0'%3E%3Cstop offset='0' stop-color='%236fc3ff' stop-opacity='.30'/%3E%3Cstop offset='1' stop-color='%23040812' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='c' x1='1' y1='0' x2='0' y2='0'%3E%3Cstop offset='0' stop-color='%23bfe6ff' stop-opacity='.20'/%3E%3Cstop offset='1' stop-color='%23040812' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23b)' d='M300 0 L204 72 L246 190 L180 268 L230 392 L168 470 L238 600 L172 686 L242 812 L184 900 L300 1000 Z'/%3E%3Cpath fill='url(%23c)' d='M300 120 L242 206 L278 300 L226 384 L272 496 L220 578 L274 700 L228 790 L282 896 L300 940 Z'/%3E%3Cpath fill='url(%23c)' d='M300 40 L266 96 L290 150 L260 206 L300 250 Z'/%3E%3C/svg%3E");
}

/* -------------------------------------------------------------------
   KARTLAR: buz cerceve — cyan kenar, disa parilti, ice soguk dolgu
   ------------------------------------------------------------------- */
.kart {
    position: relative;
    border-radius: var(--pKose) !important;
    border: 1px solid var(--pCizgi2) !important;
    background:
        linear-gradient(180deg, rgba(124, 200, 255, .07) 0%, rgba(124, 200, 255, 0) 38%),
        linear-gradient(180deg, var(--pYuzey2) 0%, var(--pYuzey) 100%) !important;
    box-shadow:
        inset 0 1px 0 var(--tParlak),
        inset 0 0 36px rgba(42, 127, 212, .14),
        var(--tIsik),
        0 20px 48px rgba(0, 8, 24, .55) !important;
}

/* uyelik.css'in kutusu da ayni buz cercevesini alsin */
.kutu {
    border-radius: 14px !important;
    border: 1px solid var(--cizgiAcik) !important;
    background:
        linear-gradient(180deg, rgba(124, 200, 255, .06) 0%, rgba(124, 200, 255, 0) 40%),
        linear-gradient(180deg, var(--yuzeyUst) 0%, var(--yuzey) 130px) !important;
    box-shadow:
        inset 0 1px 0 var(--tParlak),
        inset 0 0 30px rgba(42, 127, 212, .12),
        0 0 20px rgba(90, 180, 255, .20),
        0 14px 36px rgba(0, 8, 24, .45) !important;
}

/* Kart basligi: iri, net, hafif buz parlakligi */
.kartBaslik {
    font-size: 15.5px;
    font-weight: 650;
    letter-spacing: -.2px;
    color: #f2f9ff;
    text-shadow: 0 0 16px rgba(124, 200, 255, .35);
}
.kartNot { color: var(--pSoluk); }
.kartBaslik .mini, .mini {
    font-size: 10.5px; letter-spacing: 1.1px; text-transform: uppercase;
    color: var(--pSoluk2); font-weight: 600;
}

/* -------------------------------------------------------------------
   ROZET / DUGME / SEKME
   ------------------------------------------------------------------- */
.rozet {
    border-radius: 999px;
    border: 1px solid var(--pCizgi2);
    background: rgba(124, 200, 255, .09);
    color: #bfe3ff;
}
.dugme {
    border-radius: 11px;
    border: 1px solid var(--pCizgi2);
    background: rgba(124, 200, 255, .07);
    color: var(--pMetin);
    transition: background .16s, border-color .16s, box-shadow .16s, transform .12s;
}
.dugme:hover {
    background: rgba(124, 200, 255, .15);
    box-shadow: 0 0 18px rgba(90, 180, 255, .26);
}
.dugme:active { transform: translateY(1px); }
.dugme.ana {
    border-color: rgba(255, 45, 85, .5);
    background: linear-gradient(180deg, rgba(255, 45, 85, .3), rgba(255, 45, 85, .16));
    color: #fff;
}
.dugme.ana:hover { box-shadow: 0 0 20px rgba(255, 45, 85, .3); }
.dugme.tehlike { color: #ff8da2; border-color: rgba(255, 45, 85, .36); background: rgba(255, 45, 85, .1); }
.dugme.tehlike:hover { background: rgba(255, 45, 85, .18); box-shadow: 0 0 18px rgba(255, 45, 85, .25); }

/* Sekmeler: secili olan buz cerceveli */
.sekme { border-radius: 11px; transition: background .16s, color .16s, border-color .16s, box-shadow .16s; }
.sekme.secili {
    background: rgba(124, 200, 255, .12);
    border-color: var(--tBuz);
    color: #fff;
    box-shadow: 0 0 18px rgba(124, 200, 255, .3), inset 0 0 14px rgba(124, 200, 255, .12);
}

/* -------------------------------------------------------------------
   FORM OGELERI
   ------------------------------------------------------------------- */
input[type="text"], input[type="number"], input[type="search"],
input[type="email"], input[type="password"], select, textarea {
    border-radius: 10px;
    border: 1px solid var(--pCizgi2);
    background: rgba(8, 20, 38, .72);
    color: var(--pMetin);
}
input:focus, select:focus, textarea:focus {
    outline: none;
    border-color: var(--tBuz);
    box-shadow: 0 0 0 3px rgba(124, 200, 255, .16);
}

/* -------------------------------------------------------------------
   KAYDIRMA CUBUKLARI
   ------------------------------------------------------------------- */
*::-webkit-scrollbar { width: 9px; height: 9px; }
*::-webkit-scrollbar-thumb {
    background: rgba(124, 200, 255, .26); border-radius: 999px;
    border: 2px solid transparent; background-clip: padding-box;
}
*::-webkit-scrollbar-thumb:hover { background: rgba(124, 200, 255, .42); background-clip: padding-box; }
*::-webkit-scrollbar-track { background: transparent; }

/* -------------------------------------------------------------------
   UST SERITLER
   ustmenu.css iki seridi de SABIT siyaha boyuyordu
   (rgba(10,10,12) / rgba(14,14,17)); buzul zemininin uzerinde kara bir
   bant gibi duruyordu. Ikisini de lacivert cama cekiyoruz ve gezinme
   seridinin ALTINA zemine karisan bir tul koyuyoruz: boylece serit
   bitiminde sert bir kenar kalmiyor.
   Secici ustmenu.css'inkiyle ayni ozgullukte (html.ustMenuli #...),
   bu yuzden !important'a gerek kalmadan sonra gelen kazaniyor — yine de
   sayfa sirasi degisirse diye isaretli birakildi.
   ------------------------------------------------------------------- */
html.ustMenuli #ustCubuk {
    background: linear-gradient(180deg, rgba(7, 17, 34, .96) 0%, rgba(6, 13, 27, .9) 100%) !important;
    border-bottom: 1px solid rgba(124, 200, 255, .16) !important;
}
html.ustMenuli #ustGezSerit {
    background: linear-gradient(180deg, rgba(9, 21, 40, .94) 0%, rgba(5, 12, 24, .74) 100%) !important;
    border-bottom: 1px solid rgba(124, 200, 255, .14) !important;
    position: fixed;
}
/* Seritten sayfaya gecis: asagi dogru sonen ince bir tul.
   pointer-events yok ki altindaki ogelere tiklanabilsin. */
html.ustMenuli #ustGezSerit::after {
    content: ''; position: absolute; left: 0; right: 0; top: 100%;
    height: 90px; pointer-events: none;
    background: linear-gradient(180deg, rgba(5, 12, 24, .72) 0%, rgba(4, 8, 18, 0) 100%);
}
/* Ustmenu kullanmayan sayfalardaki eski cubuk adlari */
.ustCubuk, header.ust {
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    background: linear-gradient(180deg, rgba(7, 17, 34, .94), rgba(5, 12, 24, .82));
    border-bottom: 1px solid rgba(124, 200, 255, .16);
}


/* ---- Kart basligi ikon rozetleri (buzul temasi) ----
   Her kart basliginin solunda cyan parlayan kucuk kare rozet. Ikon,
   maske olarak uygulanan tek renkli SVG; renk CSS'ten geliyor, bu yuzden
   tema degisirse ikonlar da degisir ve ek dosya gerekmez. */
.kartUst { display: flex; align-items: center; gap: 10px; }
.kartRozetIkon {
    flex: none; width: 34px; height: 34px; border-radius: 10px;
    border: 1px solid rgba(124,200,255,.38);
    background: linear-gradient(180deg, rgba(124,200,255,.2), rgba(42,127,212,.1));
    box-shadow: inset 0 1px 0 rgba(190,230,255,.3), 0 0 16px rgba(90,180,255,.26);
    position: relative;
}
.kartRozetIkon::before {
    content: ''; position: absolute; inset: 0; margin: auto;
    width: 19px; height: 19px; background: #bfe6ff;
    -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
    -webkit-mask-position: center; mask-position: center;
    -webkit-mask-size: contain; mask-size: contain;
}
/* Baslik bloku rozetin yaninda akmali */
.kartUst > .kartBaslik { flex: 1; min-width: 0; }
.kartRozetIkon[data-ik="kalkan"]::before { -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'><path d='M12 2.6 20 6v6c0 4.6-3.3 8-8 9.4C7.3 20 4 16.6 4 12V6z'/></svg>"); mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'><path d='M12 2.6 20 6v6c0 4.6-3.3 8-8 9.4C7.3 20 4 16.6 4 12V6z'/></svg>"); }
.kartRozetIkon[data-ik="tac"]::before { -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'><path d='M3 8l4.2 3.4L12 4.6l4.8 6.8L21 8l-1.6 10H4.6z'/></svg>"); mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'><path d='M3 8l4.2 3.4L12 4.6l4.8 6.8L21 8l-1.6 10H4.6z'/></svg>"); }
.kartRozetIkon[data-ik="kilic"]::before { -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'><path d='M4 20l5-5M14.5 3.5 20 9l-9 9-5.5-5.5zM3 17l4 4'/></svg>"); mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'><path d='M4 20l5-5M14.5 3.5 20 9l-9 9-5.5-5.5zM3 17l4 4'/></svg>"); }
.kartRozetIkon[data-ik="balon"]::before { -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'><path d='M4 5h16v11H9l-5 4z'/></svg>"); mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'><path d='M4 5h16v11H9l-5 4z'/></svg>"); }
.kartRozetIkon[data-ik="simsek"]::before { -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'><path d='M13 2 5 13h6l-1 9 8-11h-6z'/></svg>"); mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'><path d='M13 2 5 13h6l-1 9 8-11h-6z'/></svg>"); }
.kartRozetIkon[data-ik="kutu"]::before { -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'><path d='M12 2.8 20.5 7v10L12 21.2 3.5 17V7zM3.5 7 12 11.3 20.5 7M12 11.3V21'/></svg>"); mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'><path d='M12 2.8 20.5 7v10L12 21.2 3.5 17V7zM3.5 7 12 11.3 20.5 7M12 11.3V21'/></svg>"); }
.kartRozetIkon[data-ik="saat"]::before { -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'><path d='M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18zM12 7v5.2l3.4 2'/></svg>"); mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'><path d='M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18zM12 7v5.2l3.4 2'/></svg>"); }
.kartRozetIkon[data-ik="grafik"]::before { -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'><path d='M4 20V9M10 20V4M16 20v-7M22 20H2'/></svg>"); mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'><path d='M4 20V9M10 20V4M16 20v-7M22 20H2'/></svg>"); }

@media (prefers-reduced-motion: reduce) {
    .dugme, .sekme, .kart { transition: none !important; }
}