/* Kaynak-transfer: donör `besin-kutuphanesi.html`nin (LİSTE sayfası) KENDİ satır
   içi "SAYFA CSS" bloğu — AYNEN. ÖLÇÜLDÜ (2026-09-12): bu sayfa
   `besin-kutuphanesi-v1.css`yi (detay sayfalarının dosyası) HİÇ LİNKLEMİYOR;
   kendi ayrı satır içi bloğu var (72 kural, 7.460 B) + iki küçük ek blok
   (`.reh-note`/`.reh-note-lg`, ayrıca gömülü). Önceki turda bu iki dosya
   birleştirilmiş, liste sayfasına detay sayfasının `.nd-`/`.macro-card`/`.r-card`/
   `.grid-4` kuralları (donörün kendi yorumuyla "KALDIRILDI" dediği ?besin=1
   paneli) sızdırılmıştı — ayrıştırıldı. `.pagi`/`.pg`/`.pg-dots`/`.pagi-note`
   (sayfalama) bu dosyada YOK — donörün kendi yorumu "diyetisyen-dizin-v1.css'ten
   BİREBİR" diyor; bizde de `dd-shell.css`te zaten tanımlı (B2 KANON), tekrar
   basılmadı. Donörün dosya sonundaki "saglik-hub-v1.html" nav-aktif kuralları
   bizim uygulamada hiçbir şeye bağlanmıyor (böyle bir href yok) ama bayt-eşitlik
   için silinmedi — tamamen etkisiz, zararsız. */
.nb-top{position:relative;padding:128px 0 46px;background-image:linear-gradient(90deg,rgba(18,28,22,.94),rgba(20,32,25,.74)),url("../media/photo-1559054663-e8d23213f55c.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-deep)}
.rd-crumb i{font-size:9px;color:#c7c7c7}
.rd-crumb b{color:var(--slate);font-weight:700}
.nb-head{padding:6px 0 22px;max-width:640px}
.nb-head .eyebrow{color:var(--green-deep)}
.nb-head .eyebrow::before{background:var(--green)}
.nb-head h1{font-size:36px;margin:14px 0 10px;letter-spacing:-.02em}
.nb-head .lead{color:var(--muted);font-weight:500;font-size:15.5px}
.nb-searchbar{position:relative;max-width:560px}
.nb-searchbar i{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--green);font-size:16px}
.nb-searchbar input{width:100%;font-family:inherit;font-size:15px;font-weight:500;color:var(--slate);background:var(--paper);border:1px solid #c9ead8;border-radius:var(--radius-md);padding:15px 18px 15px 48px;outline:none;transition:.2s var(--ease);box-shadow:var(--sh-sm)}
.nb-searchbar input::placeholder{color:#a7a7a7}
.nb-searchbar input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(0,154,68,.12)}
/* ---- KATEGORİ SEKME ÇUBUĞU (saglik-testler-v1 — sitedeki tek kategori deseni).
   9. turdan önce burada banner'ın içinde duran .nb-cats çip satırı vardı;
   kaldırıldı, kategori seçimi banner dışındaki beyaz alana taşındı. ---- */
.tst-tabwrap{display:flex;justify-content:center;margin:0 0 26px}
.pf-tabs{display:inline-flex;gap:4px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-md);padding:4px;overflow-x:auto;scrollbar-width:none;max-width:100%}
.pf-tabs::-webkit-scrollbar{display:none}
.pf-tabs .dt{font-family:inherit;font-weight:700;font-size:13.5px;color:var(--muted);background:transparent;border:none;border-radius:var(--radius-sm);padding:11px 22px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:.2s var(--ease);white-space:nowrap;flex:none}
.pf-tabs .dt:hover{color:var(--green-deep)}
.pf-tabs .dt.active{background:var(--tomato-deep);color:#fff}
.pf-tabs .dt .cnt{font-size:11px;font-weight:700;opacity:.6}
.pf-tabs .dt.active .cnt{opacity:.85}

/* ---- BESİN LİSTESİ (tablo başlığı + satırlar) ---- */
.food-thead{display:flex;align-items:center;gap:16px;padding:15px 20px 13px;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line)}
.food-thead .th-name{flex:1}
.food-thead .th-m{width:62px;text-align:center;flex:none}
.food-thead .th-kcal{width:96px;text-align:right;flex:none}
.food-thead .th-go{width:20px;flex:none}
.food-list{display:flex;flex-direction:column}
.food-row{display:flex;align-items:center;gap:16px;width:100%;text-align:left;font-family:inherit;background:var(--paper);border:none;border-bottom:1px solid var(--line);padding:15px 20px;cursor:pointer;transition:.15s var(--ease)}
.food-row:hover{background:#F4FBF7}
.fr-ico{flex:none;width:46px;height:46px;border-radius:var(--radius-md);background:#E3F4EA;display:grid;place-items:center;color:var(--green);font-size:19px}
.fr-name{flex:1;min-width:0}
.fr-name b{font-size:15px;color:var(--slate);font-weight:700;display:block}
.fr-name span{font-size:12.5px;color:var(--muted);font-weight:500}
.fr-m{width:62px;text-align:center;flex:none;font-size:13px;font-weight:600;color:var(--slate-2)}
.fr-m small{display:block;font-size:10px;color:var(--muted);font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.fr-kcal{width:96px;text-align:right;flex:none;font-size:15px;font-weight:700;color:var(--green-deep)}
.fr-kcal small{font-size:11px;color:var(--muted);font-weight:500}
.fr-go{width:20px;flex:none;text-align:right;color:#c7c7c7;font-size:13px}
.food-row:hover .fr-go{color:var(--green)}
.food-empty{display:none;text-align:center;padding:60px 20px}
.food-empty .fe-ico{width:64px;height:64px;border-radius:var(--radius-circle);background:#E3F4EA;color:var(--green);display:grid;place-items:center;font-size:26px;margin:0 auto 18px}
.food-empty h3{font-size:19px;margin-bottom:8px}
.food-empty p{font-size:14px;color:var(--muted);font-weight:500;max-width:360px;margin:0 auto 18px}
.food-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--sh-sm)}
.food-count{font-size:13px;color:var(--muted);font-weight:500;margin-bottom:14px}
.food-count b{color:var(--slate);font-weight:700}

/* ---- responsive ---- */
@media(max-width:1024px){
  .nb-head h1{font-size:30px}
}
@media(max-width:640px){
  .food-thead .th-m,.fr-m{display:none}
  .nb-head h1{font-size:25px}
}
/* HERO ZENGINLESTIRME (hero-zengin ADIM2) */
.nb-top .wrap{position:relative}
.nb-top .rd-crumb,.nb-top .rd-crumb a{color:#bcd0c4}
.nb-top .rd-crumb a:hover{color:#99d7b4}
.nb-top .rd-crumb i{color:rgba(255,255,255,.4)}
.nb-top .rd-crumb b{color:#fff}
.nb-top .eyebrow{color:#99d7b4}
.nb-top h1{color:#fff;text-shadow:0 2px 24px rgba(0,0,0,.25)}
.nb-top h1 .accent{color:#7fcca1}
.nb-top .lead{color:#e3ede7;text-shadow:0 1px 14px rgba(0,0,0,.3)}
.nb-top .nb-searchbar input{background:rgba(255,255,255,.96);border-color:rgba(255,255,255,.35);color:var(--slate)}
@media(max-width:640px){.nb-top{padding:74px 0 34px}}
/* 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)}

/* Kaynak-transfer: donörün `besin-kutuphanesi.html`ine gömülü İKİ AYRI ek
   `<style>` bloğu — AYNEN. Liste sayfasında 1× kullanılıyor ("Diyetisyen Bul"
   kutusu); `besin__*.html` detay sayfalarında TANIMLI ama 0× kullanılıyor
   (ölçüldü, avokado dahil) — bu yüzden detay sayfasının dosyasına (`besin-detay-v1.css`)
   taşınmadı. */
.reh-note{display:flex;gap:14px;align-items:flex-start;margin-top:30px;background:var(--tomato-tint);border:1px solid #bae4cc;border-radius:var(--radius-lg);padding:18px 20px}
.reh-note>i{color:var(--tomato-deep);font-size:18px;margin-top:2px;flex:none}
.reh-note p{font-size:14px;color:var(--slate-2);font-weight:500;line-height:1.6}
.reh-note p a{color:var(--tomato-deep);font-weight:700}
.reh-note p a:hover{text-decoration:underline}
.reh-note-lg{margin-top:26px;padding:24px 26px}
.reh-note-lg .btn{margin-top:14px}

/* Gerçek sunucu durumları (yükleniyor / hata) — canlıda karşılığı görülmedi; gerçek
   istek sonucuna bağlı. */
.food-state{padding:52px 20px;text-align:center;color:var(--muted);font-weight:600}
.food-state i{display:block;color:var(--green);font-size:28px;margin-bottom:14px}
.food-skeleton{height:77px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,#f5f7f5 25%,#fff 38%,#f5f7f5 63%);background-size:400% 100%;animation:food-loading 1.25s ease infinite}
@keyframes food-loading{to{background-position:-120% 0}}
/* 2026-09-14 — canlı dadadiet.com'a çekilen panel (bkz. besinler/index.blade.php). */
/* CANLIDA YOK, BİZDE ZORUNLU — /testler ile aynı tuzak: canlıda olmayan paylasilan/dd-kabuk.css
   `.pf-tabs .dt.active{background:var(--fit)}` basıyor, `--fit` Diet'te tanımsız → aktif
   sekme şeffaf kalıyordu; `.pf-tabs a,.dt{text-align:left}` da canlının `start`ından
   ayırıyordu. Kimlik seçicisiyle yalnız bu panelde geri alınıyor. */
#nutList .pf-tabs .dt{text-align:start}
#nutList .pf-tabs .dt.active{background:var(--tomato-deep)}
@media(prefers-reduced-motion:reduce){.food-skeleton{animation:none}}