/**
 * Türkseven Proje Alanları
 * ------------------------
 * Temanın renk değişkenlerini kullanır. Kart hover'ı zaten temada
 * tanımlı (.service:hover) — buradaki tek iş, tıklanabilir yüzeyi
 * eklemek ve menüdeki ayraç satırını stillendirmek.
 */

/* ====================================================================
   1. ANA SAYFA KARTLARI — TIKLANABİLİR YÜZEY
==================================================================== */
.service.tpa-clickable {
  position: relative; /* tema zaten position:relative veriyor, garanti altına alıyoruz */
}

.service.tpa-clickable .tpa-card-link {
  position: absolute;
  inset: 0;
  z-index: 3;
}

.service.tpa-clickable .tpa-card-link:focus-visible {
  outline: 2px solid #fff;
  outline-offset: -4px;
}

/* ====================================================================
   2. MENÜ — "PROJE ALANLARI" AYRACI
==================================================================== */
.dropdown li.tpa-divider {
  padding: 14px 24px 6px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--gray-dark, #6B7280);
  border-top: 1px solid var(--line, rgba(26, 26, 26, 0.08));
  margin-top: 6px;
  pointer-events: none;
}

.dropdown li.tpa-divider:first-child {
  border-top: none;
  margin-top: 0;
}

/* 11 madde tek dropdown'da uzun bir liste oluşturuyor; ekran kısaysa
   kaydırılabilir hâle getiriyoruz. */
@media (min-width: 1025px) {
  .has-dropdown .dropdown {
    max-height: min(80vh, 620px);
    overflow-y: auto;
  }
}

/* Mobilde tema açık açılır menüye max-height:300px + overflow:hidden
   uyguluyor. Bizim eklediğimiz 8 madde + ayraçla liste bunu aşıyor ve
   alttaki sektörler kırpılıp dokunuşla erişilemez kalıyordu. Yalnızca
   uzattığımız (tpa-mega) menüde kaydırmayı açıyoruz; başka hiçbir
   açılır menüye dokunmuyoruz. */
@media (max-width: 1024px) {
  .has-dropdown.tpa-mega.open .dropdown {
    max-height: 60vh !important;
    overflow-y: auto !important;
  }
}

/* ====================================================================
   3. MOBİL KATMANLI MENÜ (YDA Mode etkinse) İLE UYUM
   --------------------------------------------------------------------
   turkseven-yda-mode etkinken .dropdown position:fixed olup tam ekran
   kaplıyor; o durumda yukarıdaki max-height kısıtı gereksiz ve zararlı
   olur, bu yüzece yalnızca masaüstünde uyguluyoruz (üstteki media query
   zaten 1025px üstünü hedefliyor, mobilde dokunmuyoruz).
==================================================================== */