/* randevuAl.php - Özel stiller */

.randevu-form-container {
  max-width: 1000px;
  margin: 0 auto;
  padding: 60px 20px 40px;
}
.randevu-form {
  background: white;
  padding: 50px 60px;
  border-radius: 12px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
body.b.eh .randevu-form {
  background: #1a1a1a;
}
.form-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  margin-bottom: 30px;
}
.form-row-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  margin-bottom: 30px;
}
.form-group { margin-bottom: 0; }
.form-group-full { margin-bottom: 30px; }
.form-group-full textarea { min-height: 140px; }
@media (max-width: 1024px) {
  .randevu-form-container { max-width: 900px; }
  .randevu-form { padding: 40px 50px; }
}
@media (max-width: 768px) {
  .randevu-form-container {
    max-width: 100%;
    padding: 20px 15px;
  }
  .randevu-form { padding: 30px 25px; }
  .form-row, .form-row-2 {
    grid-template-columns: 1fr;
    gap: 0;
  }
  .form-group { margin-bottom: 25px; }
  .form-group input,
  .form-group textarea,
  .form-group-full input,
  .form-group-full textarea {
    padding: 12px 16px;
    font-size: 15px;
  }
}
.form-group label,
.form-group-full label {
  display: block;
  margin-bottom: 10px;
  font-weight: 600;
  font-size: 15px;
  color: #333;
}
body.b.eh .form-group label,
body.b.eh .form-group-full label {
  color: #e5e5e5;
}
.form-group input,
.form-group select,
.form-group textarea,
.form-group-full input,
.form-group-full textarea {
  width: 100%;
  padding: 14px 18px;
  border: 1px solid #ddd;
  border-radius: 8px;
  font-size: 16px;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
  min-height: 48px;
  background: white;
}
body.b.eh .form-group input,
body.b.eh .form-group select,
body.b.eh .form-group textarea,
body.b.eh .form-group-full input,
body.b.eh .form-group-full textarea {
  background: #2a2a2a;
  border-color: #444;
  color: #e5e5e5;
}
.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus,
.form-group-full input:focus,
.form-group-full textarea:focus {
  outline: none;
  border-color: #f97316;
  box-shadow: 0 0 0 3px rgba(249, 115, 22, 0.1);
}
.form-group textarea {
  resize: vertical;
  min-height: 120px;
}
.required { color: #ef4444; }
.btn-submit {
  width: 100%;
  padding: 14px 24px;
  background: #f97316;
  color: white;
  border: none;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.3s ease, transform 0.2s ease;
}
.btn-submit:hover {
  background: #ea580c;
  transform: translateY(-1px);
}
.btn-submit:disabled {
  background: #ccc;
  cursor: not-allowed;
  transform: none;
}
.alert {
  padding: 16px;
  border-radius: 8px;
  margin-bottom: 20px;
}
.alert-success {
  background: #d1fae5;
  color: #065f46;
  border: 1px solid #6ee7b7;
}
body.b.eh .alert-success {
  background: #064e3b;
  color: #6ee7b7;
  border-color: #047857;
}
.alert-error {
  background: #fee2e2;
  color: #991b1b;
  border: 1px solid #fca5a5;
}
body.b.eh .alert-error {
  background: #7f1d1d;
  color: #fca5a5;
  border-color: #991b1b;
}
@media (max-width: 768px) {
  .randevu-form { padding: 30px 20px; }
}