/* ===== ASEOHosting Knowledge Base =====
   Hub (frequently-asked-questions.html), kategori (faq-category.php)
   ve makale (faq-article.php) sayfalarinin ortak stili. */

/* Breadcrumb */
.kb-crumb{font-size:.85rem;color:#5b6270;}
.kb-crumb a{color:#5b6270;text-decoration:none;}
.kb-crumb a:hover{color:#157347;text-decoration:underline;}
.kb-crumb span{color:#0f1b2d;font-weight:600;}
.kb-crumb .sep{color:#9aa5b1;margin:0 5px;}

/* Arama */
.kb-search{max-width:660px;margin:0 auto;}
.kb-search .input-group{height:66px;background:#fff;border-radius:999px;overflow:hidden;box-shadow:0 10px 30px rgba(3,41,115,.08);}
.kb-search input{border:0;padding-left:26px;font-size:1rem;}
.kb-search input:focus{box-shadow:none;}
.kb-search button{width:132px;height:52px;margin:7px 7px 0 0;border:0;border-radius:999px;background:#157347;color:#fff;font-weight:700;}
.kb-search button:hover{background:#0f5836;}

/* Kategori kartlari */
.kbcard{display:block;height:100%;background:#fff;border:1.5px solid #e6ece6;border-radius:16px;padding:24px 22px;text-decoration:none;transition:transform .15s,box-shadow .15s,border-color .15s;}
.kbcard:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(3,41,115,.09);border-color:#cdeede;}
.kbcard-ic{display:inline-flex;width:46px;height:46px;border-radius:13px;background:#eafaf0;align-items:center;justify-content:center;margin-bottom:14px;}
.kbcard-t{font-weight:800;font-size:1.05rem;color:#0f1b2d;margin-bottom:7px;}
.kbcard-d{font-size:.9rem;line-height:1.55;color:#3a3f47;margin:0 0 12px;}
.kbcard-go{font-size:.85rem;font-weight:700;color:#157347;display:inline-flex;align-items:center;gap:6px;}
.kbcard-n{font-size:.78rem;color:#8a94a3;font-weight:600;}

/* Makale listesi */
.kb-pop{background:#fff;border:1.5px solid #e6ece6;border-radius:16px;padding:10px 6px;}
.kb-pop a{display:flex;align-items:flex-start;gap:12px;padding:13px 18px;border-radius:12px;text-decoration:none;color:#0f1b2d;font-size:.95rem;line-height:1.45;transition:background .13s;}
.kb-pop a:hover{background:#f6faf7;color:#157347;}
.kb-pop a + a{border-top:1px solid #f1f4f2;}
.kb-pop a svg{flex:0 0 auto;margin-top:3px;}
.kb-pop small{color:#5b6270;display:block;font-size:.78rem;margin-top:3px;line-height:1.45;}

/* Dis kaynak linkleri */
.kb-ref{display:flex;align-items:flex-start;gap:11px;font-size:.9rem;color:#3a3f47;line-height:1.5;}
.kb-ref svg{flex:0 0 auto;margin-top:3px;}
.kb-ref a{color:#157347;font-weight:700;}

/* ===== Makale sayfasi ===== */
.kb-article{background:#fff;border:1.5px solid #e6ece6;border-radius:18px;padding:38px 40px;}
.kb-article h2{font-size:1.45rem;font-weight:800;color:#032973;margin:34px 0 14px;}
.kb-article h3{font-size:1.15rem;font-weight:800;color:#0f1b2d;margin:26px 0 10px;}
.kb-article p{font-size:1rem;line-height:1.72;color:#3a3f47;margin:0 0 16px;}
.kb-article ul,.kb-article ol{margin:0 0 18px;padding-left:22px;color:#3a3f47;line-height:1.72;}
.kb-article li{margin-bottom:8px;}
.kb-article a{color:#157347;font-weight:600;}
.kb-article img{max-width:100%;height:auto;border-radius:10px;margin:10px 0;}
.kb-article code{background:#f4f6f8;border-radius:5px;padding:2px 6px;font-size:.9em;color:#032973;}
.kb-article pre{background:#0f1b2d;color:#e8eef7;border-radius:12px;padding:18px 20px;overflow-x:auto;font-size:.86rem;line-height:1.6;margin:0 0 18px;}
.kb-article pre code{background:none;color:inherit;padding:0;}
.kb-article table{width:100%;border-collapse:collapse;margin:0 0 18px;font-size:.92rem;}
.kb-article th,.kb-article td{border:1px solid #e6ece6;padding:10px 12px;text-align:left;}
.kb-article th{background:#f6faf7;color:#032973;font-weight:700;}
.kb-article blockquote{border-left:4px solid #cdeede;background:#f6faf7;margin:0 0 18px;padding:14px 18px;border-radius:0 10px 10px 0;color:#3a3f47;}

/* Makale yan sutunu */
.kb-side{position:sticky;top:96px;}
.kb-side-box{background:#fff;border:1.5px solid #e6ece6;border-radius:16px;padding:22px 20px;margin-bottom:18px;}
.kb-side-h{font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#157347;margin-bottom:14px;}
.kb-side-box a{display:block;font-size:.9rem;color:#0f1b2d;text-decoration:none;padding:8px 0;line-height:1.45;border-bottom:1px solid #f1f4f2;}
.kb-side-box a:last-child{border-bottom:0;}
.kb-side-box a:hover{color:#157347;}

@media(max-width:767px){
  .kb-article{padding:26px 22px;}
  .kb-side{position:static;}
}

/* Sidebar "Still stuck?" CTA butonu: net kontrast + dar kolona sigsin.
   .order-button'in fixed genisligi + renk ezilmesi sorununu kesin cozer. */
.kb-side-box a.order-button{
  display:inline-flex;align-items:center;justify-content:center;
  width:auto;height:auto;max-width:100%;
  background:#157347;color:#fff !important;
}
.kb-side-box a.order-button:hover{background:#0f5c39;color:#fff !important;}