/* mekandetay.css — Mekan detay (3 sekme + sosyal yorum + sağ panel). var(--*) ile dark-mode güvenli. */

@media (max-width: 920px) {
  .ki-detailgrid { grid-template-columns: 1fr !important; }
  #md-sag { position: static !important; }
}

/* Sekme barı butonu */
.md-tab { border: 0; background: none; cursor: pointer; padding: 11px 15px; font-size: 14px; font-weight: 600; color: var(--muted); border-bottom: 2px solid transparent; margin-bottom: -1px; }
.md-tab.aktif { color: var(--ink); border-bottom-color: var(--altin); }

/* Yorum thread girintisi border-left ile (her seviye) */
.md-yanit { margin-top: 12px; }
.md-yanit-ic { display: flex; gap: 10px; border-left: 2px solid var(--border2); padding-left: 12px; }

/* Galeri hücresi hover */
.md-gal:hover { opacity: .88; }

/* Hava 7-gün kolonu */
.md-wx-col { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 3px; padding: 7px 2px; border-radius: 9px; }
.md-wx-col.bugun { background: var(--surface2); }