/* ─────────────────────────────────────────────────────────────────────────
   Blog hub v2 (tema v1.9.0) — "Editorial Overlap · açık mavi" (onaylı mockup B-mavi)

   blog.css'in ÜZERİNE yüklenir (bağımlılık: sck-blog); blog.css'e ve --sck-gold
   tokenlarına DOKUNULMAZ — yazı sayfası süslemeleri (altın h2 çizgisi, ✦) aynen kalır.

   Kapsam (Burak'ın kararı, 2026-09-08): YALNIZCA /blog/ liste sayfası.
   - Dosya sadece is_home() sayfalarında yüklenir (functions.php) ve her kural
     body.blog ile kapsanır → yazı sayfaları, arşivler ve 404 %100 bugünkü gibi kalır.
   - Liste: hero, filtre çipleri, tek tip 3 sütun kart ızgarası (öne çıkan tekli kart
     yok — Burak, 8 Eyl), sayfalama + o sayfadaki kabuk (header butonu, WhatsApp
     bandı, footer vurguları) altın → mavi.
   - Markup'ta yalnızca güvenli sarmalayıcılar değişti (home.php v1.9.0); tek <h1>,
     kart = tek <a href=permalink>, alt metinleri, sck_e() anahtarları ve dil-önekli
     sayfalama bağlantıları aynen.

   Renk ailesi: canlı blog hero'nun mevcut mavi gradyanı (#1a63b8 / #4a94e8 / #217ee2).
   Açık zeminde metin mavisi #1a63b8 (5.6:1 AA), dolgular #e6f0fb / #dce9f9, zemin #f5f8fc.
   ───────────────────────────────────────────────────────────────────────── */

html{
	--hub-blue:#217ee2;
	--hub-blue-deep:#1a63b8;
	--hub-blue-sky:#4a94e8;
	--hub-blue-light:#7fb3f0;
	--hub-blue-pale:#dce9f9;
	--hub-blue-fill:#e6f0fb;
	--hub-ground:#f5f8fc;
	--hub-panel:#fff;
	--hub-hair:rgba(10,19,39,.10);
	--hub-chipline:rgba(26,99,184,.35);
	--hub-ink72:rgba(10,19,39,.72);
	--hub-ink62:rgba(10,19,39,.62);
	/* Başlık fontu = acibademinternational.com ile aynı: Plus Jakarta Sans (Burak, 8 Eyl). Temada self-hosted
	   (plus-jakarta*.woff2; latin + latin-ext + kiril-ext). Kurumsal sitede H1/H2/H3 800, italik yok. */
	--hub-head:'Plus Jakarta Sans','Helvetica Neue',Arial,sans-serif;
}
[dir="rtl"]{--hub-head:var(--font-title)} /* Arapça: temanın sans başlık zinciri (Noto Sans Arabic / Geeza Pro) */

/* ═══════════════════ Liste sayfası kabuğu: header ═══════════════════ */
body.blog .bnav{border-bottom-color:rgba(255,255,255,.08)}
body.blog .bnav .btn--gold{background:var(--hub-blue);color:var(--sck-ink);box-shadow:none}
body.blog .bnav .btn--gold::after{display:none}
body.blog .bnav .btn--gold:hover{background:var(--hub-blue-light);transform:none;box-shadow:none}
body.blog .lang__btn{border-color:rgba(255,255,255,.18)}
body.blog .lang__btn:hover{border-color:rgba(255,255,255,.3);color:#fff}
body.blog .lang__btn svg{fill:none;stroke:var(--hub-blue-light);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
body.blog .lang__btn .lang__chev{stroke:rgba(255,255,255,.7)}
body.blog .lang__menu{border-color:rgba(127,179,240,.3)}
body.blog .lang__opt:hover{background:rgba(127,179,240,.14)}
body.blog .lang__opt.is-active{color:var(--hub-blue-light)}

/* ═══════════════ Liste sayfası kabuğu: WhatsApp bandı ═══════════════ */
body.blog .wacta{background:var(--hub-ground);padding:0 var(--sck-side) 72px}
body.blog .wacta::before,body.blog .wacta::after{display:none}
body.blog .wacta .wacta__in{
	width:100%;max-width:none;margin:0 auto; /* ızgarayla aynı: tam genişlik, kenar boşluğu .wacta padding'inden */
	display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:40px;align-items:center;
	padding:48px 56px;border-radius:22px;background:var(--sck-ink);color:#fff;
}
body.blog .wacta .wacta__t{min-width:0}
body.blog .wacta .wacta__eyebrow{padding:0;border:0;background:none;box-shadow:none;font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--hub-blue-light)}
body.blog .wacta .wacta__eyebrow svg{width:16px;height:16px;fill:currentColor}
body.blog .wacta .wacta__title{margin:14px 0 12px;font-family:var(--hub-head);font-weight:800;font-size:clamp(26px,2.8vw,34px);line-height:1.12;letter-spacing:-.015em;color:#fff;text-align:left}
body.blog .wacta .wacta__em{display:block;font-style:normal;color:var(--hub-blue-light);text-shadow:none}
[dir="rtl"] body.blog .wacta .wacta__em{font-style:normal}
[dir="rtl"] body.blog .wacta .wacta__title,[dir="rtl"] body.blog .wacta .wacta__text{text-align:right}
body.blog .wacta .wacta__text{margin:0 0 22px;max-width:52ch;font-size:16px;line-height:1.55;font-weight:400;color:rgba(255,255,255,.78);text-align:left}
body.blog .wacta .wacta__chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;max-width:460px;margin-top:0}
body.blog .wacta .wacta__chip{padding:0;border:0;border-radius:0;background:none;box-shadow:none;justify-content:flex-start;text-align:start;min-width:0;font-size:12.5px;font-weight:600;letter-spacing:0;color:rgba(255,255,255,.85);white-space:normal;line-height:1.3}
body.blog .wacta .wacta__chip:hover{transform:none;color:#fff}
body.blog .wacta .wacta__chip svg{width:14px;height:14px;fill:var(--hub-blue)}
body.blog .wacta .wacta__acts{display:flex;flex-direction:column;gap:12px;align-items:stretch;flex:none}
body.blog .wacta .wacta__btn{min-width:0;width:auto;height:56px;padding:0 28px;border:0;border-radius:999px;background:var(--hub-blue);color:var(--sck-ink);font-weight:700;font-size:14px;letter-spacing:.06em;box-shadow:none;white-space:nowrap;transition:background .2s var(--ease-lux)}
body.blog .wacta .wacta__btn:hover{transform:none;background:var(--hub-blue-light);box-shadow:none;border:0}
body.blog .wacta .wacta__btn svg{width:20px;height:20px;fill:currentColor}
body.blog .wacta .wacta__tel{min-width:0;width:auto;height:52px;padding:0 24px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:none;color:#fff;font-weight:700;font-size:15px;letter-spacing:.02em;box-shadow:none;transition:border-color .2s ease,color .2s ease}
body.blog .wacta .wacta__tel:hover{transform:none;border-color:var(--hub-blue-light);color:var(--hub-blue-light);box-shadow:none}
body.blog .wacta .wacta__tel svg{width:18px;height:18px;fill:currentColor}

/* ═══════════════════ Liste sayfası kabuğu: footer ═══════════════════ */
body.blog .site-footer{background:var(--sck-ink);border-top:0}
body.blog .foot__tag{color:var(--hub-blue-light)}
body.blog .foot__about{text-align:left;color:rgba(255,255,255,.72)}
[dir="rtl"] body.blog .foot__about{text-align:right}
body.blog .foot__sealchip{color:var(--hub-blue-light);border-color:rgba(127,179,240,.32);background:none;border-radius:999px}
body.blog .foot__sealchip svg{fill:currentColor}
body.blog .fbox{border-color:rgba(255,255,255,.1);background:none;box-shadow:none}
body.blog .fbox:hover{transform:none;border-color:rgba(127,179,240,.55);box-shadow:none}
body.blog .fbox__ic{background:rgba(127,179,240,.12);border-color:transparent}
body.blog .fbox:hover .fbox__ic{background:rgba(127,179,240,.2)}
body.blog .fbox__ic svg{fill:var(--hub-blue-light)}
body.blog .foot__mid,body.blog .foot__bar{border-top-color:rgba(255,255,255,.08)}
body.blog .foot__link:hover{color:var(--hub-blue-light)}
body.blog .foot__seal{color:rgba(255,255,255,.58);font-weight:500}
body.blog .devby:hover{color:var(--hub-blue-light)}

/* ═════════════════════ Liste sayfası: zemin + hero ═════════════════════ */
body.blog{background:var(--hub-ground);color:var(--sck-ink)}
body.blog .bmain{background:var(--hub-ground);padding:0 0 64px}
/* İçerik sütunu TAM GENİŞLİK (Burak, 8 Eyl: "sayfayı stretch et, full width olsun") — blog.css .container zaten
   sınırsız; yalnızca kenar boşluğu (--sck-side) kalır. Hero metin kutusu 760px'te ortalı kalır. */
body.blog .bmain .container{width:100%;max-width:none;margin-left:auto;margin-right:auto}
body.blog .bhero--hub{background:var(--hub-ground);padding:64px 0 44px;text-align:center}
body.blog .bhero--hub .container{width:100%;max-width:calc(760px + var(--sck-side) * 2);margin-left:auto;margin-right:auto}
body.blog .bhero--hub .s-eyebrow{gap:0;margin:0 0 18px;font-size:12px;font-weight:700;letter-spacing:.16em;color:var(--hub-blue-deep)}
body.blog .bhero--hub .s-eyebrow::before,body.blog .bhero--hub .s-eyebrow::after{display:none}
body.blog .bhero--hub .s-title{margin:0;font-family:var(--hub-head);font-weight:800;font-size:clamp(36px,4.6vw,56px);line-height:1.08;letter-spacing:-.02em;color:var(--sck-ink);text-wrap:balance}
body.blog .bhero--hub .s-em{display:block;font-style:normal;font-weight:800;background:linear-gradient(100deg,#1a63b8 0%,#2d7cd4 55%,#217ee2 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#217ee2;padding:.16em 0 .14em;margin:-.16em 0 -.14em}
/* Orta durak #2d7cd4: açık zeminde 3.99:1 (canlı koyu hero'daki #4a94e8 burada 2.95:1 kalıyordu).
   padding/negatif margin (net etkisi sıfır): background-clip:text yalnızca kutunun içini boyar — üstte aksanlar
   (Ü, İ, Ç kancası), altta descender/Arapça son harfler kutu dışında kalınca ŞEFFAF çıkıyordu (TR'de Ü noktaları kesikti). */
[dir="rtl"] body.blog .bhero--hub .s-em{padding:.2em 0 .3em;margin:-.2em 0 -.3em}
[dir="rtl"] body.blog .bhero--hub .s-title{line-height:1.3}
body.blog .bhero__rule{gap:12px;width:160px;max-width:160px;margin:26px auto 24px}
body.blog .bhero__rule span,body.blog .bhero__rule span:last-child{background:var(--hub-blue);opacity:1}
body.blog .bhero__rule i{color:var(--hub-blue-deep);font-size:14px;font-style:normal}
body.blog .bhero__sub{margin:0 auto;max-width:56ch;font-size:18px;line-height:1.5;font-weight:400;color:var(--hub-ink72);text-wrap:pretty}
/* Güven satırı (v1.9.0): "Reviewed by…" + mevcut mühür çipleri — hepsi mevcut sözlük anahtarları */
body.blog .btrust{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 14px;margin-top:24px;font-size:13px}
body.blog .btrust__label{display:inline-flex;align-items:center;gap:7px;color:var(--hub-ink72);font-weight:600}
body.blog .btrust__label::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--hub-blue-deep);flex:none}
body.blog .btrust__chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
body.blog .sealchip{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:999px;background:var(--hub-blue-fill);border:1px solid rgba(26,99,184,.25);color:var(--sck-ink);font-size:12.5px;font-weight:600;white-space:nowrap}
body.blog .sealchip svg{width:14px;height:14px;fill:var(--hub-blue-deep);flex:none}

/* ═════════════════════ Liste sayfası: filtre çipleri ═════════════════════ */
body.blog .bfiltre{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 40px}
body.blog .bchip{height:40px;padding:0 18px;border:1px solid var(--hub-hair);border-radius:999px;background:var(--hub-panel);color:var(--sck-ink);font-size:13px;font-weight:700;letter-spacing:.02em;text-transform:none;transition:background .12s ease,border-color .12s ease,color .12s ease}
body.blog .bchip:hover{transform:none;background:var(--hub-blue-fill);border-color:var(--hub-chipline);color:var(--sck-ink)}
body.blog .bchip.is-active{background:var(--sck-ink);border-color:var(--sck-ink);color:#fff}
body.blog .bchip.is-active:hover{background:var(--sck-ink-2);border-color:var(--sck-ink-2)}

/* ══════════════ Liste sayfası: tek tip kart ızgarası (3 sütun) ══════════════
   Kart = tek <a>; içinde foto (16:10) + fotonun alt kenarına binen beyaz panel.
   DOM sırası (tag, title, ex, meta, link, date) korunur; görsel yerleşim grid ile:
   satır 1 = tag + meta çipleri, 2 = başlık, 3 = özet (esner), 4 = "Read the article" + tarih.
   Çip kuralı: iki çip yan yana, dar ekranda pill İÇİNDE sarar, asla taşmaz/yetim kalmaz. */
body.blog .jblog__grid--2{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:28px;row-gap:36px;margin:0 0 56px}
body.blog .bcard{display:flex;flex-direction:column;position:relative;min-width:0;border:0;border-radius:14px;overflow:visible;background:none;box-shadow:none}
body.blog .bcard:hover{transform:none;box-shadow:none;border-color:transparent}
/* Filtre çipleri: blog.js [data-kart].is-gizli (0,2,0) basar; .bcard kuralımız (0,2,1) onu ezmesin */
body.blog [data-kart].is-gizli{display:none}
body.blog .bcard:focus-visible{outline:2px solid var(--hub-blue-deep);outline-offset:3px}
body.blog .bcard__cover,body.blog .bcard__cover.sck-hasimg{display:block;position:relative;height:auto;min-height:150px;aspect-ratio:16/10;border-radius:14px;overflow:hidden;background:var(--hub-blue-fill)}
body.blog .bcard__cover::before,body.blog .bcard__cover.sck-hasimg::after{display:none}
body.blog .bcard__cover i{display:none}
body.blog .bcard__cover.sck-hasimg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%;transition:transform .5s var(--ease-lux)}
body.blog .bcard__body{
	position:relative;z-index:1;flex:1;
	display:grid;grid-template-columns:minmax(0,max-content) minmax(0,max-content) minmax(0,1fr);grid-template-rows:auto auto 1fr auto;
	/* 3. sütun minmax(0,1fr) KALSIN: minmax(max-content,1fr) yapılınca tüm sütunlara yayılan başlık esnek sütunu şişirip çipleri harf harf kırıyor (8 Eyl denetim #14 geri alındı) */
	column-gap:8px;row-gap:0;align-items:start;
	margin:-48px 16px 0;padding:20px 20px 18px;
	background:var(--hub-panel);border:1px solid var(--hub-hair);border-radius:12px;
	box-shadow:0 0 0 5px var(--hub-ground); /* sayfa renginde "kesik" halka: panel fotoya oyulmuş gibi okunur */
	transition:transform .3s var(--ease-lux),box-shadow .3s var(--ease-lux);
}
body.blog .bpost__tag,body.blog .bcard__meta{
	display:inline-flex;align-items:center;justify-content:center;min-width:0;min-height:26px;margin:0;padding:3px 9px;
	border:1px solid var(--hub-chipline);border-radius:999px;color:var(--hub-blue-deep);
	font-size:11px;font-weight:700;letter-spacing:.07em;line-height:1.2;text-transform:uppercase;text-align:center;
	white-space:normal;hyphens:auto;overflow-wrap:anywhere;
}
body.blog .bpost__tag{grid-row:1;grid-column:1}
body.blog .bcard__meta{grid-row:1;grid-column:2}
body.blog .bcard__title{grid-row:2;grid-column:1/-1;margin:14px 0 8px;font-family:var(--hub-head);font-weight:700;font-size:20px;line-height:1.3;letter-spacing:-.012em;color:var(--sck-ink);text-wrap:pretty;min-height:2.6em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;transition:color .3s var(--ease-lux)}
body.blog .bcard__ex{grid-row:3;grid-column:1/-1;align-self:start;margin:0 0 16px;font-size:14.5px;line-height:1.55;color:var(--hub-ink72);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
body.blog .bcard__link{grid-row:4;grid-column:1/3;align-self:end;margin:0;display:inline-flex;align-items:center;gap:6px;color:var(--hub-blue-deep);font-size:13px;font-weight:700;letter-spacing:.01em;text-transform:none}
body.blog .bcard__link svg{width:14px;height:14px;fill:currentColor;transition:transform .3s var(--ease-lux)}
body.blog .bcard__date{grid-row:4;grid-column:3;align-self:end;justify-self:end;font-size:12.5px;font-weight:500;color:var(--hub-ink62);white-space:nowrap}
[dir="rtl"] body.blog .bcard__date{direction:ltr;unicode-bidi:isolate}
[dir="rtl"] body.blog .bcard__title{line-height:1.45}

/* Hover: fotoğraf kırpma kutusu içinde 1.03 zoom; panel 2px kalkar + mavi tonlu yumuşak gölge */
@media (hover:hover){
	body.blog .bcard:hover .bcard__cover.sck-hasimg img{transform:scale(1.03)}
	body.blog .bcard:hover .bcard__title{color:var(--hub-blue-deep)}
	body.blog .bcard:hover .bcard__link svg{transform:translateX(3px)}
	body.blog .bcard:hover .bcard__body{transform:translateY(-2px);box-shadow:0 0 0 5px var(--hub-ground),0 16px 32px -14px rgba(26,99,184,.26)}
}
[dir="rtl"] body.blog .bcard__link svg{transform:scaleX(-1)}
@media (hover:hover){
	[dir="rtl"] body.blog .bcard:hover .bcard__link svg{transform:scaleX(-1) translateX(-3px)}
}

/* ═══════════════ Liste sayfası: sayfalama (WP çekirdek .page-numbers, yalnızca stil) ═══════════════ */
body.blog .bpagin{margin:0}
body.blog .bpagin ul.page-numbers{gap:4px}
body.blog .bpagin a.page-numbers,body.blog .bpagin span.page-numbers{min-width:36px;height:36px;padding:0 8px;border:0;border-radius:999px;background:none;color:var(--hub-ink62);font-size:13px;font-weight:600;transition:background .12s ease,color .12s ease}
body.blog .bpagin a.page-numbers:hover{background:var(--hub-blue-fill);color:var(--sck-ink);transform:none}
body.blog .bpagin span.page-numbers.current{background:none;color:var(--sck-ink);font-weight:700;text-decoration:underline;text-decoration-color:var(--hub-blue-deep);text-decoration-thickness:1.5px;text-underline-offset:5px}
body.blog .bpagin span.page-numbers.dots{min-width:22px;padding:0}
body.blog .bpagin a.next,body.blog .bpagin a.prev{font-size:16px}
@media (pointer:coarse){body.blog .bpagin a.page-numbers,body.blog .bpagin span.page-numbers{min-width:44px;height:44px}}

/* ═══════════════════════════ Duyarlı ═══════════════════════════ */
/* Geniş ekran: tam genişlikte kartlar 500px+ olur — tipografi ve panel ölçeklensin */
@media (min-width:1600px){
	body.blog .jblog__grid--2{column-gap:32px;row-gap:40px}
	body.blog .bcard__body{margin:-56px 20px 0;padding:24px 24px 20px}
	body.blog .bcard__title{font-size:22px}
	body.blog .bcard__ex{font-size:15.5px}
	body.blog .bpost__tag,body.blog .bcard__meta{font-size:11.5px;padding:3px 10px}
}
@media (max-width:1199px){
	body.blog .wacta .wacta__in{grid-template-columns:1fr;gap:28px;padding:40px}
	body.blog .wacta .wacta__acts{flex-direction:row;flex-wrap:wrap}
	body.blog .wacta .wacta__btn,body.blog .wacta .wacta__tel{flex:1 1 240px}
	body.blog .jblog__grid--2{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;row-gap:36px}
	body.blog .bcard__body{margin:-52px 16px 0;padding:20px 20px 18px}
	body.blog .bcard__title{font-size:21px}
	body.blog .bpost__tag,body.blog .bcard__meta{padding:3px 8px;letter-spacing:.06em}
}
@media (max-width:767px){
	body.blog .wacta{padding:0 20px 48px}
	body.blog .wacta .wacta__in{padding:32px 22px;border-radius:18px;gap:24px}
	body.blog .wacta .wacta__chips{gap:8px 10px}
	body.blog .wacta .wacta__chip{font-size:12px;white-space:normal;align-items:flex-start;line-height:1.3}
	body.blog .wacta .wacta__chip svg{margin-top:1px}
	body.blog .wacta .wacta__acts{flex-direction:column}
	body.blog .wacta .wacta__btn,body.blog .wacta .wacta__tel{flex:0 0 auto;min-height:52px}

	body.blog .bmain .container,body.blog .bhero--hub .container{padding-left:20px;padding-right:20px}
	body.blog .bhero--hub{padding:44px 0 32px}
	body.blog .bhero--hub .s-title{font-size:34px}
	html[lang="de"] body.blog .bhero--hub .s-title{hyphens:auto;overflow-wrap:anywhere} /* "Haartransplantations-Ratgeber" 375px'e sığmıyor */
	body.blog .bhero__rule{margin:20px auto 18px}
	body.blog .bhero__sub{font-size:16px}
	body.blog .btrust{flex-direction:column;gap:10px;margin-top:20px}
	body.blog .btrust__chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;max-width:360px}
	body.blog .sealchip{height:auto;min-height:32px;padding:6px 10px;border-radius:12px;white-space:normal;line-height:1.25;font-size:12px;min-width:0;overflow-wrap:anywhere;hyphens:auto}

	/* 4 filtre çipi 390px'te 3+1 sarardı — çip kuralı: eşit 2×2 ızgara, etiket pill içinde sarar */
	body.blog .bfiltre{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:32px}
	body.blog .bchip{height:auto;min-height:40px;padding:6px 10px;font-size:12.5px;white-space:normal;line-height:1.2;text-align:center}

	body.blog .jblog__grid--2{grid-template-columns:1fr;row-gap:32px;margin-bottom:44px}
	body.blog .bcard__body{margin:-40px 14px 0;padding:18px 18px 16px;box-shadow:0 0 0 4px var(--hub-ground)}
	body.blog .bcard__title{font-size:20px;min-height:0}
	body.blog .bcard__ex{-webkit-line-clamp:2;margin-bottom:16px}
	body.blog .bpost__tag,body.blog .bcard__meta{padding:3px 6px}
}
@media (max-width:360px){
	body.blog .bhero--hub .s-title{font-size:31px}
	body.blog .bchip{padding:6px 8px}
}
@media (prefers-reduced-motion:reduce){
	body.blog .bcard__body,body.blog .bcard__title,body.blog .bcard__link svg,body.blog .bcard__cover.sck-hasimg img,body.blog .wacta .wacta__btn,body.blog .wacta .wacta__tel{transition:none!important}
	body.blog .bcard:hover .bcard__body,body.blog .bcard:hover .bcard__cover.sck-hasimg img{transform:none}
}