/* ===================================================
   TEMAD Emlak — Mobil Compact Düzenlemeler v1
   Tüm kurallar yalnızca mobil (≤768px) için geçerlidir.
   =================================================== */

/* ────────────────────────────────────────────────────
   1) ANASAYFA İLANLAR — Grid görünüm + %80 küçültme
   Ofis haritası altındaki "Son Eklenen İlanlar" bölümü
   hariç tutulmuştur (son-ilanlar-kaydir dokunulmaz).
   ──────────────────────────────────────────────────── */
@media (max-width: 768px) {

  /* Öne Çıkan İlanlar: 2 sütun grid */
  #oneCikanGrid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 8px !important;
    padding: 0 !important;
  }
  #oneCikanGrid > .col {
    max-width: 100% !important;
    flex: none !important;
    width: 100% !important;
    padding: 0 !important;
  }

  /* Anasayfa İlan Kartları — %80 daha kompakt */
  #oneCikanGrid .ilan-karti {
    border-radius: 8px;
  }

  #oneCikanGrid .ilan-foto-wrap {
    aspect-ratio: 4 / 3;
  }

  #oneCikanGrid .ilan-foto-wrap img {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

  #oneCikanGrid .ilan-bilgi {
    padding: 5px 6px 6px;
  }

  #oneCikanGrid .ilan-kategori {
    font-size: 0.55rem;
    margin-bottom: 1px;
  }

  #oneCikanGrid .ilan-baslik {
    font-size: 0.65rem;
    line-height: 1.25;
    margin-bottom: 2px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  #oneCikanGrid .ilan-konum {
    font-size: 0.55rem;
    margin-bottom: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  #oneCikanGrid .ilan-ozellikler {
    gap: 4px;
    margin-bottom: 2px;
  }

  #oneCikanGrid .ilan-ozellik {
    font-size: 0.5rem;
    padding: 1px 3px;
  }

  #oneCikanGrid .ilan-fiyat {
    font-size: 0.7rem;
    font-weight: 800;
  }

  #oneCikanGrid .ilan-aksiyonlar {
    display: none !important;
  }

  #oneCikanGrid .ilan-danisan {
    display: none !important;
  }

  /* Badge ve butonlar küçültülsün */
  #oneCikanGrid .ilan-tip-badge {
    font-size: 0.5rem;
    padding: 1px 5px;
    top: 4px;
    left: 4px;
  }

  #oneCikanGrid .ilan-favori-btn {
    width: 24px;
    height: 24px;
    font-size: 10px;
    top: 3px;
    right: 3px;
  }

  #oneCikanGrid .ilan-karsilastir-btn {
    width: 22px;
    height: 22px;
    font-size: 9px;
    bottom: 4px;
    left: 4px;
  }

  #oneCikanGrid .ilan-ofis-logo {
    width: 22px !important;
    height: 22px !important;
  }

  #oneCikanGrid .ilan-temsilci-logo {
    width: 20px !important;
    height: 20px !important;
  }

  #oneCikanGrid .ilan-temsili-logo {
    width: 18px !important;
    height: 18px !important;
    font-size: 8px !important;
  }

  /* Tab menü küçültme */
  .ilan-tab-menu {
    gap: 4px;
    margin-bottom: 10px !important;
  }
  .ilan-tab-btn {
    padding: 5px 10px;
    font-size: 0.7rem;
    gap: 3px;
  }
  .ilan-tab-btn i {
    font-size: 0.6rem;
  }

  /* İstatistik banner kompakt */
  .istatistik-bant .istat-sayi {
    font-size: 1.2rem;
  }
  .istatistik-bant .istat-label {
    font-size: 0.65rem;
  }
}

/* ────────────────────────────────────────────────────
   2) İLANLAR SAYFASI — Filtre sütunları %60 küçültme
   ──────────────────────────────────────────────────── */
@media (max-width: 768px) {

  /* Filtre sidebar mobil popup — genel küçültme */
  .filtre-sidebar {
    padding: 0.7rem !important;
    border-radius: 14px 14px 0 0 !important;
  }

  .filtre-sidebar .filtre-bolum {
    padding-bottom: 0.45rem;
    margin-bottom: 0.45rem;
  }

  .filtre-sidebar .filtre-baslik {
    font-size: 0.7rem;
    margin-bottom: 0.35rem;
  }

  .filtre-sidebar label,
  .filtre-sidebar .form-check-label {
    font-size: 0.7rem;
    gap: 4px !important;
  }

  .filtre-sidebar .form-check-input {
    width: 14px;
    height: 14px;
    min-height: 14px !important;
  }

  .filtre-sidebar .form-select,
  .filtre-sidebar select {
    font-size: 0.7rem !important;
    padding: 0.25rem 0.4rem !important;
    min-height: 32px !important;
    height: 32px;
  }

  .filtre-sidebar input[type="number"] {
    font-size: 0.7rem !important;
    padding: 0.2rem 0.35rem !important;
    min-height: 30px !important;
    height: 30px;
  }

  .filtre-sidebar .fiyat-range {
    gap: 0.3rem;
  }

  .filtre-sidebar .fiyat-range span {
    font-size: 0.65rem;
  }

  .filtre-sidebar .oda-btn {
    padding: 0.2rem 0.4rem;
    font-size: 0.65rem;
    min-width: 28px;
    min-height: 28px !important;
  }

  .filtre-sidebar .btn {
    font-size: 0.7rem;
    padding: 0.35rem 0.5rem;
    min-height: 34px !important;
  }

  /* Mobil filtre toggle butonu küçültme */
  .filtre-mobil-toggle {
    width: 42px;
    height: 42px;
    font-size: 1rem;
    bottom: 4.5rem;
    right: 1rem;
  }

  /* Sıralama bar kompakt */
  .siralama-bar {
    padding: 0.4rem 0.6rem;
    flex-wrap: wrap;
    gap: 6px;
    font-size: 0.72rem;
  }

  .siralama-bar #sonucCount {
    font-size: 0.68rem;
  }

  .siralama-bar .gorunum-toggle {
    padding: 2px;
  }

  .siralama-bar .gorunum-btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.65rem;
  }

  .siralama-bar #siralamaSelect {
    font-size: 0.7rem;
    min-width: 110px;
    padding: 0.2rem 0.3rem;
    min-height: 30px !important;
    height: 30px;
  }

  /* Üst arama çubuğu kompakt */
  #aramaInput {
    font-size: 0.75rem !important;
    min-height: 36px !important;
  }
  #tipFilter {
    font-size: 0.72rem !important;
    min-height: 36px !important;
    max-width: 100px !important;
  }
  #hizliAraBtn {
    font-size: 0.72rem;
    padding: 0.3rem 0.6rem;
    min-height: 36px !important;
  }
}

/* ────────────────────────────────────────────────────
   3) KARŞILAŞTIRMA MODALİ — Mobil iyileştirme
   ──────────────────────────────────────────────────── */
@media (max-width: 768px) {

  /* Karşılaştırma bar — kompakt */
  .karsilastir-bar {
    padding: 6px 0;
  }
  .karsilastir-bar-inner {
    padding: 0 10px;
    gap: 8px;
    flex-wrap: wrap;
  }
  .karsilastir-onizleme-item {
    font-size: 10px;
    padding: 3px 6px 3px 3px;
  }
  .karsilastir-onizleme-item img {
    width: 28px;
    height: 28px;
  }
  .karsilastir-aksiyonlar {
    gap: 6px;
    font-size: 0.7rem;
  }
  #karsilastirSayac {
    font-size: 0.7rem;
  }

  /* Modal tablo — yatay scroll + kompakt */
  #karsilastirModal .modal-dialog {
    max-width: 98vw;
    margin: 0.5rem auto;
  }
  #karsilastirModal .modal-body {
    padding: 0;
  }
  #karsilastirModal .table th,
  #karsilastirModal .table td {
    padding: 6px 8px;
    font-size: 0.72rem;
    min-width: 100px;
  }
  #karsilastirModal .table th:first-child,
  #karsilastirModal .table td:first-child {
    min-width: 80px;
    position: sticky;
    left: 0;
    background: #fff;
    z-index: 1;
    border-right: 2px solid #dee2e6;
  }
  #karsilastirModal .karsilastir-foto {
    max-width: 100px;
    height: 70px;
  }
  #karsilastirModal .table th a {
    font-size: 0.68rem;
  }
}