/* ============ İLETİŞİM — kaynak-transfer (iletisim-v1.html) ============
   Yalnız bu sayfaya özel sınıflar. rd-crumb/fk-field/fk-label/fk-input/
   fk-select/fk-textarea/fk-help/fk-count/fk-grid/fk-agree/fk-err/captcha-note/
   eyebrow/accent-taban/btn-primary/btn-ghost zaten tokens.css + portal.css'te
   kanonik — burada TEKRAR TANIMLANMADI (çakışma taraması: yok). */

/* ---- FORM KARTI ÇATISI — kaynak: diyetisyen-ol-v1 (tarif-ekle mirası) VERBATIM ---- */
.form-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--sh-sm);padding:28px}
.fc-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.fc-head h2{font-size:20px;display:flex;align-items:center;gap:11px}
.fc-head h2 i{flex:none;width:38px;height:38px;border-radius:var(--radius-md);background:var(--tomato-tint);color:var(--tomato);display:grid;place-items:center;font-size:15px}
.fc-head p{font-size:13px;color:var(--muted);font-weight:500;margin-top:5px}

/* ---- KVKK / onay + gönder satırı — kaynak: diyetisyen-ol-v1 VERBATIM ---- */
.ol-consents{display:flex;flex-direction:column;gap:13px}
.ol-consents .fk-agree{margin:0}
.ol-submit{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:18px}
.ol-submit .sub-note{font-size:12.5px;color:var(--muted);font-weight:500;max-width:280px}
.ol-submit .btn{padding:15px 30px;font-size:15px}

/* ---- yan ray "süreç" kartı — kaynak: diyetisyen-ol-v1 VERBATIM ---- */
.tips-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--sh-sm);padding:22px}
.tips-head{font-size:15px;display:flex;align-items:center;gap:10px;margin-bottom:18px}
.tips-head i{color:var(--tomato);font-size:14px}
.tips-steps{display:flex;flex-direction:column}
.tip-step{display:flex;gap:14px;position:relative;padding-bottom:20px}
.tip-step:last-child{padding-bottom:0}
.tip-step .tn{flex:none;width:30px;height:30px;border-radius:var(--radius-circle);background:var(--tomato-tint);color:var(--tomato);display:grid;place-items:center;font-size:13px;font-weight:700;z-index:2}
.tip-step:not(:last-child)::before{content:"";position:absolute;left:15px;top:32px;bottom:4px;width:2px;background:var(--line)}
.tip-step b{font-size:13.5px;color:var(--slate);display:block;margin-bottom:3px}
.tip-step span{font-size:12.5px;color:var(--muted);font-weight:500;line-height:1.5}

/* ---- İletişim Bilgileri kartı (QA 2026-07-15 düzeltmesi: ilk extraction'da
   atlanmıştı — ref'in "shared" görünen ilk <style> bloğunda ama gerçekte bu
   sayfaya özel, portal.css'e hiç taşınmamış. kaynak: iletisim-v1.html satır
   844-855 VERBATIM.) ---- */
.ci-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--sh-sm);padding:22px}
.ci-rows{display:flex;flex-direction:column}
.ci-row{display:flex;align-items:flex-start;gap:13px;padding:13px 0;border-bottom:1px solid var(--line)}
.ci-row:first-child{padding-top:0}
.ci-row:last-child{border-bottom:none;padding-bottom:0}
.ci-row i{flex:none;width:38px;height:38px;border-radius:var(--radius-md);background:var(--tomato-tint);color:var(--tomato);display:grid;place-items:center;font-size:15px;margin-top:1px}
.ci-row .cl span{display:block;font-size:11.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}
.ci-row .cl b{display:block;font-size:14px;color:var(--slate);font-weight:700;margin-top:3px;line-height:1.5}
.ci-row .cl small{display:block;font-size:12px;color:var(--muted);font-weight:500;margin-top:2px}
.ci-soc{display:flex;gap:9px;margin-top:16px}
.ci-soc a{width:40px;height:40px;border-radius:var(--radius-md);border:1px solid var(--line);background:var(--bg);display:grid;place-items:center;color:var(--slate);font-size:15px;transition:.2s var(--ease)}
.ci-soc a:hover{background:var(--tomato);border-color:var(--tomato);color:#fff;transform:translateY(-2px)}

/* ---- başarı durumu (GERÇEK server flash ile tetiklenir — mock JS taşınmadı) —
   kaynak: diyetisyen-ol-v1 VERBATIM ---- */
.ol-success{text-align:center;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--sh-sm);padding:60px 30px;animation:fadeUp .35s var(--ease)}
.ol-success .ok{width:74px;height:74px;border-radius:var(--radius-circle);background:#EAF7F0;color:var(--green);display:grid;place-items:center;font-size:30px;margin:0 auto 20px}
.ol-success h2{font-size:26px;margin-bottom:10px}
.ol-success p{font-size:15px;color:var(--muted);font-weight:500;max-width:460px;margin:0 auto 26px;line-height:1.65}
.ol-success .os-steps{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:26px}
.ol-success .os-steps span{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:var(--slate-2);background:var(--bg-cream);border:1px solid var(--line);padding:9px 14px;border-radius:var(--radius-sm)}
.ol-success .os-steps i{color:var(--green-deep)}

/* ============ İLETİŞİM — hero bandı + yerleşim ============ */

/* ---- koyu overlay hero — kaynak: diyetisyen-ol-v1 .ol-top dili (tarif-liste .lst-top emsali) ---- */
.con-top{position:relative;padding-top:128px;background-image:linear-gradient(90deg,rgba(28,25,18,.93),rgba(33,30,22,.72)),url('https://images.unsplash.com/photo-1466637574441-749b8f19452f?w=1600&q=80&auto=format&fit=crop&exp=7&gam=6&sat=-9&high=8&vib=5');background-size:cover;background-position:center}
.con-top .wrap{position:relative}
.con-top .rd-crumb,.con-top .rd-crumb a{color:#c9c3b8}
.con-top .rd-crumb a:hover{color:#ff8763}
.con-top .rd-crumb i{color:rgba(255,255,255,.4)}
.con-top .rd-crumb b{color:#fff}
.con-top .eyebrow{color:#ffd9cf}
.con-top h1{color:#fff;text-shadow:0 2px 24px rgba(0,0,0,.25)}
.con-top h1 .accent{color:#ff7a5c}
.con-top .lead{color:#e7edf1;text-shadow:0 1px 14px rgba(0,0,0,.3)}
@media (max-width:640px){.con-top{padding-top:74px}}

.con-intro{padding:6px 0 38px}
.con-intro h1{font-size:38px;letter-spacing:-.03em;margin:14px 0 12px;max-width:640px}
.con-intro .lead{font-size:16px;color:var(--slate-2);font-weight:500;max-width:640px;line-height:1.65}
/* rev-sweep MADDE 7 (2026-07-20): admin gövdesi (.lead içindeki gerçek <p>)
   akan metin — global .lead kısayolu (tokens.css) DOKUNULMADI (onlarca
   sayfada tek-satır hero cümlesi olarak kullanılıyor), yalnız bu sayfadaki
   gövde-uzunluğundaki içerik justify. */
.con-intro .lead p{text-align:justify;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}

.con-sec{padding:40px 0 74px;background:var(--bg-cream)}
.con-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:30px;align-items:start}
.con-main{min-width:0}

/* ---- öneri-şikâyet yönlendirme bandı — sitewide gerçek Görüş Bildir akışına
   (overlays.blade.php #fbTab/#fbModal, FeedbackController) gerçek <a href>
   ile yönlenir; ref'in JS-mock aç/kapa'sı taşınmadı. ---- */
.fb-route{display:flex;align-items:center;gap:14px;background:var(--tomato-tint);border:1px solid rgba(225,72,39,.25);border-radius:var(--radius-lg);padding:17px 19px;margin-top:18px}
.fb-route i{flex:none;width:42px;height:42px;border-radius:var(--radius-md);background:var(--tomato);color:#fff;display:grid;place-items:center;font-size:17px}
.fb-route .ft{min-width:0;flex:1}
.fb-route .ft b{display:block;font-size:14px;color:var(--slate)}
.fb-route .ft span{font-size:12.5px;color:var(--slate-2);font-weight:500;line-height:1.5}
.fb-route .fb-route-cta{flex:none;font-family:inherit;font-size:12.5px;font-weight:700;color:var(--tomato);background:var(--paper);border:1px solid rgba(225,72,39,.35);border-radius:var(--radius-md);padding:10px 15px;transition:.2s var(--ease);white-space:nowrap}
.fb-route .fb-route-cta:hover{background:var(--tomato);color:#fff;border-color:var(--tomato)}

/* ---- HARİTA (RESTORE K5, ref iletisim-v1.html VERBATIM) ---- */
.map-sec{background:var(--bg-white);padding:0}
.map-box{position:relative;height:420px}
.map-frame{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;filter:grayscale(.12) contrast(1.02)}
.map-card{
  position:absolute;left:32px;bottom:28px;z-index:2;background:#fff;border-radius:var(--radius-lg);
  box-shadow:var(--sh-lg);padding:18px 22px;display:flex;align-items:flex-start;gap:14px;max-width:420px;
}
.map-card i{flex:none;width:44px;height:44px;border-radius:var(--radius-md);background:var(--tomato-tint);color:var(--tomato);display:grid;place-items:center;font-size:17px}
.map-card b{display:block;font-size:14.5px;color:var(--slate);font-weight:700;margin-bottom:3px}
.map-card span{display:block;font-size:12.5px;color:var(--muted);font-weight:500;line-height:1.5}
.map-dir{display:inline-flex;align-items:center;gap:7px;margin-top:11px;font-size:12.5px;font-weight:700;color:var(--tomato);transition:.18s var(--ease)}
.map-dir i{width:auto;height:auto;background:none;font-size:12px;display:inline}
.map-dir:hover{gap:9px;color:var(--tomato-dark)}

@media (max-width:1024px){
  .con-layout{grid-template-columns:1fr}
}
@media (max-width:640px){
  .form-card{padding:20px 18px}
  .con-intro h1{font-size:28px}
  .con-intro .lead{font-size:14.5px}
  .con-sec{padding:24px 0 50px}
  .ol-submit{flex-direction:column;align-items:stretch}
  .ol-submit .btn{width:100%}
  .fb-route{flex-direction:column;align-items:flex-start}
  .fb-route .fb-route-cta{width:100%;text-align:center}
  .map-box{height:300px}
  .map-card{left:16px;right:16px;bottom:18px;padding:14px 16px}
}