/* ============================================================
   DOSYA SORUMLULUGU — base-11-list-items.css
   ------------------------------------------------------------
   NE YAPAR   : Genel liste satiri bileseni.
   KAYNAK     : v3.12.0'da bolundu — kurallar birebir tasindi,
                hicbir kural yeniden yazilmadi veya siralanmadi.
   SIRA       : index.html'deki <link> sirasi kaskadi belirler.
                Bu dosyanin sirasini DEGISTIRME.
   ------------------------------------------------------------
   Tam dosya listesi ve sira: BAGIMLILIK-HARITASI.md
   ============================================================ */

/* ============================================================
   LIST ITEMS
   ============================================================ */
.list-item {
  display: flex;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px solid var(--border);
  gap: 10px;
  cursor: default;
}
.list-item:last-child { border-bottom: none; }

.menu-item {
  display: flex;
  align-items: center;
  padding: 14px 16px;
  gap: 12px;
  background: var(--bg2);
  border-bottom: 1px solid rgba(0,0,0,0.05);
  transition: background 0.12s, transform 0.1s;
  cursor: pointer;
  user-select: none;
}
.menu-item:active { background: var(--bg3); transform: scale(0.99); }
.menu-item:first-child { border-radius: var(--radius) var(--radius) 0 0; }
.menu-item:last-child  { border-radius: 0 0 var(--radius) var(--radius); border-bottom: none; }
.menu-item:only-child  { border-radius: var(--radius); }
.menu-icon { font-size: 20px; }
.menu-text { flex: 1; font-size: 14px; font-weight: 600; color: var(--text); }
.menu-sub  { font-size: 11px; color: var(--text3); margin-top: 1px; }
.menu-arrow { color: var(--text3); font-size: 14px; font-weight: 300; }
.menu-badge {
  font-size: 10px;
  font-weight: 700;
  background: var(--orange-light);
  color: var(--orange);
  padding: 2px 7px;
  border-radius: 99px;
  border: 1px solid var(--orange-border);
}