/* ============================================================
   Akademi menüsü — üst menüdeki "Akademi" sekmesi
   Eğitimler, e-kitaplar/PDF'ler ve akademi sayfaları tek panelde
   gruplanır. Geri almak için sayfalardan bu dosyanın <link>
   satırını çıkarmak yeterlidir.
   ============================================================ */

:root {
  /* Sitenin altınının koyu tonu — küçük metinde okunaklı kalsın diye (6:1 kontrast) */
  --mega-vurgu: #6f4f18;
}

/* --- Masaüstü: üç sütunlu panel --- */
.dropdown--mega {
  left: auto;
  right: 0;
  transform: translateY(8px);
  width: min(720px, calc(100vw - 40px));
  padding: 20px 14px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 2px 8px;
  text-align: left;
}
.has-dropdown:hover .dropdown--mega { transform: translateY(0); }

.mega__grup { display: flex; flex-direction: column; }
.mega__baslik {
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--mega-vurgu);
  padding: 4px 12px 8px;
  white-space: nowrap;
}
.dropdown--mega a { padding: 9px 12px; border-radius: 10px; line-height: 1.35; }
.dropdown--mega a b { display: block; font-size: .88rem; font-weight: 600; }
.dropdown--mega a small { display: block; margin-top: 3px; font-size: .74rem; color: #6b6155; }
.dropdown--mega a:hover small { color: inherit; }

/* Menüde bulunulan sayfa */
.nav__links a.is-active { color: var(--mega-vurgu); font-weight: 600; }

/* --- Mobil: menü çekmecesinin içinde tek sütun --- */
@media (max-width: 940px) {
  .dropdown--mega {
    width: 100%;
    padding: 0 0 8px;
    grid-template-columns: 1fr;
    gap: 0;
    transform: none;
  }
  .mega__baslik { padding: 12px 24px 2px; }
  .dropdown--mega a { padding: 9px 40px; border-radius: 0; }
  .dropdown--mega a small { display: none; }

  /* Menü uzadı — küçük ekranda taşmasın, kaydırılabilsin */
  .nav__links { max-height: calc(100vh - 62px); overflow-y: auto; }
}