/* ============================================================
   ANDA · iletisim.css
   "Hakkımızda ve İletişim" sayfasına özel bileşenler:
   rol kartları, iletişim bilgileri bloğu, talep formu alanları.
   Yalnızca token kullanılır; components.css'e dokunulmaz.
   Kare köşe, hairline, mavi ana renk, kırmızı yalnız mikro vurgu.
   ============================================================ */

/* ---- Sayfa başlığı / hero (cover varyantı) ------------- */
.ak-pagehead { border-bottom: var(--bw-hair) solid var(--border); }
.ak-pagehead__pad {
  padding: 56px 0 60px;
  max-width: 760px;
}
.ak-pagehead .ak-h1 { max-width: 18ch; }
.ak-pagehead .ak-lede { max-width: 58ch; margin-bottom: 0; }

/* ---- Rol kartları (Ekip Yaklaşımı) --------------------- */
.ak-roles {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border: var(--bw-hair) solid var(--border);
  margin-top: 40px;
}
.ak-role {
  padding: 30px 28px 32px;
  border-right: var(--bw-hair) solid var(--border);
  background: var(--paper);
  transition: background var(--dur-base) var(--ease-standard);
}
.ak-role:last-child { border-right: 0; }
.ak-role:hover { background: var(--surface-sunken); }
.ak-role__num {
  font-family: var(--font-mono);
  font-size: var(--fs-label);
  letter-spacing: var(--ls-label);
  color: var(--anda-blue);
  font-weight: var(--fw-medium);
  display: block;
  margin-bottom: 16px;
}
.ak-role__t {
  font-size: var(--fs-h4);
  font-weight: var(--fw-bold);
  letter-spacing: var(--ls-heading);
  margin-bottom: 10px;
}
.ak-role__d {
  font-size: 13.5px;
  color: var(--ink-soft);
  line-height: 1.6;
}

/* ---- İletişim + Form yerleşimi ------------------------- */
.ak-contact {
  display: grid;
  grid-template-columns: 0.85fr 1.15fr;
  gap: 0;
  border: var(--bw-hair) solid var(--border);
  margin-top: 40px;
}

/* İletişim bilgileri bloğu (sol sütun) */
.ak-contact__info {
  padding: 34px 34px 36px;
  background: var(--surface-sunken);
  border-right: var(--bw-hair) solid var(--border);
}
.ak-contact__lbl {
  font-family: var(--font-mono);
  font-size: var(--fs-label);
  letter-spacing: var(--ls-label);
  text-transform: uppercase;
  color: var(--anda-blue);
  font-weight: var(--fw-medium);
  display: block;
  margin-bottom: 18px;
}
.ak-infolist {
  list-style: none;
  margin: 0;
  padding: 0;
}
.ak-infolist li {
  padding: 16px 0;
  border-bottom: var(--bw-hair) solid var(--border);
}
.ak-infolist li:first-child { padding-top: 0; }
.ak-infolist li:last-child { border-bottom: 0; padding-bottom: 0; }
.ak-info__k {
  font-family: var(--font-mono);
  font-size: var(--fs-label-sm);
  letter-spacing: var(--ls-label-sm);
  text-transform: uppercase;
  color: var(--text-muted);
  display: block;
  margin-bottom: 6px;
}
.ak-info__v {
  font-size: 14px;
  color: var(--text-strong);
  line-height: 1.5;
  display: block;
}
.ak-info__v a {
  color: var(--text-strong);
  text-decoration: none;
  transition: color var(--dur-fast) var(--ease-standard);
}
.ak-info__v a:hover { color: var(--anda-blue); }
.ak-info__v a + a { margin-top: 3px; display: inline-block; }

/* ---- Form (sağ sütun) ---------------------------------- */
.ak-form {
  padding: 34px 34px 36px;
  background: var(--paper);
}
.ak-form__head { margin-bottom: 26px; max-width: 56ch; }
.ak-form__lbl {
  font-family: var(--font-mono);
  font-size: var(--fs-label);
  letter-spacing: var(--ls-label);
  text-transform: uppercase;
  color: var(--anda-blue);
  font-weight: var(--fw-medium);
  display: block;
  margin-bottom: 14px;
}
.ak-form__t {
  font-size: var(--fs-h3);
  font-weight: var(--fw-bold);
  letter-spacing: var(--ls-heading);
  margin-bottom: 12px;
}
.ak-form__intro {
  font-size: 14px;
  color: var(--ink-soft);
  line-height: 1.6;
}

.ak-form__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px 24px;
}
.ak-field { display: flex; flex-direction: column; }
.ak-field--full { grid-column: 1 / -1; }

.ak-field__label {
  font-family: var(--font-mono);
  font-size: var(--fs-label-sm);
  letter-spacing: var(--ls-label-sm);
  text-transform: uppercase;
  color: var(--text-muted);
  font-weight: var(--fw-medium);
  margin-bottom: 8px;
}
.ak-req { color: var(--red); margin-left: 2px; }   /* kırmızı = mikro vurgu */

.ak-input,
.ak-select,
.ak-textarea {
  font-family: var(--font-sans);
  font-size: 14px;
  color: var(--text-strong);
  background: var(--paper);
  border: var(--bw-hair) solid var(--border-field);
  border-radius: var(--radius-xs);   /* kare köşe disiplini */
  padding: 11px 13px;
  width: 100%;
  line-height: 1.4;
  transition: border-color var(--dur-fast) var(--ease-standard),
              box-shadow var(--dur-fast) var(--ease-standard);
  -webkit-appearance: none;
  appearance: none;
}
.ak-input::placeholder,
.ak-textarea::placeholder { color: var(--text-faint); }

.ak-input:focus,
.ak-select:focus,
.ak-textarea:focus {
  outline: none;
  border-color: var(--anda-blue);
  box-shadow: var(--shadow-focus);
}

.ak-textarea { resize: vertical; min-height: 104px; }

/* Select: özel mono ok işareti (SVG, emoji değil) */
.ak-select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none' stroke='%2300679A' stroke-width='1.4'%3E%3Cpath d='M2.5 4.5L6 8l3.5-3.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 13px center;
  padding-right: 36px;
  cursor: pointer;
}

/* Form alt blok: buton + KVKK notu */
.ak-form__foot {
  display: flex;
  align-items: center;
  gap: 22px;
  flex-wrap: wrap;
  margin-top: 26px;
  padding-top: 24px;
  border-top: var(--bw-hair) solid var(--border);
}
.ak-form__note {
  font-size: 12px;
  color: var(--text-muted);
  line-height: 1.55;
  max-width: 42ch;
}

/* ---- Responsive ---------------------------------------- */
@media (max-width: 1000px) {
  .ak-pagehead__pad { padding: 44px 0 48px; }
}

@media (max-width: 880px) {
  .ak-roles { grid-template-columns: 1fr; }
  .ak-role {
    border-right: 0;
    border-bottom: var(--bw-hair) solid var(--border);
  }
  .ak-role:last-child { border-bottom: 0; }

  .ak-contact { grid-template-columns: 1fr; }
  .ak-contact__info {
    border-right: 0;
    border-bottom: var(--bw-hair) solid var(--border);
  }
}

@media (max-width: 560px) {
  .ak-form__grid { grid-template-columns: 1fr; }
  .ak-contact__info,
  .ak-form { padding: 26px 22px 28px; }
  .ak-form__foot .ak-btn { width: 100%; }
}

/* ---- KVKK onayı + Netlify honeypot (analiz düzeltmesi) ---- */
.ak-consent { display: flex; gap: 10px; align-items: flex-start; margin: 4px 0 22px; font-size: 13px; color: var(--text-muted); line-height: 1.55; max-width: 64ch; cursor: pointer; }
.ak-consent input { margin-top: 3px; flex: 0 0 auto; width: 16px; height: 16px; accent-color: var(--anda-blue); }
.ak-hp { position: absolute !important; left: -9999px !important; }