/*
  limon_ilan_modern - Görünüm İyileştirmeleri
  Amaç: Mevcut PHP/HTML yapısına dokunmadan (sadece CSS ile) daha modern,
  tutarlı buton/input/kart ve mobil görünüm elde etmek.
*/

:root{
  --ui-bg: #f6f7fb;
  --ui-surface: #ffffff;
  --ui-text: #0f172a;
  --ui-muted: #64748b;
  --ui-border: rgba(15, 23, 42, .12);
  --ui-border-strong: rgba(15, 23, 42, .18);
  --ui-shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);
  --ui-shadow: 0 10px 24px rgba(15, 23, 42, .10);
  --ui-radius: 12px;
  --ui-radius-sm: 10px;
  --ui-focus: rgba(2, 132, 199, .18); /* cyan-600 ring */
}

html, body {height: 100%;}
body{
  background: var(--ui-bg);
  color: var(--ui-text);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Linkler */
a{transition: color .15s ease, opacity .15s ease;}
a:hover{opacity:.95;}

/* Genel yüzeyler */
.panel,
.well,
.thumbnail,
.list-group,
.list-group-item{
  border-color: var(--ui-border) !important;
}

.panel,
.well,
.thumbnail{
  border-radius: var(--ui-radius) !important;
  box-shadow: var(--ui-shadow-sm);
}

.panel-heading{
  border-top-left-radius: var(--ui-radius) !important;
  border-top-right-radius: var(--ui-radius) !important;
}

/* Form alanları */
.form-control{
  border-color: var(--ui-border-strong) !important;
  border-radius: var(--ui-radius-sm) !important;
  box-shadow: none !important;
  transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
}
.form-control:focus{
  border-color: rgba(2, 132, 199, .55) !important;
  box-shadow: 0 0 0 4px var(--ui-focus) !important;
}

/* Butonlar: header alanını bozmamak için hariç tut */
.btn{
  border-radius: var(--ui-radius-sm) !important;
  transition: transform .05s ease, filter .15s ease, background-color .15s ease, box-shadow .15s ease;
}
.btn:active{transform: translateY(1px);}

/* Bootstrap input-group'larda köşe uyumu */
.input-group .form-control{border-top-right-radius: 0 !important;border-bottom-right-radius: 0 !important;}
.input-group-btn .btn{border-top-left-radius: 0 !important;border-bottom-left-radius: 0 !important;}

/* Tablo görünümü */
.table{
  background: var(--ui-surface);
  border-radius: var(--ui-radius);
  overflow: hidden;
}
.table>thead>tr>th{
  background: rgba(15, 23, 42, .04);
  border-bottom: 1px solid var(--ui-border) !important;
}
.table>tbody>tr:hover>td{background: rgba(2, 132, 199, .05);}

/* Kart/ilan listeleme gibi bloklarda daha yumuşak boşluk */
.gri{
  border: 1px solid var(--ui-border);
  border-radius: var(--ui-radius);
  background: rgba(255,255,255,.75);
  backdrop-filter: blur(6px);
}

/* Mobil header butonları (menü / kullanıcı) */
.mobil_header #mm_buton,
.mobil_header #mmu_buton{
  border: 1px solid rgba(255,255,255,.35);
  background: rgba(255,255,255,.18);
  color: rgba(255,255,255,.95);
  border-radius: 14px;
  height: 40px;
  width: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.mobil_header #mm_buton i,
.mobil_header #mmu_buton i{font-size:20px;}

/* Mobil arama: daha tutarlı yükseklik ve boşluk */
.mobil_ara{
  padding: 10px 12px;
  background: rgba(255,255,255,.10);
  border-bottom: 1px solid rgba(255,255,255,.18);
}
.mobil_ara .form-control{
  height: 40px !important;
  border-radius: 14px 0 0 14px !important;
  border-right: 0 !important;
}
.mobil_ara .btn{
  height: 40px !important;
  border-radius: 0 14px 14px 0 !important;
}

/* Küçük ekranlarda bazı metin/padding iyileştirmeleri */
@media (max-width: 767px){
  body{background: #fff;} /* mobilde daha temiz */
  .gri{border-radius: 14px;}
  .panel, .well, .thumbnail{border-radius: 14px !important;}
}