/* =====================================================================
   VELKI100 — BLOG listing + single post · broadcast theme (white-on-yellow)
   ---------------------------------------------------------------------
   Loads on /blog/ and single posts after page-broadcast.css. Themes the
   blog-specific classes: chips, featured banner, cards, pagination, and
   the single-post white "paper" article body. Scoped under body.vk-bc.
   ===================================================================== */

body.vk-bc {
    --ink:#0A0A0C; --yellow:#FFC21A; --yellow-2:#FFD24D; --red:#E4121F;
    --card:#fff; --line:rgba(10,10,12,.12); --ink-2:rgba(10,10,12,.72); --ink-3:rgba(10,10,12,.55);
    --bn:'Hind Siliguri', system-ui, sans-serif; --en:'Sora','Inter',system-ui,sans-serif;
}
body.vk-bc .vk-blog,
body.vk-bc .vk-section.vk-blog,
body.vk-bc section.vk-blog { background:transparent !important; }

/* ---- category chips ---- */
body.vk-bc .vk-blog__chip {
    background:rgba(255,255,255,.7) !important; border:1px solid rgba(10,10,12,.2) !important; color:var(--ink) !important;
}
body.vk-bc .vk-blog__chip:hover { background:#fff !important; border-color:var(--ink) !important; color:var(--ink) !important; transform:translateY(-2px); }
body.vk-bc .vk-blog__chip.is-active { background:var(--ink) !important; border-color:var(--ink) !important; color:#fff !important; box-shadow:0 8px 18px -8px rgba(0,0,0,.4) !important; }
body.vk-bc .vk-blog__chip-count { background:var(--yellow) !important; color:var(--ink) !important; }
body.vk-bc .vk-blog__chip.is-active .vk-blog__chip-count { background:var(--yellow) !important; color:var(--ink) !important; }

/* ---- FEATURED banner ---- */
body.vk-bc .vk-bfeat {
    display:grid; grid-template-columns:1.1fr 1fr; gap:0; align-items:stretch;
    max-width:var(--vk-max); margin:0 auto 28px; text-decoration:none;
    background:#fff; border:1px solid var(--line); border-radius:22px; overflow:hidden;
    box-shadow:0 26px 56px rgba(0,0,0,.14);
    transition:transform .3s, box-shadow .3s;
}
body.vk-bc .vk-bfeat:hover { transform:translateY(-4px); box-shadow:0 36px 70px rgba(0,0,0,.2); }
body.vk-bc .vk-bfeat__media { position:relative; min-height:300px; overflow:hidden; background:linear-gradient(160deg,#FFE9A8,#F5A700); }
body.vk-bc .vk-bfeat__media img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .6s ease; }
body.vk-bc .vk-bfeat:hover .vk-bfeat__media img { transform:scale(1.05); }
body.vk-bc .vk-bfeat__ph { position:absolute; inset:0; display:grid; place-items:center; color:rgba(10,10,12,.35); }
body.vk-bc .vk-bfeat__cat {
    position:absolute; top:14px; left:14px; z-index:2; padding:5px 12px; border-radius:999px;
    background:var(--ink); color:var(--yellow); font-family:var(--en); font-size:10px; font-weight:800; letter-spacing:.16em; text-transform:uppercase;
}
body.vk-bc .vk-bfeat__body { padding:34px 34px 30px; display:flex; flex-direction:column; justify-content:center; }
body.vk-bc .vk-bfeat__tag {
    display:inline-flex; align-items:center; gap:6px; align-self:flex-start; margin-bottom:14px;
    padding:6px 13px; border-radius:999px; background:rgba(228,18,31,.1); border:1px solid rgba(228,18,31,.3);
    color:var(--red); font-family:var(--bn); font-size:11.5px; font-weight:800; letter-spacing:.04em;
}
body.vk-bc .vk-bfeat__meta { display:flex; align-items:center; gap:8px; font-family:var(--bn); font-size:12.5px; color:var(--ink-3); margin-bottom:12px; }
body.vk-bc .vk-bfeat__title { font-family:var(--bn); font-weight:800; color:var(--ink); font-size:clamp(22px,2.6vw,32px); line-height:1.25; margin:0 0 12px; }
body.vk-bc .vk-bfeat__excerpt { font-family:var(--bn); font-size:15px; line-height:1.7; color:var(--ink-2); margin:0 0 20px; }
body.vk-bc .vk-bfeat__go {
    display:inline-flex; align-items:center; gap:8px; align-self:flex-start;
    padding:13px 22px; border-radius:8px; background:var(--ink); color:#fff;
    font-family:var(--bn); font-weight:800; font-size:14px; box-shadow:0 16px 30px rgba(0,0,0,.22);
    transition:transform .2s;
}
body.vk-bc .vk-bfeat:hover .vk-bfeat__go { transform:translateY(-2px); }

/* ---- blog cards → white ---- */
body.vk-bc .vk-blog__card {
    background:#fff !important; border:1px solid var(--line) !important;
    box-shadow:0 16px 40px rgba(0,0,0,.1) !important;
}
body.vk-bc .vk-blog__card:hover { transform:translateY(-5px); border-color:rgba(10,10,12,.22) !important; box-shadow:0 30px 60px rgba(0,0,0,.18) !important; }
body.vk-bc .vk-blog__cover { background:linear-gradient(160deg,#FFE9A8,#F5A700) !important; }
body.vk-bc .vk-blog__cover-fallback { background:transparent !important; color:rgba(10,10,12,.4) !important; opacity:1 !important; }
body.vk-bc .vk-blog__cover-fallback::after { display:none !important; }
body.vk-bc .vk-blog__cat { background:var(--ink) !important; border:0 !important; color:var(--yellow) !important; -webkit-backdrop-filter:none !important; backdrop-filter:none !important; }
body.vk-bc .vk-blog__meta { color:var(--ink-3) !important; }
body.vk-bc .vk-blog__title { color:var(--ink) !important; }
body.vk-bc .vk-blog__card:hover .vk-blog__title { color:var(--ink) !important; }
body.vk-bc .vk-blog__excerpt { color:var(--ink-2) !important; }
body.vk-bc .vk-blog__cta {
    background:rgba(10,10,12,.05) !important; border:1px solid var(--line) !important; color:var(--ink) !important;
}
body.vk-bc .vk-blog__card:hover .vk-blog__cta { background:var(--ink) !important; color:#fff !important; border-color:transparent !important; }

/* ---- load more ---- */
body.vk-bc .vk-blog__more-wrap { max-width:var(--vk-max); margin:32px auto 0; display:flex; justify-content:center; }
body.vk-bc .vk-blog__more {
    display:inline-flex; align-items:center; gap:10px; cursor:pointer;
    padding:15px 30px; border-radius:10px; border:0;
    background:var(--ink); color:#fff;
    font-family:var(--bn); font-weight:800; font-size:15px;
    box-shadow:0 16px 34px rgba(0,0,0,.26);
    transition:transform .2s, box-shadow .2s;
}
body.vk-bc .vk-blog__more:hover { transform:translateY(-2px); box-shadow:0 22px 42px rgba(0,0,0,.32); }
body.vk-bc .vk-blog__more-ic { color:var(--yellow); transition:transform .2s; }
body.vk-bc .vk-blog__more:hover .vk-blog__more-ic { transform:translateY(3px); }
body.vk-bc .vk-blog__more-spin {
    display:none; width:18px; height:18px; border-radius:50%;
    border:2px solid rgba(255,255,255,.35); border-top-color:var(--yellow);
    animation:vk-blog-spin .7s linear infinite;
}
@keyframes vk-blog-spin { to { transform:rotate(360deg); } }
body.vk-bc .vk-blog__more.is-loading { pointer-events:none; opacity:.85; }
body.vk-bc .vk-blog__more.is-loading .vk-blog__more-ic { display:none; }
body.vk-bc .vk-blog__more.is-loading .vk-blog__more-spin { display:inline-block; }

/* ---- pagination ---- */
body.vk-bc .vk-blog__pagination .page-numbers {
    background:#fff !important; border:1px solid var(--line) !important; color:var(--ink) !important;
}
body.vk-bc .vk-blog__pagination .page-numbers:hover { border-color:var(--ink) !important; background:#fff !important; color:var(--ink) !important; }
body.vk-bc .vk-blog__pagination .page-numbers.current { background:var(--ink) !important; border-color:var(--ink) !important; color:#fff !important; }

/* =====================================================================
   SINGLE POST
   ===================================================================== */
body.vk-bc .vk-post__hero { border-bottom:2px solid var(--ink) !important; }
body.vk-bc .vk-post__title { color:var(--ink) !important; }
/* meta pills → white */
body.vk-bc .vk-post__meta li { background:#fff !important; border:1px solid var(--line) !important; }
body.vk-bc .vk-post__meta-icon { color:var(--red) !important; }
body.vk-bc .vk-post__meta-lbl { color:var(--ink-3) !important; }
body.vk-bc .vk-post__meta-val { color:var(--ink) !important; }
/* cover */
body.vk-bc .vk-post__cover img { border:1px solid rgba(10,10,12,.18) !important; }
body.vk-bc .vk-post__cover-glow { display:none !important; }

/* body layout → transparent wrap, white paper article */
body.vk-bc .vk-post__body-wrap { background:transparent !important; }
body.vk-bc .vk-post__body {
    max-width:820px !important; color:var(--ink-2) !important;
    background:#fff !important; border:1px solid var(--line) !important; border-radius:20px !important;
    padding:38px clamp(22px,4vw,46px) !important;
    box-shadow:0 24px 56px rgba(0,0,0,.12) !important;
}
body.vk-bc .vk-post__body h1,
body.vk-bc .vk-post__body h2,
body.vk-bc .vk-post__body h3,
body.vk-bc .vk-post__body h4,
body.vk-bc .vk-post__body h5,
body.vk-bc .vk-post__body h6 { color:var(--ink) !important; }
body.vk-bc .vk-post__body h2::before,
body.vk-bc .vk-post__body h3::before { background:var(--red) !important; }
body.vk-bc .vk-post__body a { color:var(--red) !important; text-decoration-color:rgba(228,18,31,.4) !important; }
body.vk-bc .vk-post__body a:hover { color:var(--red) !important; }
body.vk-bc .vk-post__body strong,
body.vk-bc .vk-post__body b { color:var(--ink) !important; }
body.vk-bc .vk-post__body blockquote {
    background:rgba(255,194,26,.12) !important; border-left:4px solid var(--yellow) !important; color:var(--ink) !important;
}
body.vk-bc .vk-post__body ul li::marker { color:var(--red) !important; }
body.vk-bc .vk-post__body code { background:rgba(10,10,12,.06) !important; color:var(--ink) !important; }
body.vk-bc .vk-post__body pre { background:var(--ink) !important; color:#fff !important; }
body.vk-bc .vk-post__body pre code { color:#fff !important; background:transparent !important; }
body.vk-bc .vk-post__body th { background:rgba(10,10,12,.05) !important; color:var(--ink) !important; }
body.vk-bc .vk-post__body td,
body.vk-bc .vk-post__body th { border-color:var(--line) !important; }

/* share rail → white buttons */
body.vk-bc .vk-post__share-label { color:var(--ink-3) !important; }
body.vk-bc .vk-post__share-btn { background:#fff !important; border:1px solid var(--line) !important; color:var(--ink) !important; box-shadow:0 8px 18px rgba(0,0,0,.08); }
body.vk-bc .vk-post__share-btn:hover { border-color:var(--ink) !important; color:var(--ink) !important; }
body.vk-bc .vk-post__share-btn--fb:hover { color:#1877F2 !important; border-color:#1877F2 !important; }
body.vk-bc .vk-post__share-btn--wa:hover { color:#128C44 !important; border-color:#25D366 !important; }

/* inline share bar at article end */
body.vk-bc .vk-post__share-bar { border-top:1px solid var(--line) !important; }
body.vk-bc .vk-post__share-text { color:var(--ink-2) !important; }
body.vk-bc .vk-post__share-buttons .vk-btn--whatsapp { background:var(--ink) !important; color:#fff !important; }
body.vk-bc .vk-post__share-buttons .vk-btn--whatsapp svg { color:#25D366 !important; }
body.vk-bc .vk-post__share-buttons .vk-btn--ghost { background:#fff !important; color:var(--ink) !important; border:1px solid var(--line) !important; }
body.vk-bc .vk-post__share-buttons .vk-btn--ghost:hover { border-color:var(--ink) !important; background:rgba(10,10,12,.05) !important; }

/* ---- responsive ---- */
@media (max-width:820px) {
    body.vk-bc .vk-bfeat { grid-template-columns:1fr; }
    body.vk-bc .vk-bfeat__media { min-height:200px; aspect-ratio:16/9; }
}
@media (max-width:680px) {
    body.vk-bc .vk-post__body { padding:24px 20px !important; }
}