/* Blog (plugins/Blog): yönetim düzenleyicisi (bg-), bayi paneli (bpd-) ve tanıtım sitesi blogu (bp-) */

/* ═════════════ Yönetim ═════════════ */
.bg-pcell{ display:flex; align-items:center; gap:10px; min-width:240px }
.bg-pcell .a-thumb{ width:48px; height:34px; border-radius:7px; object-fit:cover; flex:none }
.bg-star{ color:#f59e0b }
.bg-seo{ display:inline-flex; gap:3px } .bg-seo i{ width:16px; height:6px; border-radius:3px; background:var(--c-border) }
.bg-seo.s1 i.on{ background:#f59e0b } .bg-seo.s2 i.on{ background:#84cc16 } .bg-seo.s3 i.on{ background:#16a34a }
.bg-title{ height:48px; font-size:18px !important; font-weight:700 }
.bg-slug .pfx{ font-size:12px }
.apage .bg-slug.f-affix > .pfx + .f-input{ padding-left:52px }   /* "/blog/" öneki alan metninin üstüne binmesin */
.bg-ed{ border:1px solid var(--c-border); border-radius:12px; background:#fff; overflow:hidden }
.bg-ed:focus-within{ border-color:var(--c-accent); box-shadow:0 0 0 3px var(--c-accent-soft) }
.bg-tb{ display:flex; flex-wrap:wrap; align-items:center; gap:2px; padding:6px; border-bottom:1px solid var(--c-border-light); background:var(--c-bg); position:sticky; top:0; z-index:2 }
.bg-tb button{ min-width:32px; height:30px; padding:0 8px; border:0; border-radius:7px; background:transparent; color:var(--c-text); font-size:13px; display:inline-flex; align-items:center; gap:5px; cursor:pointer }
.bg-tb button:hover{ background:#fff } .bg-tb button.on{ background:var(--c-text); color:#fff } .bg-tb button:disabled{ opacity:.35; cursor:default }
.bg-tb .sep{ width:1px; height:18px; background:var(--c-border); margin:0 4px } .bg-tb .grow{ flex:1 }
.bg-area{ min-height:380px; max-height:70vh; overflow:auto; padding:16px 18px; outline:none }
.bg-area:empty::before{ content:attr(data-placeholder); color:var(--c-text-muted) }
.bg-src{ width:100%; min-height:380px; border:0; padding:14px 16px; font-size:12.5px; line-height:1.6; outline:none; resize:vertical }
.bg-foot{ display:flex; justify-content:space-between; gap:10px; flex-wrap:wrap; padding:7px 12px; border-top:1px solid var(--c-border-light); font-size:11.5px; color:var(--c-text-muted) }
.bg-cnt{ float:right; font-size:11px; font-weight:500; color:var(--c-text-muted) } .bg-cnt.warn{ color:var(--c-amber) } .bg-cnt.bad{ color:var(--c-red) }
.bg-serp{ display:flex; flex-direction:column; gap:2px; padding:12px 14px; margin-bottom:14px; border:1px solid var(--c-border-light); border-radius:12px; background:#fff }
.bg-serp .u{ font-size:12px; color:#4d5156 } .bg-serp .t{ font-size:18px; color:#1a0dab; line-height:1.3 } .bg-serp .d{ font-size:13px; color:#4d5156; line-height:1.5 }
.bg-checks{ display:flex; flex-wrap:wrap; gap:6px 14px; margin:4px 0 12px; font-size:12px }
.bg-checks .bg-score{ flex-basis:100%; font-size:12.5px } .bg-checks .ok{ color:var(--c-green) } .bg-checks .no{ color:var(--c-text-muted) }
.bg-adv{ border-top:1px dashed var(--c-border); padding-top:12px } .bg-adv summary{ cursor:pointer; font-weight:600; font-size:13px; margin-bottom:12px }
.bg-robots{ display:flex; flex-wrap:wrap; gap:10px 18px; align-items:center; margin-bottom:12px } .bg-robots .f-input{ flex:1 1 220px }
.bg-aud{ display:grid; grid-template-columns:1fr 1fr; gap:6px }
.bg-aud label{ position:relative; margin:0; cursor:pointer } .bg-aud input{ position:absolute; opacity:0 }
.bg-aud span{ display:flex; flex-direction:column; gap:2px; padding:9px 10px; border:1px solid var(--c-border); border-radius:10px; font-size:12.5px; font-weight:600 }
.bg-aud small{ font-weight:400; font-size:11px; color:var(--c-text-muted) }
.bg-aud input:checked + span{ border-color:var(--c-accent); box-shadow:0 0 0 3px var(--c-accent-soft) } .bg-aud input:focus-visible + span{ outline:2px solid var(--c-accent) }
.bg-meta{ margin:12px 0 0 }
.bg-drop{ position:relative; display:flex; align-items:center; justify-content:center; min-height:150px; border:2px dashed var(--c-border); border-radius:12px; background:var(--c-bg); cursor:pointer; overflow:hidden; margin-bottom:8px; text-align:center }
.bg-drop:hover, .bg-drop:focus-visible{ border-color:var(--c-accent); outline:none } .bg-drop.busy{ opacity:.6 }
.bg-drop img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover }
.bg-drop-tx{ display:flex; flex-direction:column; gap:3px; align-items:center; padding:14px; font-size:12px; color:var(--c-text-muted) } .bg-drop-tx i{ font-size:24px }
.bg-drop.has .bg-drop-tx{ display:none }
.bg-pdf{ display:flex; gap:8px; align-items:center; margin-bottom:8px } .bg-pdf > i{ font-size:22px; color:#dc2626 }
.bg-ai{ border-color:#ddd6fe } .bg-ai .sec-head .ic{ background:#f5f3ff; color:#7c3aed }
.bg-ai-btns{ display:flex; flex-wrap:wrap; gap:6px } .bg-ai-btns .primary{ flex-basis:100% }
.bg-ai-out{ margin-top:10px; font-size:12.5px; line-height:1.5 } .bg-ai-out:empty{ display:none }
.bg-ai-out.info, .bg-ai-out.ok, .bg-ai-out.bad{ padding:9px 11px; border-radius:10px } .bg-ai-out.info{ background:#f5f3ff; color:#5b21b6 } .bg-ai-out.ok{ background:var(--c-green-soft); color:#166534 } .bg-ai-out.bad{ background:var(--c-red-soft); color:var(--c-red) }
.bg-tchip{ display:block; width:100%; text-align:left; margin-top:6px; padding:7px 10px; border:1px solid #bbf7d0; border-radius:8px; background:#fff; font-size:12.5px; cursor:pointer }
.bg-tchip:hover{ border-color:#16a34a }
.bg-handle{ cursor:grab; color:var(--c-text-muted) }
.bg-cm-cell{ max-width:420px; font-size:12.5px; line-height:1.5 }
.bg-who{ border:0; background:transparent; font:inherit; font-weight:700; color:inherit; width:55% }
.bg-key{ display:block; margin:6px 0; padding:8px 10px; border-radius:8px; background:#fff; word-break:break-all; font-size:12px }
.bg-keyinfo{ font-size:12.5px; margin:0 0 10px } .bg-keyacts{ display:flex; gap:8px; flex-wrap:wrap }
.bg-apidoc{ margin-top:12px } .bg-apidoc summary{ cursor:pointer; font-size:12.5px; font-weight:600 }
.bg-apidoc pre{ font-size:11px; background:var(--c-bg); padding:10px; border-radius:8px; white-space:pre-wrap; word-break:break-all; margin:8px 0 }

/* ═════════════ Yazı gövdesi (site + düzenleyici + bayi paneli) ═════════════ */
.bp-content{ font-size:16px; line-height:1.75; color:#262626; word-wrap:break-word }
.bp-content > *:first-child{ margin-top:0 }
.bp-content h2{ font-size:1.45em; font-weight:800; letter-spacing:-.3px; margin:1.6em 0 .5em; scroll-margin-top:80px }
.bp-content h3{ font-size:1.18em; font-weight:700; margin:1.3em 0 .4em; scroll-margin-top:80px }
.bp-content p{ margin:0 0 1em } .bp-content ul, .bp-content ol{ margin:0 0 1em; padding-left:1.4em } .bp-content li{ margin:.25em 0 }
.bp-content a{ color:#1d4ed8; text-decoration:underline; text-underline-offset:2px }
.bp-content blockquote{ margin:1.2em 0; padding:.6em 1.1em; border-left:4px solid #171717; background:#fafafa; border-radius:0 10px 10px 0; color:#404040 }
.bp-content img{ max-width:100%; height:auto; border-radius:12px; margin:.5em 0 }
.bp-content hr{ border:0; border-top:1px solid #e8e8e8; margin:2em 0 }
.bp-content table{ width:100%; border-collapse:collapse; margin:1em 0; font-size:.92em; display:block; overflow-x:auto }
.bp-content th, .bp-content td{ border:1px solid #e8e8e8; padding:8px 10px; text-align:left } .bp-content th{ background:#fafafa }
.bp-content pre{ background:#171717; color:#f5f5f5; padding:14px; border-radius:10px; overflow:auto; font-size:.85em }
.bp-pdf{ display:flex; align-items:center; gap:12px; margin:22px 0; padding:14px 16px; border:1px solid #e8e8e8; border-radius:14px; background:#fff; text-decoration:none; color:inherit }
.bp-pdf:hover{ border-color:#d4d4d4 } .bp-pdf > i:first-child{ font-size:28px; color:#dc2626 } .bp-pdf span{ flex:1; display:flex; flex-direction:column } .bp-pdf small{ color:#737373 }

/* ═════════════ Bayi paneli ═════════════ */
.bpd-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(270px,1fr)); gap:14px }
.bpd-card{ display:flex; flex-direction:column; overflow:hidden; text-decoration:none; color:inherit; margin:0; transition:transform .15s, box-shadow .15s }
.bpd-card:hover{ transform:translateY(-2px); box-shadow:0 12px 24px -16px rgba(0,0,0,.35) }
.bpd-card img, .bpd-ph{ width:100%; aspect-ratio:16/9; object-fit:cover; background:var(--c-bg); display:flex; align-items:center; justify-content:center; font-size:32px; color:var(--c-text-muted) }
.bpd-b{ padding:12px 14px 14px; display:flex; flex-direction:column; gap:6px } .bpd-b h3{ font-size:15px; font-weight:700; margin:0; line-height:1.35 } .bpd-b p{ font-size:12.5px; color:var(--c-text-secondary); margin:0 }
.bpd-meta{ display:flex; flex-wrap:wrap; gap:6px; align-items:center }
.bpd-cover{ width:100%; max-height:360px; object-fit:cover; display:block }
.bpd-lead{ font-size:16px; color:var(--c-text-secondary); margin:12px 0 16px }
.bpd-article .sec-body{ padding:18px 22px 22px }
.bpd-toc{ margin:0; padding:8px 14px 14px 30px; font-size:13px; line-height:1.6 } .bpd-toc .l3{ margin-left:12px; font-size:12.5px }
.bpd-wlist{ list-style:none; margin:0; padding:4px 14px 10px } .bpd-wlist li{ border-bottom:1px solid var(--c-border-light) } .bpd-wlist li:last-child{ border-bottom:0 }
.bpd-wlist a{ display:flex; flex-direction:column; gap:2px; padding:9px 0; text-decoration:none; color:inherit } .bpd-wlist .t{ font-weight:600; font-size:13px; line-height:1.35 }

/* ═════════════ Tanıtım sitesi blogu ═════════════ */
.bp-body{ background:#fafafa }
.bp-wrap{ max-width:var(--s-wrap, 1200px); margin:0 auto; padding:0 20px }
.bp-main{ min-height:60vh }
.lp-links a.bp-cur{ color:var(--s-text, #171717); font-weight:700 }
.bp-hero{ background:#fff; border-bottom:1px solid #e8e8e8; padding:30px 0 22px }
.bp-hero h1{ font-size:clamp(28px, 4vw, 40px); font-weight:800; letter-spacing:-.8px; margin:8px 0 6px }
.bp-lead{ font-size:17px; color:#525252; max-width:720px; margin:0 0 16px; line-height:1.55 }
.bp-crumb{ display:flex; flex-wrap:wrap; align-items:center; gap:6px; font-size:13px; color:#737373 } .bp-crumb a{ color:#525252; text-decoration:none } .bp-crumb a:hover{ color:#171717 } .bp-crumb i{ font-size:10px }
.bp-search{ display:flex; align-items:center; gap:8px; max-width:520px; padding:5px 5px 5px 14px; background:#fafafa; border:1px solid #e8e8e8; border-radius:12px }
.bp-search input{ flex:1; min-width:0; border:0; background:transparent; outline:none; font-size:14px; height:36px }
.bp-search:focus-within{ border-color:#171717 }
.bp-chips{ display:flex; flex-wrap:wrap; gap:8px; margin-top:16px }
.bp-chip{ display:inline-flex; align-items:center; gap:6px; height:32px; padding:0 13px; border:1px solid #e8e8e8; border-radius:99px; background:#fff; color:#404040; font-size:13px; font-weight:600; text-decoration:none }
.bp-chip span{ font-size:11px; color:#a3a3a3 } .bp-chip:hover{ border-color:#d4d4d4 } .bp-chip.on{ background:#171717; color:#fff; border-color:#171717 } .bp-chip.on span{ color:#d4d4d4 }
.bp-list{ padding-top:26px; padding-bottom:30px }
.bp-result{ font-size:14px; color:#525252 }
.bp-hero-post{ display:grid; grid-template-columns:1.2fr 1fr; gap:26px; align-items:center; margin-bottom:28px; background:#fff; border:1px solid #e8e8e8; border-radius:18px; overflow:hidden }
.bp-hero-img{ display:block; height:100%; min-height:260px; background:#f5f5f5 } .bp-hero-img img{ width:100%; height:100%; object-fit:cover; display:block }
.bp-hero-body{ padding:24px 26px 24px 0 } .bp-hero-body h2{ font-size:26px; font-weight:800; letter-spacing:-.5px; margin:8px 0 } .bp-hero-body h2 a{ color:#171717; text-decoration:none }
.bp-hero-body p{ color:#525252; line-height:1.6 }
.bp-more{ font-weight:700; color:#171717; text-decoration:none } .bp-more i{ transition:transform .2s } .bp-more:hover i{ transform:translateX(3px) }
.bp-ph{ display:flex; align-items:center; justify-content:center; width:100%; height:100%; min-height:160px; font-size:36px; color:#d4d4d4; background:linear-gradient(135deg,#f5f5f5,#ececec) }
.bp-meta{ display:flex; flex-wrap:wrap; align-items:center; gap:6px 12px; font-size:12.5px; color:#737373 } .bp-meta a{ color:#737373 }
.bp-cat{ display:inline-flex; padding:2px 9px; border-radius:99px; background:#eff4ff; color:#1d4ed8; font-weight:700; font-size:11.5px }
.bp-lock{ display:inline-flex; gap:4px; align-items:center; padding:2px 9px; border-radius:99px; background:#f5f3ff; color:#6d28d9; font-weight:700; font-size:11.5px }
.bp-grid{ display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:20px }
.bp-card{ display:flex; flex-direction:column; background:#fff; border:1px solid #e8e8e8; border-radius:16px; overflow:hidden; transition:transform .18s, box-shadow .18s }
.bp-card:hover{ transform:translateY(-3px); box-shadow:0 18px 36px -24px rgba(15,23,42,.45) }
.bp-card-img{ display:block; aspect-ratio:16/9; background:#f5f5f5 } .bp-card-img img{ width:100%; height:100%; object-fit:cover; display:block }
.bp-card-b{ padding:14px 16px 16px; display:flex; flex-direction:column; gap:7px; flex:1 }
.bp-card-b h3{ font-size:17px; font-weight:750; margin:0; line-height:1.35; letter-spacing:-.2px } .bp-card-b h3 a{ color:#171717; text-decoration:none } .bp-card-b h3 a:hover{ text-decoration:underline }
.bp-card-b p{ font-size:14px; color:#525252; margin:0; line-height:1.55 } .bp-read{ margin-top:auto; font-size:12px; color:#a3a3a3 }
.bp-empty{ text-align:center; padding:60px 20px; color:#737373 } .bp-empty i{ font-size:40px; color:#d4d4d4 } .bp-empty h2{ font-size:20px; color:#171717; margin:10px 0 6px }
.bp-pager{ display:flex; justify-content:center; align-items:center; gap:14px; margin-top:28px; font-size:14px }
.bp-pager a{ display:inline-flex; align-items:center; gap:6px; height:38px; padding:0 14px; border:1px solid #e8e8e8; border-radius:10px; background:#fff; color:#171717; text-decoration:none; font-weight:600 }
.bp-cta{ display:flex; align-items:center; justify-content:space-between; gap:20px; margin:10px 0 40px; padding:28px 30px; border-radius:20px; background:linear-gradient(135deg,#171717,#262626); color:#fff }
.bp-cta h2{ font-size:22px; font-weight:800; margin:0 0 6px } .bp-cta p{ margin:0; color:#d4d4d4; max-width:620px }
.bp-cta.sm{ margin:28px 0; padding:22px 24px } .bp-cta.sm h2{ font-size:19px }
.bp-preview{ background:#fffbeb; color:#92400e; text-align:center; padding:9px 16px; font-size:13px; border-bottom:1px solid #fde68a }
.bp-post-head{ padding-top:30px; max-width:860px } .bp-post-head h1{ font-size:clamp(28px, 4.2vw, 44px); font-weight:850; letter-spacing:-1px; line-height:1.15; margin:12px 0 10px }
.bp-post-head .bp-meta{ margin-bottom:18px }
.bp-cover{ max-width:1060px; margin:0 auto 26px } .bp-cover img{ width:100%; max-height:520px; object-fit:cover; border-radius:20px; display:block }
.bp-post-grid{ display:grid; grid-template-columns:minmax(0,760px); justify-content:center; gap:40px; padding-bottom:30px }
.bp-post-grid.has-toc{ grid-template-columns:230px minmax(0,760px) }
.bp-toc{ position:sticky; top:80px; align-self:start; font-size:13px; padding:14px 0 }
.bp-toc b{ display:block; font-size:11px; text-transform:uppercase; letter-spacing:.06em; color:#a3a3a3; margin-bottom:8px }
.bp-toc ol{ list-style:none; margin:0; padding:0; border-left:2px solid #e8e8e8 } .bp-toc li a{ display:block; padding:5px 0 5px 12px; margin-left:-2px; border-left:2px solid transparent; color:#525252; text-decoration:none; line-height:1.35 }
.bp-toc li.l3 a{ padding-left:24px; font-size:12.5px } .bp-toc a:hover{ color:#171717 } .bp-toc a.on{ color:#171717; border-left-color:#171717; font-weight:600 }
.bp-pbody{ min-width:0 }
.bp-share{ display:flex; align-items:center; gap:8px; margin:24px 0; font-size:13px; color:#737373 }
.bp-share a, .bp-share button{ width:36px; height:36px; display:inline-flex; align-items:center; justify-content:center; border:1px solid #e8e8e8; border-radius:10px; background:#fff; color:#171717; cursor:pointer; text-decoration:none }
.bp-share a:hover, .bp-share button:hover{ border-color:#171717 }
.bp-locked{ max-width:620px; margin:10px auto 50px; text-align:center; padding:34px 26px; border:1px solid #e8e8e8; border-radius:20px; background:#fff }
.bp-locked .ic{ width:58px; height:58px; margin:0 auto 12px; border-radius:16px; display:grid; place-items:center; background:#f5f3ff; color:#6d28d9; font-size:26px }
.bp-locked h2{ font-size:22px; font-weight:800; margin:0 0 8px } .bp-locked p{ color:#525252 } .bp-locked-act{ display:flex; gap:10px; justify-content:center; flex-wrap:wrap; margin-top:16px }
.bp-comments{ margin-top:34px; padding-top:24px; border-top:1px solid #e8e8e8 } .bp-comments h2{ font-size:20px; font-weight:800; margin:0 0 16px } .bp-comments h2 span{ font-size:14px; color:#a3a3a3 }
.bp-cm{ display:flex; gap:12px; margin-bottom:16px } .bp-cm.reply{ margin:12px 0 0 } .bp-av{ width:36px; height:36px; flex:none; border-radius:50%; display:grid; place-items:center; background:#171717; color:#fff; font-weight:700; font-size:14px }
.bp-av.adm{ background:#16a34a } .bp-cm-b{ flex:1; min-width:0 } .bp-cm-h{ display:flex; flex-wrap:wrap; gap:8px; align-items:center; font-size:13px } .bp-cm-h time{ color:#a3a3a3; font-size:12px }
.bp-cm-b p{ margin:4px 0 0; font-size:14.5px; line-height:1.6; color:#404040 }
.bp-badge{ padding:1px 7px; border-radius:99px; background:#eff4ff; color:#1d4ed8; font-size:10.5px; font-weight:700 } .bp-badge.adm{ background:#ecfdf3; color:#15803d }
.bp-cform{ margin-top:22px; padding:20px; border:1px solid #e8e8e8; border-radius:16px; background:#fff } .bp-cform h3{ font-size:16px; font-weight:800; margin:0 0 12px }
.bp-cform label{ display:flex; flex-direction:column; gap:5px; margin-bottom:12px; font-size:13px; font-weight:600 } .bp-cform label small{ font-weight:400; color:#a3a3a3 }
.bp-cform input, .bp-cform textarea{ border:1px solid #e8e8e8; border-radius:10px; padding:10px 12px; font:inherit; font-weight:400; font-size:14px; outline:none; background:#fafafa }
.bp-cform input:focus, .bp-cform textarea:focus{ border-color:#171717; background:#fff }
.bp-crow{ display:grid; grid-template-columns:1fr 1fr; gap:12px } .bp-cform-f{ display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap } .bp-cform-f small{ color:#737373 }
.bp-hp{ position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden }
.bp-err{ color:#b91c1c; font-size:12px; font-weight:500 } .bp-cm-login, .bp-cm-as{ font-size:14px; color:#525252 }
.bp-related{ padding-bottom:40px } .bp-related h2{ font-size:22px; font-weight:800; margin:10px 0 16px }
.bp-404{ text-align:center; padding:80px 20px } .bp-404-ic{ font-size:48px; color:#d4d4d4 } .bp-404 h1{ font-size:28px; font-weight:800 } .bp-404 p{ color:#525252 }
.bp-foot{ border-top:1px solid #e8e8e8; background:#fff; padding:22px 0; font-size:13px; color:#737373 }
.bp-foot-in{ display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap } .bp-foot nav{ display:flex; gap:16px; flex-wrap:wrap } .bp-foot a{ color:#525252; text-decoration:none } .bp-foot a:hover{ color:#171717 }

@media (max-width:991.98px){
  .bp-grid{ grid-template-columns:repeat(2, minmax(0,1fr)) }
  .bp-hero-post{ grid-template-columns:1fr } .bp-hero-body{ padding:0 20px 22px }
  .bp-post-grid.has-toc{ grid-template-columns:minmax(0,1fr) } .bp-toc{ position:static; border:1px solid #e8e8e8; border-radius:12px; padding:12px 14px; background:#fff }
}
@media (max-width:640px){
  .bp-grid, .bp-grid.three{ grid-template-columns:1fr }
  .bp-cta{ flex-direction:column; align-items:flex-start; padding:22px }
  .bp-crow{ grid-template-columns:1fr }
  .bp-content{ font-size:15.5px }
  .bg-aud{ grid-template-columns:1fr }
  .bg-area{ min-height:300px }
}