/* ═══════════════════════════════════════════════════════
   BURSA EMLAK OFİSİ – Kurumsal Stil Dosyası
═══════════════════════════════════════════════════════ */

:root {
  --bordo:    #8B1A2B;
  --bordo-k:  #6a1220;
  --altin:    #C9932F;
  --altin-k:  #a87825;
  --krem:     #FAF7F2;
  --krem2:    #F0EBE1;
  --koyu:     #1C1410;
  --metin:    #3D2B1F;
  --gri:      #7A6A5F;
  --beyaz:    #FFFFFF;
  --sinir:    #E4DED5;
  --shadow:   0 10px 30px rgba(28, 20, 16, 0.08);
}

* { margin: 0; padding: 0; box-box: border-box; }
body { 
  font-family: 'DM Sans', sans-serif; 
  background: var(--krem); 
  color: var(--metin); 
  line-height: 1.6;
}

.container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }

/* HEADER */
.site-header { 
  background: var(--beyaz); 
  padding: 20px 0; 
  border-bottom: 1px solid var(--sinir); 
  position: sticky; top: 0; z-index: 1000;
}
.header-ic { display: flex; justify-content: space-between; align-items: center; }
.logo { display: flex; align-items: center; gap: 15px; text-decoration: none; }
.logo-rozet { font-size: 32px; }
.logo-metin .ust { 
  font-family: 'Playfair Display', serif; 
  font-weight: 700; font-size: 20px; color: var(--bordo); 
}
.logo-metin .alt { font-size: 11px; text-transform: uppercase; letter-spacing: 2px; color: var(--gri); }

.nav a { text-decoration: none; color: var(--metin); font-weight: 500; margin-left: 30px; transition: 0.3s; }
.nav a:hover { color: var(--altin); }

/* HERO & FILTRE */
.hero { 
  background: linear-gradient(rgba(28,20,16,0.6), rgba(28,20,16,0.6)), url('../img/bursa-bg.jpg'); 
  background-size: cover; background-position: center;
  padding: 100px 0; text-align: center; color: var(--beyaz);
}
.hero h1 { font-family: 'Playfair Display', serif; font-size: 48px; margin-bottom: 10px; }

.filtre-panel { 
  background: var(--beyaz); padding: 30px; border-radius: 12px; 
  box-shadow: var(--shadow); margin-top: -60px; display: flex; gap: 15px; align-items: flex-end;
}
.form-grup { flex: 1; display: flex; flex-direction: column; gap: 8px; text-align: left; }
.form-grup label { font-size: 12px; font-weight: 600; color: var(--gri); text-transform: uppercase; }
.form-grup select, .form-grup input { 
  padding: 12px; border: 1px solid var(--sinir); border-radius: 6px; font-family: inherit; 
}
.btn-ara { 
  background: var(--bordo); color: var(--beyaz); border: none; 
  padding: 14px 40px; border-radius: 6px; font-weight: 600; cursor: pointer; transition: 0.3s;
}
.btn-ara:hover { background: var(--bordo-k); transform: translateY(-2px); }

/* ILAN KARTLARI */
.ilan-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); gap: 30px; margin-top: 40px; }
.ilan-kart { background: var(--beyaz); border-radius: 12px; overflow: hidden; box-shadow: var(--shadow); transition: 0.3s; text-decoration: none; color: inherit; }
.ilan-kart:hover { transform: translateY(-10px); }
.ilan-resim { height: 240px; position: relative; }
.ilan-resim img { width: 100%; height: 100%; object-fit: cover; }
.ilan-tur { 
  position: absolute; top: 15px; left: 15px; 
  background: var(--altin); color: var(--beyaz); 
  padding: 5px 15px; border-radius: 4px; font-size: 12px; font-weight: 600;
}
.ilan-bilgi { padding: 20px; }
.ilan-konum { color: var(--altin); font-size: 13px; font-weight: 600; margin-bottom: 5px; }
.ilan-bilgi h3 { font-family: 'Playfair Display', serif; margin-bottom: 15px; font-size: 20px; }
.ilan-meta { display: flex; gap: 15px; color: var(--gri); font-size: 14px; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid var(--krem2); }
.ilan-fiyat { font-size: 22px; font-weight: 700; color: var(--bordo); }

/* FOOTER */
.site-footer { background: var(--koyu); color: var(--beyaz); padding: 60px 0 20px; margin-top: 80px; }
.footer-alt { border-top: 1px solid rgba(255,255,255,0.1); margin-top: 40px; padding-top: 20px; display: flex; justify-content: space-between; font-size: 13px; color: var(--gri); }