/* donör: https://gaviaworks-dev.github.io/DadaMentor/Diet/diyetisyen-ol.html (satır içi <style>)
   (2026-09-12, 16781 B, md5 30da085093d3c8419d2454875bd742b1 — bayt kopyası)
   TEK DEĞİŞİKLİK: `.ol-top` arka plan görselinin yolu bizim ağacımıza çevrildi
   (`varliklar/_dis/images.unsplash.com/…` → `../media/…`); görsel donörden indirildi,
   dosya zaten `public/assets/diet-public/media/photo-1512621776951-a57141f2eefd.avif`te var.
   Donörde bu blok sayfaya-özeldir (donörün kendi yorumu: "SAYFA CSS — kabuk CSS'i
   assets/css/dd-shell.css'te"), `dd-shell.css` ile `dd-kabuk.css` ARASINDA yükleniyor;
   layouts/public.blade.php'de @stack('head') aynı aralığa denk geliyor. 167 seçici,
   url() dışında donörle birebir. */

/* ===== SAYFA CSS — kabuk CSS'i assets/css/dd-shell.css'te ===== */
/* ============ F12a — DİYETİSYEN OL (başvuru formu) ============ */
/* ===== STICKY FIX (page-local — chrome'a DOKUNMADAN) =====
   Chrome'daki html,body{overflow-x:hidden} kuralı overflow-y'yi AUTO'ya
   hesaplatıp body'yi scroll-container yapıyor; bu da sağ rayın
   (.ol-side) position:sticky'sini ETKİSİZ bırakıyordu (panel scroll'da
   kayboluyordu). overflow-x:clip yatay taşmayı yine kapatır AMA overflow-y'yi
   visible bırakır → body scroll-container olmaz, sağ panel GERÇEKTEN yapışır. */
html,body{overflow-x:clip}
/* ---- giriş bandı ---- */
.ol-top{position:relative;padding-top:128px;background-image:linear-gradient(90deg,rgba(18,28,22,.94),rgba(20,32,25,.74)),url('../media/photo-1512621776951-a57141f2eefd.avif');background-size:cover;background-position:center}
.rd-crumb{display:flex;align-items:center;flex-wrap:wrap;gap:9px;padding:18px 0 14px;font-size:13px;font-weight:500;color:var(--muted)}
.rd-crumb a{color:var(--muted);transition:.18s}
.rd-crumb a:hover{color:var(--green)}
.rd-crumb i{font-size:9px;color:#c7c7c7}
.rd-crumb b{color:var(--slate);font-weight:700}
.ol-intro{padding:6px 0 38px}
.ol-intro h1{font-size:38px;letter-spacing:-.03em;margin:14px 0 12px;max-width:640px}
.ol-intro h1 .accent{color:#7fcca1}
.ol-intro .lead{font-size:16px;color:var(--slate-2);font-weight:500;max-width:600px;line-height:1.65}
.ol-bene{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px}
.ol-bene .b{display:flex;align-items:center;gap:12px;background:var(--bg-cream);border:1px solid var(--line);border-radius:var(--radius-md);padding:12px 17px}
.ol-bene .b i{width:36px;height:36px;border-radius:var(--radius-md);background:rgba(0,154,68,.13);color:var(--green-deep);display:grid;place-items:center;font-size:15px;flex:none}
.ol-bene .b b{font-size:13.5px;color:var(--slate);display:block;line-height:1.2}
.ol-bene .b span{font-size:11.5px;color:var(--muted);font-weight:500}

/* ---- yerleşim ---- */
.ol-sec{padding:36px 0 70px;background:var(--bg-cream)}
.ol-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px;align-items:start}
.ol-main{min-width:0;display:flex;flex-direction:column;gap:16px}
.ol-formcards{display:flex;flex-direction:column;gap:16px}

/* ---- FORM KARTI + FK ALAN KİTİ (tarif-ekle MİRAS) ---- */
.form-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--sh-sm);padding:24px 26px}
.fc-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px;padding-bottom:14px;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:#E3F4EA;color:var(--green);display:grid;place-items:center;font-size:15px}
.fc-head p{font-size:13px;color:var(--muted);font-weight:500;margin-top:5px}
.fc-step{flex:none;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:var(--bg);border:1px solid var(--line);padding:6px 11px;border-radius:var(--radius-sm);white-space:nowrap}
.fk-field{margin-bottom:18px}
.fk-field:last-child{margin-bottom:0}
.fk-label{display:flex;align-items:baseline;gap:7px;font-size:14px;font-weight:700;color:var(--slate);margin-bottom:9px}
.fk-label .req{color:var(--tomato);font-weight:700}
.fk-label .opt{font-size:11.5px;color:var(--muted);font-weight:500}
.fk-label .fk-count{margin-left:auto;font-size:11.5px;color:var(--muted);font-weight:500;letter-spacing:.02em}
.fk-input,.fk-select,.fk-textarea{
  width:100%;font-family:inherit;font-size:14px;font-weight:500;color:var(--slate);
  background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-md);
  padding:13px 15px;outline:none;transition:border-color .2s var(--ease),box-shadow .2s var(--ease);
}
.fk-input::placeholder,.fk-textarea::placeholder{color:#a7a7a7}
.fk-input:focus,.fk-select:focus,.fk-textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(0,154,68,.10)}
.fk-textarea{min-height:130px;resize:vertical;line-height:1.6}
.fk-select{
  appearance:none;-webkit-appearance:none;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%237E7E7E' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 15px center;padding-right:40px;
}
.fk-select:invalid{color:#a7a7a7}
.fk-help{display:flex;align-items:flex-start;gap:7px;font-size:12.5px;color:var(--muted);font-weight:500;margin-top:8px;line-height:1.5}
.fk-help i{color:var(--green);font-size:12px;margin-top:2px;flex:none}
.fk-help.green i{color:var(--green-deep)}
.fk-grid{display:grid;gap:14px 18px;align-items:start}
.fk-grid .fk-field{margin-bottom:0}
.fk-grid.c2{grid-template-columns:1fr 1fr}
.fk-grid.c3{grid-template-columns:1fr 1fr 1fr}
.fk-grid+.fk-grid{margin-top:14px}
.fk-grid+.fk-field,.fk-field+.fk-grid{margin-top:18px}

/* ---- UP YÜKLEME KİTİ (tarif-ekle MİRAS) ---- */
.up-zone{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;width:100%;
  border:1.5px dashed rgba(0,154,68,.45);background:#E3F4EA;color:var(--green);
  border-radius:var(--radius-lg);padding:22px 18px;text-align:center;cursor:pointer;
  font-family:inherit;transition:.2s var(--ease);
}
.up-zone i{font-size:25px}
.up-zone b{font-size:14.5px;font-weight:700}
.up-zone small{font-size:12px;font-weight:500;color:var(--slate-2)}
.up-zone:hover{background:#DCEFE4;border-color:var(--green)}
.up-done{display:flex;align-items:center;gap:11px;background:rgba(0,154,68,.08);border:1px solid rgba(0,154,68,.3);border-radius:var(--radius-md);padding:12px 15px;margin-top:10px;font-size:13px;font-weight:600;color:var(--green-deep)}
.up-done i.fa-file-lines{color:var(--green-deep);font-size:16px}
.up-done .x{margin-left:auto;color:var(--muted);cursor:pointer;font-size:13px;background:none;border:none}
.up-done .x:hover{color:var(--green)}

/* ---- uzmanlık çoklu seçim chip'leri ---- */
.uz-grid{display:flex;flex-wrap:wrap;gap:9px}
.uz-pick{display:inline-flex;align-items:center;gap:8px;font-family:inherit;font-size:13px;font-weight:600;color:var(--slate-2);background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-sm);padding:9px 14px;cursor:pointer;transition:.18s var(--ease)}
.uz-pick i{font-size:11px;opacity:0;width:0;transition:.18s}
.uz-pick:hover{border-color:var(--green);color:var(--green)}
.uz-pick.on{border-color:var(--green);background:#E3F4EA;color:var(--green)}
.uz-pick.on i{opacity:1;width:11px}

/* ---- görüşme türü kartları ---- */
.gor-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.gor-opt{position:relative;display:flex;align-items:center;gap:13px;padding:15px 16px;border:1px solid var(--line);border-radius:var(--radius-md);cursor:pointer;transition:.18s var(--ease)}
.gor-opt input{position:absolute;opacity:0;pointer-events:none}
.gor-opt .gi{flex:none;width:42px;height:42px;border-radius:var(--radius-md);background:var(--bg);color:var(--slate-2);display:grid;place-items:center;font-size:16px;transition:.18s}
.gor-opt .gt{min-width:0}
.gor-opt .gt b{font-size:14px;color:var(--slate);display:block}
.gor-opt .gt span{font-size:12px;color:var(--muted);font-weight:500}
.gor-opt .gck{margin-left:auto;flex:none;width:22px;height:22px;border-radius:var(--radius-sm);border:1.5px solid #d8d8d8;display:grid;place-items:center;transition:.18s}
.gor-opt .gck::after{content:"\f00c";font-family:"Font Awesome 6 Free";font-weight:900;font-size:10px;color:#fff;transform:scale(0);transition:.15s}
.gor-opt:hover{border-color:var(--green)}
.gor-opt input:checked~.gck{background:var(--green);border-color:var(--green)}
.gor-opt input:checked~.gck::after{transform:scale(1)}
.gor-opt:has(input:checked){border-color:rgba(0,154,68,.5);background:rgba(0,154,68,.06)}
.gor-opt:has(input:checked) .gi{background:rgba(0,154,68,.13);color:var(--green-deep)}

/* ---- KVKK / onay (shell .fb-kvkk MİRAS) ---- */
.ol-consents{display:flex;flex-direction:column;gap:13px}
.ol-consents .fb-kvkk{margin:0}
.captcha-note{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--muted);font-weight:500;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.captcha-note i{color:var(--green-deep);font-size:13px}
/* giriş kapısı notu — isletme-ekle.css:203-205'in .va-guest-note kuralı
   AYNEN (sınıf adı bu sayfanın .ol- önekine uydurulup taşındı). */
.ol-guest-note{display:flex;align-items:flex-start;gap:10px;background:var(--bg-cream);border:1px solid var(--line);border-radius:var(--radius-md);padding:13px 16px;margin-top:6px;font-size:12.5px;color:var(--slate-2);font-weight:500;line-height:1.5}
.ol-guest-note i{flex:none;color:var(--tomato-deep);margin-top:2px}
.ol-guest-note a{color:var(--tomato-deep);font-weight:700;text-decoration:underline;text-underline-offset:2px}
.ol-submit{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:6px}
.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ç + fayda ---- */
.ol-side{position:sticky;top:130px;display:flex;flex-direction:column;gap:18px}
.tips-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--sh-sm);padding:22px}
/* ===== HİBRİT PANEL: interaktif "Bölümler" nav (üst) + pasif "Başvuru Süreci" (alt) ===== */
.form-card{scroll-margin-top:128px}
/* fixed header 112 + 16 nefes */
/* — zone başlıkları (kompakt, ince eyebrow) — */
.sn-head,.proc-head{display:flex;align-items:center;gap:9px;font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.sn-head i,.proc-head i{color:var(--green);font-size:12px}
.sn-head{margin-bottom:12px}
/* — ZONE 1: interaktif form-bölüm nav'ı (numara rozeti + ilerleme rayı + chevron) — */
.sn-nav{display:flex;flex-direction:column;gap:2px}
.sn-item{position:relative;display:flex;align-items:center;gap:12px;padding:8px 10px 8px 8px;border-radius:var(--radius-md);text-decoration:none;cursor:pointer;transition:background .18s var(--ease)}
.sn-item .sn-n{flex:none;width:26px;height:26px;border-radius:var(--radius-circle);background:var(--bg-cream);color:var(--slate-2);border:1.5px solid var(--line);display:grid;place-items:center;font-size:12px;font-weight:700;z-index:2;transition:background .18s var(--ease),color .18s var(--ease),border-color .18s var(--ease),box-shadow .18s var(--ease)}
.sn-item:not(:last-child)::before{content:"";position:absolute;left:20px;top:30px;height:calc(100% - 22px);width:2px;background:var(--line);transition:background .2s var(--ease)}
.sn-item .sn-t{font-size:13.5px;font-weight:600;color:var(--slate);line-height:1.25}
.sn-item .sn-go{margin-left:auto;font-size:11px;color:var(--green);opacity:0;transform:translateX(-4px);transition:opacity .18s var(--ease),transform .18s var(--ease)}
.sn-item:hover{background:var(--bg-cream)}
.sn-item:hover .sn-n{border-color:var(--green);color:var(--green)}
.sn-item:hover .sn-go{opacity:.9;transform:translateX(0)}
.sn-item.is-done .sn-n{background:var(--tomato-deep);color:#fff;border-color:var(--tomato-deep)}
.sn-item.is-done::before{background:var(--green)}
.sn-item.is-active{background:#E3F4EA}
.sn-item.is-active .sn-n{background:var(--tomato-deep);color:#fff;border-color:var(--tomato-deep);box-shadow:0 0 0 4px rgba(0,154,68,.16)}
.sn-item.is-active .sn-t{color:var(--green);font-weight:700}
.sn-item.is-active .sn-go{opacity:1;transform:translateX(0)}
/* — ayraç — */
.tips-div{height:1px;background:var(--line);margin:16px 0 14px}
/* — ZONE 2: PASİF süreç bilgisi (muted, küçük noktalı timeline; tıklanmaz) — */
.proc-head{margin-bottom:12px}
.proc-steps{display:flex;flex-direction:column}
.proc-step{display:flex;gap:12px;position:relative;padding-bottom:13px}
.proc-step:last-child{padding-bottom:0}
.proc-step .pn{flex:none;width:20px;height:20px;border-radius:var(--radius-circle);background:var(--bg-cream);color:var(--muted);display:grid;place-items:center;font-size:10.5px;font-weight:700;z-index:2}
.proc-step:not(:last-child)::before{content:"";position:absolute;left:9.5px;top:23px;bottom:3px;width:1.5px;background:var(--line)}
.proc-step b{font-size:12.5px;color:var(--slate-2);display:block;margin-bottom:2px;font-weight:700}
.proc-step span{font-size:11.5px;color:var(--muted);font-weight:500;line-height:1.45}
.note-card{background:linear-gradient(160deg,#007e38,#009A44);color:#fff;border-radius:var(--radius-lg);box-shadow:var(--sh-sm);padding:22px}
.note-card h4{color:#fff;font-size:15px;display:flex;align-items:center;gap:9px;margin-bottom:13px}
.note-card ul{list-style:none;display:flex;flex-direction:column;gap:10px}
.note-card li{display:flex;gap:10px;font-size:13px;font-weight:500;line-height:1.45;color:rgba(255,255,255,.94)}
.note-card li i{flex:none;margin-top:3px;font-size:12px;color:#d8f5e6}

/* ---- başarı durumu ---- */
.ol-success{display:none;text-align:center;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--sh-sm);padding:60px 30px}
.ol-success.show{display:block;animation:fadeUp .35s var(--ease)}
.ol-success .ok{width:74px;height:74px;border-radius:var(--radius-circle);background:#E3F4EA;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)}

/* ===================== TABLET (≤1024px) ===================== */
@media(max-width:1024px){
  .ol-layout{grid-template-columns:1fr}
  .ol-side{position:static;flex-direction:row;flex-wrap:wrap}
  .ol-side>*{flex:1 1 300px}
}
/* ===================== MOBİL (≤640px) ===================== */
@media(max-width:640px){
  .ol-top{padding-top:82px}
  .ol-intro h1{font-size:28px}
  .ol-intro .lead{font-size:14.5px}
  /* güven şeridi mobilde kapalı — banner ilk ekranı yemesin. Üç kart tek kolona
     düşünce 229px tutuyor; aynı üç fayda sağ raydaki "Neden <marka>?"
     note-card'ında formun altında zaten yazıyor. */
  .ol-bene{display:none}
  .ol-sec{padding:24px 0 50px}
  .form-card{padding:20px 18px;scroll-margin-top:78px}
  .fk-grid.c2,.fk-grid.c3{grid-template-columns:1fr}
  .gor-grid{grid-template-columns:1fr}
  .ol-side{flex-direction:column}
  .ol-submit{flex-direction:column;align-items:stretch}
  .ol-submit .btn{width:100%}
}

/* HERO ZENGINLESTIRME (hero-zengin ADIM2) */
.ol-top .wrap{position:relative}
.ol-top .rd-crumb,.ol-top .rd-crumb a{color:#bcd0c4}
.ol-top .rd-crumb a:hover{color:#99d7b4}
.ol-top .rd-crumb i{color:rgba(255,255,255,.4)}
.ol-top .rd-crumb b{color:#fff}
.ol-top .eyebrow{color:#99d7b4}
.ol-top h1{color:#fff;text-shadow:0 2px 24px rgba(0,0,0,.25)}
.ol-top h1 .accent{color:#7fcca1}
.ol-top .lead{color:#e3ede7;text-shadow:0 1px 14px rgba(0,0,0,.3)}
.ol-top .ol-bene .b{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2)}
.ol-top .ol-bene .b b{color:#fff}
.ol-top .ol-bene .b span{color:#cdd8e0}
.ol-top .ol-bene .b i{background:rgba(255,255,255,.16);color:#fff}
/* sağlık-renk: başvuru gönder CTA yeşil (sağlık ailesi) — marka btn-primary override */
#olSubmit.btn-primary{background:var(--tomato-deep);border-color:var(--tomato-deep)}
#olSubmit.btn-primary:hover{background:var(--green-deep);border-color:var(--green-deep)}
/* saglik-renk: aktif "Saglik" nav linki yesil (saglik ailesi) — chrome override, sadece bu link */
.nav a.active[href="saglik-hub-v1.html"]{color:var(--green)}
.nav a.active[href="saglik-hub-v1.html"]::after{background:var(--green)}

/* saglik-dropdown: scoped health chrome */
/* diğer dropdown/mega aktif-item (turuncu kanon, underline gizli) */
.dropdown:not(.dropdown-health) a.active{background:var(--tomato-tint)}
.dropdown a.active::after,.mega-cats a.active::after{display:none}
.mega-cats a.active{background:var(--tomato-tint)}
.nav a[href="saglik-hub-v1.html"]:hover{color:var(--green);background:rgba(0,154,68,.10)}