/* PratikVision tanıtım sitesi: randevu ve bilgi talebi formu ile KVKK aydınlatma metni sayfaları.
   ortak-2.css'ten ve masaustu-2.css ya da telefon-2.css'ten sonra yüklenir.
   Renk, yazı ve ölçüler ortak değişkenlerden gelir, bu dosyada yeni renk değeri yoktur.
   Hata ve uyarılar renge değil metne, kalın çizgiye ve kalın kenarlığa dayanır. */

/* ---------- Talep sayfası ---------- */

.talep {
  padding-block: var(--b-8) var(--b-9);
}

.talep h1 {
  font-size: var(--boy-baslik);
  font-weight: 500;
  line-height: var(--satir-baslik);
  letter-spacing: -0.016em;
}

.talep__giris {
  max-width: 56ch;
  margin-top: var(--b-4);
  color: var(--metin-2);
  font-size: var(--boy-ara);
  line-height: var(--satir-ara);
}

/* Masaüstü: form solda (7 sütun), bilgi paneli sağda (4 sütun) */
.talep__izgara {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: var(--b-5);
  align-items: start;
}

.talep__ana {
  grid-column: 1 / span 7;
}

.talep__yan {
  grid-column: 9 / span 4;
  padding: var(--b-6);
  border-radius: var(--kose);
  background: var(--zemin-2);
}

.talep__yan-baslik,
.talep-bilgi__baslik {
  font-size: var(--boy-ara);
  font-weight: 500;
  line-height: var(--satir-ara);
}

.talep__yan > p,
.talep-bilgi p {
  margin-top: var(--b-3);
  color: var(--metin-2);
}

.talep__degerler {
  margin-top: var(--b-5);
}

.talep__kvkk {
  margin-top: var(--b-5);
  padding-top: var(--b-4);
  border-top: 1px solid var(--cizgi);
  font-size: var(--boy-kucuk);
}

/* Telefonda formun üstünde arama kutusu */
.talep__hizli {
  margin-top: var(--b-5);
  padding: var(--b-4);
  border: 1px solid var(--cizgi);
  border-radius: var(--kose);
}

.talep__hizli p {
  margin-bottom: var(--b-3);
  color: var(--metin-2);
}

/* ---------- Form ---------- */

.talep-form {
  margin-top: var(--b-7);
}

.talep-form > * + * {
  margin-top: var(--b-6);
}

/* Üst boşluk kardeş kuralından gelir, burada sıfırlanmaz */
.talep-form fieldset {
  min-width: 0;
  margin-inline: 0;
  margin-bottom: 0;
  padding: 0;
  border: 0;
}

/* Doğrulama kutusu çoğu zaman görünmez; boşken onay kutularıyla düğme arasını büyütmesin */
.talep-form > [data-alan="cf-turnstile-response"] {
  margin-top: var(--b-4);
}

.talep-form legend {
  padding: 0;
}

.alan__etiket,
.alan-grubu__baslik {
  display: block;
  font-weight: 500;
}

.alan-grubu__baslik {
  font-size: var(--boy-ara);
  line-height: var(--satir-ara);
}

.alan__zorunlu {
  color: var(--metin-2);
  font-weight: 400;
}

.alan__ipucu {
  margin-top: var(--b-1);
  color: var(--metin-2);
  font-size: var(--boy-kucuk);
}

.alan__hata {
  margin-top: var(--b-2);
  color: var(--metin);
  font-weight: 600;
}

/* Hatalı alan: solda kalın çizgi, girişte kalın kenarlık */
.alan--hatali {
  padding-left: var(--b-4);
  border-left: var(--b-1) solid var(--metin);
}

.giris-alani {
  display: block;
  width: 100%;
  min-height: var(--dokunma);
  margin-top: var(--b-2);
  padding: var(--b-2) var(--b-4);
  border: 1px solid var(--metin-2);
  border-radius: var(--kose);
  background: var(--zemin);
  color: var(--metin);
  font-family: var(--yazi);
  font-size: var(--boy-govde);
  line-height: 1.4;
}

.giris-alani[aria-invalid="true"] {
  padding: calc(var(--b-2) - 1px) calc(var(--b-4) - 1px);
  border: 2px solid var(--metin);
}

.talep-form :focus-visible {
  outline-color: var(--eylem);
}

.giris-alani:focus-visible {
  border-radius: var(--kose);
}

textarea.giris-alani {
  min-height: calc(var(--b-9) + var(--b-8));
  resize: vertical;
}

.alan--kisa .giris-alani,
.alan--kisa .secim {
  max-width: calc(var(--b-9) * 3);
}

/* iOS'ta tarih değeri ortalanmasın */
.giris-alani::-webkit-date-and-time-value {
  text-align: left;
}

/* Açılır liste: tarayıcı oku yerine çizgiyle ok */
.secim {
  position: relative;
}

.secim .giris-alani {
  -webkit-appearance: none;
  appearance: none;
  padding-right: var(--b-7);
  cursor: pointer;
}

.secim::after {
  content: "";
  position: absolute;
  right: var(--b-4);
  bottom: calc(var(--dokunma) / 2);
  width: var(--b-2);
  height: var(--b-2);
  border: solid var(--metin);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  pointer-events: none;
}

/* Yan yana iki alan (masaüstü) */
.alan-ikili {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--b-6) var(--b-5);
}

/* Seçim kartları: talep türü */
.kartlar {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--b-3);
  margin-top: var(--b-3);
}

.kart,
.saat {
  display: flex;
  align-items: flex-start;
  gap: var(--b-3);
  min-height: var(--dokunma);
  padding: var(--b-4);
  border: 1px solid var(--metin-2);
  border-radius: var(--kose);
  background: var(--zemin);
  cursor: pointer;
}

.kart input,
.saat input,
.onay input {
  flex: none;
  width: var(--b-5);
  height: var(--b-5);
  margin: 2px 0 0;
  accent-color: var(--eylem);
  cursor: pointer;
}

.kart:has(input:checked),
.saat:has(input:checked) {
  padding: calc(var(--b-4) - 1px);
  border: 2px solid var(--eylem);
  background: var(--zemin-2);
}

.kart__metin {
  display: grid;
  gap: var(--b-1);
}

.kart__baslik {
  font-weight: 600;
}

.kart__aciklama {
  color: var(--metin-2);
  font-size: var(--boy-kucuk);
}

/* Saat aralığı */
.saatler {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(calc(var(--b-9) + var(--b-8)), 1fr));
  gap: var(--b-3);
  margin-top: var(--b-3);
}

.saat {
  padding: var(--b-3);
}

.saat:has(input:checked) {
  padding: calc(var(--b-3) - 1px);
}

.saat__metin {
  display: grid;
}

.saat__aralik {
  color: var(--metin-2);
  font-size: var(--boy-kucuk);
}

.alan-grubu > * + * {
  margin-top: var(--b-5);
}

.alan-grubu > .alan__ipucu {
  margin-top: var(--b-1);
}

/* Onay kutuları */
.onaylar > * + * {
  margin-top: var(--b-4);
}

.onay {
  display: flex;
  align-items: flex-start;
  gap: var(--b-3);
  min-height: var(--dokunma);
  padding-block: var(--b-2);
}

.onay label {
  cursor: pointer;
}

/* Güvenlik doğrulaması kutusu: gerekmedikçe görünmez, yer kaplamaz */
.talep-dogrulama {
  max-width: 100%;
  overflow: hidden;
}

.talep-dogrulama:focus {
  outline: none;
}

/* Otomatik gönderim tuzağı: ekranda ve ekran okuyucuda görünmez */
.tuzak {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.talep-gonder {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--b-4) var(--b-5);
}

.talep-durum {
  color: var(--metin-2);
}

.talep-durum:empty {
  display: none;
}

/* ---------- Uyarı, sonuç ---------- */

.talep-uyari {
  margin-top: var(--b-6);
  padding: var(--b-5);
  border: 1px solid var(--cizgi);
  border-left: var(--b-1) solid var(--metin);
  border-radius: var(--kose);
  background: var(--zemin-2);
}

.talep-uyari:focus,
.talep-uyari:focus-visible,
.talep-sonuc__baslik:focus,
.talep-sonuc__baslik:focus-visible {
  outline: none;
}

.talep-uyari__baslik {
  font-weight: 600;
}

.talep-uyari p + p {
  margin-top: var(--b-3);
}

.talep-uyari ul {
  margin-top: var(--b-3);
  padding-left: var(--b-5);
}

.talep-uyari li + li {
  margin-top: var(--b-2);
}

.talep-uyari a {
  font-weight: 600;
}

.talep-sonuc {
  margin-top: var(--b-7);
  padding: var(--b-6);
  border: 1px solid var(--cizgi);
  border-radius: var(--kose);
}

.talep-sonuc__baslik {
  font-size: var(--boy-baslik);
  font-weight: 500;
  line-height: var(--satir-baslik);
  letter-spacing: -0.016em;
}

.talep-sonuc__metin {
  margin-top: var(--b-3);
  color: var(--metin-2);
  font-size: var(--boy-ara);
  line-height: var(--satir-ara);
}

.talep-sonuc__bilgi {
  display: grid;
  gap: var(--b-4);
  margin-top: var(--b-5);
}

.talep-sonuc__bilgi dt {
  color: var(--metin-2);
  font-size: var(--boy-kucuk);
}

.talep-sonuc__bilgi dd {
  margin: var(--b-1) 0 0;
}

.takip-no {
  font-family: var(--yazi-esit);
  font-size: var(--boy-ara);
  font-weight: 500;
  letter-spacing: 0.02em;
}

.talep-sonuc__not {
  margin-top: var(--b-5);
  padding-top: var(--b-4);
  border-top: 1px solid var(--cizgi);
  color: var(--metin-2);
}

.talep-sonuc__eylem {
  margin-top: var(--b-5);
}

/* ---------- KVKK aydınlatma metni ---------- */

.belge-sayfa {
  padding-block: var(--b-8) var(--b-9);
}

.belge-sayfa h1 {
  font-size: var(--boy-baslik);
  font-weight: 500;
  line-height: var(--satir-baslik);
  letter-spacing: -0.016em;
}

.belge__alt {
  margin-top: var(--b-3);
  color: var(--metin-2);
}

.belge__izgara {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--b-7) var(--b-5);
  align-items: start;
}

.belge__bas {
  grid-column: 1 / -1;
}

.belge-ozet {
  grid-column: 1 / span 4;
  padding: var(--b-5);
  border-radius: var(--kose);
  background: var(--zemin-2);
}

.belge {
  grid-column: 6 / span 7;
  max-width: 68ch;
}

.belge h2,
.belge-ozet h2 {
  font-size: var(--boy-ara);
  font-weight: 500;
  line-height: var(--satir-ara);
}

.belge section + section {
  margin-top: var(--b-7);
}

.belge p,
.belge ul,
.belge dl,
.belge-ozet ul,
.belge-ozet p {
  margin-top: var(--b-3);
}

.belge ul,
.belge-ozet ul {
  padding-left: var(--b-5);
}

.belge li + li,
.belge-ozet li + li {
  margin-top: var(--b-2);
}

.belge-kunye {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  gap: var(--b-2) var(--b-5);
}

.belge-kunye dt {
  color: var(--metin-2);
}

.belge-kunye dd {
  margin: 0;
}

.belge a[href^="mailto:"],
.belge-ozet a[href^="mailto:"] {
  overflow-wrap: anywhere;
}

/* ---------- Masaüstü dar pencere ---------- */

@media (max-width: 1100px) {
  .talep__ana,
  .talep__yan,
  .belge-ozet,
  .belge {
    grid-column: 1 / -1;
  }

  .talep__yan {
    margin-top: var(--b-7);
  }
}

@media (max-width: 600px) {
  .alan-ikili,
  .kartlar {
    grid-template-columns: minmax(0, 1fr);
  }

  .talep__yan {
    padding: var(--b-5);
  }

  .belge-kunye {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
  }

  .belge-kunye dd + dt {
    margin-top: var(--b-3);
  }
}

/* ---------- Telefon sayfaları ---------- */

/* Alttaki bilgi bandı alt bilgiye bitişir, boşluk form ile bant arasındadır */
.talep--telefon {
  padding-block: var(--b-6) 0;
}

.talep--telefon > .kap {
  padding-bottom: var(--b-8);
}

.talep--telefon .talep-form {
  margin-top: var(--b-6);
}

.talep--telefon .alan-ikili,
.talep--telefon .kartlar,
.talep--telefon .saatler {
  grid-template-columns: minmax(0, 1fr);
}

.talep--telefon .saat {
  align-items: center;
  min-height: 56px;
}

.talep--telefon .saat__metin {
  display: flex;
  flex-wrap: wrap;
  column-gap: var(--b-3);
}

.talep--telefon .talep-gonder .dugme {
  width: 100%;
  min-height: 56px;
}

.talep--telefon .talep-sonuc {
  padding: var(--b-5);
}

.talep--telefon .talep-sonuc .dugme {
  width: 100%;
}

.talep-bilgi .degerler {
  margin-top: var(--b-5);
}

.belge-sayfa--telefon {
  padding-block: var(--b-6) var(--b-8);
}

.belge-sayfa--telefon .belge__izgara {
  display: block;
}

.belge-sayfa--telefon .belge-ozet {
  margin-top: var(--b-5);
}

.belge-sayfa--telefon .belge {
  margin-top: var(--b-7);
}

.belge-sayfa--telefon .belge-kunye {
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
}

.belge-sayfa--telefon .belge-kunye dd + dt {
  margin-top: var(--b-3);
}