/* Genel Form Konteyneri */
.realtor-form-container {
  max-width: 800px; /* Formun maksimum genişliği */
  margin: 40px auto; /* Ortalamak için */
  padding: 30px;
  background-color: #ffffff; /* Beyaz zemin */
  border-radius: 14px; /* Köşe yuvarlama */
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); /* Hafif gölge */
  font-family: "Segoe UI", sans-serif; /* Yazı tipi */
  box-sizing: border-box; /* Padding'in genişliği etkilememesi için */
}

/* Başlık Stili */
.realtor-form-container h2 {
  text-align: center;
  color: #1a1a1a;
  font-size: 24px;
  margin-bottom: 25px;
}

/* Form Grupları (Alanlar) */
.realtor-form-group {
  margin-bottom: 20px; /* Alanlar arasında boşluk */
}

/* Etiket Stili */
.realtor-form-group label {
  display: block;
  font-weight: bold;
  margin-bottom: 8px; /* Etiket ile input arasındaki boşluk */
  color: #333;
  font-size: 16px;
}

/* Input, Textarea ve Select Alanları */
.realtor-form-group input,
.realtor-form-group textarea,
.realtor-form-group select {
  width: 100%; /* Genişlik %100 */
  padding: 12px; /* İç boşluk */
  border: 1px solid #ddd; /* Hafif gri sınır */
  border-radius: 8px; /* Köşe yuvarlama */
  font-size: 15px; /* Yazı tipi boyutu */
  margin-top: 5px; /* Üst boşluk */
  box-sizing: border-box; /* Padding'in genişlik hesaplamalarına dahil edilmesi */
}

/* Dosya Yükleme Alanı */
.realtor-form-group input[type="file"] {
  padding: 8px; /* Dosya yükleme alanı için padding */
  font-size: 14px; /* Yazı tipi boyutu */
}

/* Textarea Alanı */
.realtor-form-group textarea {
  height: 120px; /* Yüksekliği belirleyin */
  resize: vertical; /* Yalnızca dikeyde boyutlandırmaya izin ver */
}

/* Sosyal Medya, Google Harita URL alanı gibi placeholder'lar için stil */
.realtor-form-group input::placeholder,
.realtor-form-group textarea::placeholder {
  color: #aaa; /* Daha açık renk */
  font-style: italic; /* İtalik yazı */
}

/* Submit Butonu */
.realtor-form-submit button {
  background: #007bff; /* Mavi arka plan */
  color: #fff; /* Beyaz yazı rengi */
  padding: 14px 30px; /* İç boşluk */
  font-size: 16px; /* Yazı tipi boyutu */
  border: none;
  border-radius: 10px; /* Köşe yuvarlama */
  cursor: pointer; /* Fare simgesini değiştir */
  transition: background 0.3s; /* Hover geçiş efekti */
}

/* Submit Butonunun Hover Durumu */
.realtor-form-submit button:hover {
  background: #0056b3; /* Hover durumunda mavi ton değişimi */
}

/* Form Elemanları İçin Sağ Boşluk */
.realtor-form-group input,
.realtor-form-group textarea {
  margin-right: 20px; /* Sağ tarafta boşluk bırak */
}

/* CheckBox ve Etiketler */
.realtor-checkbox-group {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

/* Responsive Tasarım (Mobil Uyumlu) */
@media (max-width: 768px) {
  .realtor-form-container {
    padding: 20px; /* Küçük ekranlarda padding azalt */
    max-width: 100%; /* Ekran boyutuna uyum */
  }

  .realtor-form-group {
    margin-bottom: 15px; /* Alanlar arasındaki boşluk azalt */
  }

  .realtor-form-submit button {
    width: 100%; /* Butonu tam genişlikte yap */
    padding: 12px; /* Daha küçük iç boşluk */
  }
}