/* Tasarımın orijinal style.css'ine dokunmadan eklenen katman:
   randevu formu ve CMS'ten gelen liste sayfaları. */

/* ---- Randevu / iletişim formu ------------------------------------------ */
.randevu-form { margin-top: 36px; display: flex; flex-direction: column; gap: 14px; max-width: 480px; }
.randevu-satir { display: flex; gap: 14px; }
.randevu-satir > * { flex: 1; min-width: 0; }

.randevu-form input[type="text"],
.randevu-form input[type="tel"],
.randevu-form input[type="email"],
.randevu-form textarea {
  width: 100%;
  padding: 14px 16px;
  font-family: inherit;
  font-size: 14px;
  color: #fff;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 0;
  transition: border-color .3s ease, background .3s ease;
}
.randevu-form input::placeholder,
.randevu-form textarea::placeholder { color: rgba(255, 255, 255, 0.45); }
.randevu-form input:focus,
.randevu-form textarea:focus {
  outline: none;
  border-color: rgba(255, 255, 255, 0.5);
  background: rgba(255, 255, 255, 0.1);
}
.randevu-form textarea { resize: vertical; }

.randevu-onay { display: flex; align-items: flex-start; gap: 10px; font-size: 12.5px; line-height: 1.5; color: rgba(255, 255, 255, 0.6); }
.randevu-onay input { margin-top: 3px; accent-color: #fff; }

.randevu-form .hero-cta { align-self: flex-start; margin-top: 6px; }

.randevu-basarili {
  margin-top: 28px; padding: 14px 18px;
  border-left: 2px solid rgba(255, 255, 255, 0.6);
  font-size: 14px; color: rgba(255, 255, 255, 0.85);
  background: rgba(255, 255, 255, 0.05);
}

/* ---- Liste sayfaları (seminerler, hikâyeler, basında) ------------------- */
.liste-hero { padding: 180px 0 60px; }
.liste-bos { padding: 40px 0 120px; opacity: .6; font-size: 15px; }

.basin-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 40px; }
.basin-kart { display: block; text-decoration: none; color: inherit; }
.basin-kart-gorsel { aspect-ratio: 4 / 3; background-size: cover; background-position: center; filter: grayscale(1); transition: filter .5s ease; }
.basin-kart:hover .basin-kart-gorsel { filter: grayscale(0); }
.basin-kart-kaynak { margin-top: 18px; font-size: 11px; letter-spacing: .18em; text-transform: uppercase; opacity: .55; }
.basin-kart-baslik { margin-top: 8px; font-family: 'Playfair Display', serif; font-size: 20px; line-height: 1.35; }
.basin-kart-tarih { margin-top: 6px; font-size: 12.5px; opacity: .5; }

/* Detay sayfaları */
.detay-govde { max-width: 780px; margin: 0 auto; padding: 40px 0 120px; }
.detay-govde p { margin-bottom: 20px; line-height: 1.8; }
.detay-ust-bilgi { display: flex; gap: 24px; flex-wrap: wrap; margin-bottom: 28px; font-size: 12.5px; letter-spacing: .1em; text-transform: uppercase; opacity: .55; }
.detay-gorsel { width: 100%; aspect-ratio: 16 / 9; background-size: cover; background-position: center; margin-bottom: 48px; }
.geri-link { display: inline-block; margin-top: 40px; font-size: 13.5px; letter-spacing: .06em; }

@media (max-width: 720px) {
  .randevu-satir { flex-direction: column; }
  .liste-hero { padding: 140px 0 40px; }
}

/* Alt bilgi menüsü artık gerçek bağlantı; renk/dekorasyon tasarımdaki gibi kalsın. */
.altbilgi-menu a { color: inherit; text-decoration: none; transition: color .3s ease; }
.altbilgi-menu a:hover { color: rgba(180, 210, 232, 0.9); }
