/* FerdiGiden Akademi · koyu tema, neon vurgular, 3D tilt ve kaydırma animasyonları
   Kodlama : Ferdi Giden | Web Site : https://FerdiGiden.Com.TR | Yazılım Web : www.ferdisoft.com.TR */

.ak {
    --ak-zemin: #04050d;
    --ak-kart: rgba(13, 16, 34, .78);
    --ak-cizgi: rgba(148, 163, 184, .14);
    --neon: #22d3ee;
    background: var(--ak-zemin);
    color: #cbd5e1;
}
.ak ::selection { background: rgba(34, 211, 238, .35); color: #fff; }
.ak [hidden] { display: none !important; }

.text-neon-green { color: #39ff88; }
.ak .neon-metin {
    background: linear-gradient(92deg, #22d3ee 0%, #a78bfa 45%, #e879f9 75%, #39ff88 100%);
    background-size: 200% auto;
    -webkit-background-clip: text; background-clip: text; color: transparent;
    filter: drop-shadow(0 0 22px rgba(34, 211, 238, .28));
    animation: ak-akis 8s linear infinite;
}
@keyframes ak-akis { to { background-position: 200% center; } }

/* Arka plan: ızgara + bulanık neon küreler */
.ak-izgara {
    background-image: linear-gradient(rgba(148, 163, 184, .07) 1px, transparent 1px), linear-gradient(90deg, rgba(148, 163, 184, .07) 1px, transparent 1px);
    background-size: 46px 46px;
    -webkit-mask-image: radial-gradient(ellipse 80% 70% at 50% 30%, #000 30%, transparent 75%);
    mask-image: radial-gradient(ellipse 80% 70% at 50% 30%, #000 30%, transparent 75%);
}
.ak-kure { position: absolute; border-radius: 9999px; filter: blur(90px); opacity: .5; pointer-events: none; animation: ak-yuz 18s ease-in-out infinite alternate; }
@keyframes ak-yuz { 0% { transform: translate3d(0, 0, 0) scale(1); } 100% { transform: translate3d(40px, -30px, 0) scale(1.15); } }

/* Daktilo satırı */
.ak-imlec { display: inline-block; width: .6ch; color: #39ff88; animation: ak-yanip 1s steps(1) infinite; }
@keyframes ak-yanip { 50% { opacity: 0; } }

/* Kartlar: neon parlama + 3D eğim + imleci izleyen parıltı */
.ak-kart {
    position: relative; isolation: isolate;
    border: 1px solid var(--ak-cizgi); background: var(--ak-kart); border-radius: 1.25rem;
    -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
    transform-style: preserve-3d; transform: perspective(900px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) translateZ(0);
    transition: transform .35s cubic-bezier(.2, .8, .2, 1), box-shadow .35s ease, border-color .35s ease;
}
.ak-kart::after {
    content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit; pointer-events: none; opacity: 0; transition: opacity .35s ease;
    background: radial-gradient(420px circle at var(--mx, 50%) var(--my, 50%), color-mix(in srgb, var(--neon) 16%, transparent), transparent 45%);
}
.ak-kart:hover, .ak-kart:focus-within {
    border-color: color-mix(in srgb, var(--neon) 55%, transparent);
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--neon) 30%, transparent), 0 18px 50px -18px color-mix(in srgb, var(--neon) 65%, transparent), inset 0 0 26px -16px var(--neon);
}
.ak-kart:hover::after, .ak-kart:focus-within::after { opacity: 1; }
.ak-kart.egik { transition: transform .08s linear, box-shadow .35s ease, border-color .35s ease; }
.ak-simge { color: var(--neon); background: color-mix(in srgb, var(--neon) 14%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--neon) 30%, transparent), 0 0 24px -8px var(--neon); }
.ak-neon { color: var(--neon); }
.ak-cizgi-neon { background: linear-gradient(90deg, transparent, var(--neon), transparent); }

/* Filtre çipleri */
.ak-cip { border: 1px solid var(--ak-cizgi); color: #94a3b8; transition: all .2s ease; }
.ak-cip:hover { color: #e2e8f0; border-color: rgba(148, 163, 184, .35); }
.ak-cip[aria-pressed="true"] { color: #04050d; background: var(--neon); border-color: var(--neon); box-shadow: 0 0 22px -4px var(--neon); }
.ak-girdi { background: rgba(2, 6, 23, .6); border: 1px solid var(--ak-cizgi); color: #e2e8f0; }
.ak-girdi:focus { outline: none; border-color: #22d3ee; box-shadow: 0 0 0 4px rgba(34, 211, 238, .15); }
.ak-girdi option { background: #0b1020; }

/* Ders durumu rozetleri */
.ak-durum { font-size: 11px; font-weight: 700; letter-spacing: .02em; border-radius: 9999px; padding: .2rem .6rem; border: 1px solid; white-space: nowrap; }
.ak-durum[data-durum="tamam"] { color: #39ff88; border-color: rgba(57, 255, 136, .35); background: rgba(57, 255, 136, .08); }
.ak-durum[data-durum="devam"] { color: #fbbf24; border-color: rgba(251, 191, 36, .35); background: rgba(251, 191, 36, .08); }
.ak-durum[data-durum="yeni"] { color: #94a3b8; border-color: rgba(148, 163, 184, .25); background: rgba(148, 163, 184, .06); }

/* Yol listesindeki durum noktası: sıra no → oynat → onay */
.ak-nokta { display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center; width: 1.35rem; height: 1.35rem; border-radius: 9999px; border: 1.5px solid rgba(148, 163, 184, .3); font-size: 10px; font-weight: 700; color: #64748b; transition: all .25s ease; }
.ak-nokta i { display: none; }
.ak-nokta[data-durum="devam"] { border-color: #fbbf24; color: #fbbf24; box-shadow: 0 0 12px -3px #fbbf24; }
.ak-nokta[data-durum="tamam"] { border-color: #39ff88; background: #39ff88; color: #04050d; box-shadow: 0 0 12px -2px #39ff88; }
.ak-nokta[data-durum="devam"] .fa-play, .ak-nokta[data-durum="tamam"] .fa-check { display: inline; }
.ak-nokta[data-durum="devam"] span, .ak-nokta[data-durum="tamam"] span { display: none; }
.ak-nokta .fa-play { font-size: 7px; }

/* İlerleme çubuğu */
.ak-ilerleme { height: 8px; border-radius: 9999px; background: rgba(148, 163, 184, .12); overflow: hidden; }
.ak-ilerleme > span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #22d3ee, #39ff88); box-shadow: 0 0 16px #39ff88; transition: width .6s ease; }

/* Duyuru şeridi */
.ak-duyuru { border: 1px solid color-mix(in srgb, var(--neon) 35%, transparent); background: color-mix(in srgb, var(--neon) 7%, rgba(4, 5, 13, .7)); }

/* Markdown içerik: site koyu tema kuralları akademide her zaman geçerli */
.ak .fg-icerik { color: #cbd5e1; }
.ak .fg-icerik h2, .ak .fg-icerik h3, .ak .fg-icerik h4 { color: #f8fafc; }
.ak .fg-icerik h2 { position: relative; padding-left: .8rem; }
.ak .fg-icerik h2::before { content: ""; position: absolute; left: 0; top: .2em; bottom: .2em; width: 3px; border-radius: 3px; background: var(--neon); box-shadow: 0 0 12px var(--neon); }
.ak .fg-icerik a { color: #67e8f9; }
.ak .fg-icerik strong { color: #f1f5f9; }
.ak .fg-icerik code { background: rgba(34, 211, 238, .12); color: #a5f3fc; }
.ak .fg-icerik pre code { background: transparent; color: inherit; }
.ak .fg-icerik blockquote { color: #94a3b8; }
.ak .fg-icerik table { border-color: var(--ak-cizgi); }
.ak .fg-icerik th, .ak .fg-icerik td { border-color: var(--ak-cizgi); }
.ak .fg-icerik hr { background: linear-gradient(90deg, transparent, #334155, transparent); }
.ak .fg-kutu-bilgi, .ak .fg-kutu-not { color: #bae6fd; }
.ak .fg-kutu-uyari, .ak .fg-kutu-onemli { color: #fde68a; }
.ak .fg-kutu-ipucu { color: #a7f3d0; }

/* AOS yüklenmezse içerik görünür kalsın */
html:not(.aos-hazir) .ak [data-aos] { opacity: 1 !important; transform: none !important; }

@media (prefers-reduced-motion: reduce) {
    .ak .neon-metin, .ak-kure, .ak-imlec { animation: none; }
    .ak-kart { transform: none !important; transition: box-shadow .2s ease, border-color .2s ease; }
}

/* Markdown önizleme paneli sekmeleri */
.ak-md-sekme { border-radius: .6rem .6rem 0 0; padding: .5rem 1rem; font-size: .8125rem; font-weight: 700; color: #94a3b8; border-bottom: 2px solid transparent; transition: color .2s, border-color .2s; }
.ak-md-sekme:hover { color: #fff; }
.ak-md-sekme[aria-selected="true"] { color: var(--neon); border-bottom-color: var(--neon); }
.ak-md .hljs { background: transparent; padding: 0; }
.ak-md pre { background: rgba(2, 4, 12, .7); border: 1px solid rgba(255, 255, 255, .08); border-radius: .75rem; }
.ak-md table { border-collapse: collapse; width: 100%; }
.ak-md th, .ak-md td { border: 1px solid rgba(255, 255, 255, .1); padding: .5rem .75rem; }