/* Yazar / doktor kartı — blog yazıları ve tedavi sayfaları (2026-09-21)
   Üretim: functions.php hc_yazar_karti(); ekleyen şablonlar: app/view/blog/blogview.php, app/view/tedavi1cat_2.php
   (H1'in hemen altına; içerikte H1 yoksa içeriğin başına). Seçiciler sayfa CSS'lerindeki
   "#… .pagegrids.s1 .content a / img / p" kurallarını geçebilmek için aynı ağırlıkta yazıldı.
   Yeni bir sayfa türüne eklemek için: şablonda kartı üret + bu dosyayı $add_style'a ekle + aşağıdaki
   ön eklere sayfanın kap id'sini ekle. */

#blogview .pagegrids.s1 .content .hc-yazar,
#tedavi .pagegrids.s1 .content .hc-yazar{display:grid;grid-template-columns:190px minmax(0,1fr);gap:26px;align-items:start;margin:22px 0 32px 0;padding:22px;border-radius:20px;background:linear-gradient(135deg,#fff8f4 0%,#fdf0e8 100%);border:1px solid #f4dccd;box-shadow:0 12px 32px rgba(235,97,57,.09);}
#blogview .pagegrids.s1 .content .hc-yazar__foto a,
#tedavi .pagegrids.s1 .content .hc-yazar__foto a{display:block;border-radius:16px;overflow:hidden;box-shadow:0 8px 22px rgba(0,0,0,.14);}
#blogview .pagegrids.s1 .content .hc-yazar__foto img,
#tedavi .pagegrids.s1 .content .hc-yazar__foto img{display:block;width:100%;height:auto!important;aspect-ratio:4/5;object-fit:cover;object-position:center 20%;border-radius:16px;box-shadow:none;margin:0;}
#blogview .pagegrids.s1 .content .hc-yazar__ad,
#tedavi .pagegrids.s1 .content .hc-yazar__ad{font-family:'poppins_semibold',Arial,sans-serif;font-size:1.35rem;line-height:1.25;color:#1d1d1d;}
#blogview .pagegrids.s1 .content .hc-yazar__unvan,
#tedavi .pagegrids.s1 .content .hc-yazar__unvan{margin-top:3px;font-family:'poppins_semibold',Arial,sans-serif;font-size:.95rem;color:var(--color1);}
#blogview .pagegrids.s1 .content .hc-yazar__bio,
#tedavi .pagegrids.s1 .content .hc-yazar__bio{margin:12px 0 0 0;padding:0;font-size:.98rem;line-height:1.6;color:#4a4a4a;}
#blogview .pagegrids.s1 .content .hc-yazar__etiket,
#tedavi .pagegrids.s1 .content .hc-yazar__etiket{margin-top:16px;font-family:'poppins_semibold',Arial,sans-serif;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:#8a5a45;}
#blogview .pagegrids.s1 .content .hc-yazar__chips,
#tedavi .pagegrids.s1 .content .hc-yazar__chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;}
#blogview .pagegrids.s1 .content .hc-yazar__chip,
#tedavi .pagegrids.s1 .content .hc-yazar__chip{display:inline-block;padding:7px 14px;border-radius:30px;border:1px solid var(--color1);background:#fff;color:var(--color1);font-size:.86rem;line-height:1.3;text-decoration:none;transition:background .25s,color .25s;}
#blogview .pagegrids.s1 .content .hc-yazar__chip:hover,
#tedavi .pagegrids.s1 .content .hc-yazar__chip:hover{background:var(--color1);color:#fff;}
#blogview .pagegrids.s1 .content .hc-yazar__alt,
#tedavi .pagegrids.s1 .content .hc-yazar__alt{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:18px;padding-top:14px;border-top:1px solid #f0d9cb;}
#blogview .pagegrids.s1 .content .hc-yazar__not,
#tedavi .pagegrids.s1 .content .hc-yazar__not{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:.84rem;color:#2f7a3d;line-height:1.4;}
#blogview .pagegrids.s1 .content .hc-yazar__not svg,
#tedavi .pagegrids.s1 .content .hc-yazar__not svg{width:15px;height:15px;fill:currentColor;flex:0 0 auto;}
#blogview .pagegrids.s1 .content .hc-yazar__not .hc-yazar__ayrac,
#tedavi .pagegrids.s1 .content .hc-yazar__not .hc-yazar__ayrac{color:#c9b3a6;}
#blogview .pagegrids.s1 .content .hc-yazar__not time,
#tedavi .pagegrids.s1 .content .hc-yazar__not time{color:#555;}
#blogview .pagegrids.s1 .content .hc-yazar__link,
#tedavi .pagegrids.s1 .content .hc-yazar__link{display:inline-block;padding:10px 18px;border-radius:30px;background:var(--color1);color:#fff;font-family:'poppins_semibold',Arial,sans-serif;font-size:.9rem;white-space:nowrap;text-decoration:none;transition:background .25s;}
#blogview .pagegrids.s1 .content .hc-yazar__link:hover,
#tedavi .pagegrids.s1 .content .hc-yazar__link:hover{background:#c94d2a;color:#fff;}

@media only screen and (max-width:700px){
  #blogview .pagegrids.s1 .content .hc-yazar,
  #tedavi .pagegrids.s1 .content .hc-yazar{grid-template-columns:1fr;gap:16px;padding:18px;border-radius:16px;}
  #blogview .pagegrids.s1 .content .hc-yazar__foto,
  #tedavi .pagegrids.s1 .content .hc-yazar__foto{max-width:200px;margin:0 auto;}
  #blogview .pagegrids.s1 .content .hc-yazar__ad,
  #tedavi .pagegrids.s1 .content .hc-yazar__ad,
  #blogview .pagegrids.s1 .content .hc-yazar__unvan,
  #tedavi .pagegrids.s1 .content .hc-yazar__unvan{text-align:center;}
  #blogview .pagegrids.s1 .content .hc-yazar__link,
  #tedavi .pagegrids.s1 .content .hc-yazar__link{flex:1 1 100%;text-align:center;}
}