/* Gen Koleji — masaüstü mega menü (partials/header + js/app.js) */

/* Nav öğesi: açıkken kırmızı metin + header altına oturan kırmızı çizgi */
.nav-tetik::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 3px;
    border-radius: 3px 3px 0 0;
    background: #E30111;
    transform: scaleX(0);
    transition: transform .22s ease;
}
.nav-tetik:hover::after,
.nav-tetik[aria-expanded="true"]::after { transform: scaleX(1); }
.nav-tetik[aria-expanded="true"] { color: #E30111; }
.nav-tetik[aria-expanded="true"] svg { transform: rotate(180deg); }

/* Panel: görünmezken odaklanamaz (visibility), açılırken fade + slide */
.mega-panel {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-6px);
    transition: opacity .2s ease, transform .2s ease, visibility 0s linear .2s;
}
.mega-panel.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: none;
    transition: opacity .22s ease, transform .22s ease;
}
/* Paneller arası geçişte (bir menüden diğerine) animasyonsuz değiştir */
.mega-panel.is-instant { transition: none; }

/* Sütunlar sırayla hafifçe yukarı kayarak gelir */
.mega-panel.is-open .mega-col { animation: mega-giris .38s cubic-bezier(.2, .7, .3, 1) backwards; animation-delay: calc(var(--d, 0) * 45ms); }
.mega-panel.is-instant .mega-col { animation: none; }
@keyframes mega-giris {
    from { opacity: 0; transform: translateY(10px); }
    to   { opacity: 1; transform: none; }
}

/* Kademe rengi (--renk sütun bazında verilir) */
.kademe-renk { color: var(--renk); }
.kademe-btn { color: var(--renk); border-color: var(--renk); }
.kademe-btn:hover { background-color: var(--renk); color: #fff; }

/* Link kartları: hafif yükselme + ok ikonu belirir */
.mega-kart { transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease, background-color .2s ease; }
.mega-kart:hover { transform: translateY(-2px); border-color: rgba(227, 1, 17, .18); box-shadow: 0 12px 28px -14px rgba(32, 32, 32, .25); }
.mega-ok { display: inline-flex; opacity: 0; transform: translateX(-4px); transition: opacity .2s ease, transform .2s ease; }
.group:hover .mega-ok, .group:focus-visible .mega-ok { opacity: 1; transform: none; }

/* Fotoğraf kartları: yumuşak zoom */
.mega-foto img { transition: transform .6s ease; }
.mega-foto:hover img { transform: scale(1.05); }

/* İnce kaydırma çubuğu (panel ekran yüksekliğini aşarsa) */
.mega-panel { scrollbar-width: thin; scrollbar-color: #E5E5E5 transparent; }

@media (prefers-reduced-motion: reduce) {
    .mega-panel, .mega-panel.is-open, .nav-tetik::after, .mega-kart, .mega-ok, .mega-foto img { transition: none; }
    .mega-panel { transform: none; }
    .mega-panel.is-open .mega-col { animation: none; }
    .mega-kart:hover, .mega-foto:hover img { transform: none; }
}