/* =====================================================================
   VELKI100 — BROADCAST PAGE CHROME (shared)
   ---------------------------------------------------------------------
   Makes a converted inner page follow the HOME page's "yellow broadcast"
   look: one continuous yellow canvas, a light/yellow header with the dark
   logo, ink nav + black support pill. Mirrors the body.vk-home rules from
   velki100-broadcast.css, scoped under body.vk-bc so it only affects
   pages opted in via vk_is_broadcast_page(). Page-specific cards/sections
   live in each page's own stylesheet (loaded after this).
   ===================================================================== */

body.vk-bc {
    --v100-ink:    #0A0A0C;
    --v100-ink-2:  #131218;
    --v100-yellow: #FFC21A;
    --v100-yellow-2:#FFD24D;
    --v100-red:    #E4121F;
    --v100-red-2:  #FF2A38;
    --v100-on-y:   #0A0A0C;
    --v100-mono:   'Sora', 'Inter', ui-monospace, monospace;
    --v100-disp:   'Sora', 'Inter', system-ui, sans-serif;
    --v100-bn:     'Hind Siliguri', system-ui, sans-serif;
}

/* ---- soft cream canvas (agent9w-style: gold top fade → cream base) ---- */
body.vk-bc {
    background-color:#FFF1CD !important;
    background-image:linear-gradient(180deg,#FDBE23 0%,#FCE4A0 40%,rgba(255,241,205,0) 72%) !important;
    background-repeat:no-repeat !important;
    background-position:top center !important;
    background-size:100% 640px !important;
    background-attachment:scroll !important;
}
/* Ink text scoped to the page content only — NOT the header/footer (they
   sit outside #vk-main and keep their own dark-theme colours). */
body.vk-bc #vk-main { background:transparent !important; color:var(--v100-ink); }

/* ---- HEADER → yellow bar, dark logo, ink nav (mirror of home) ---- */
body.vk-bc .nw-header {
    background:#FBC21A !important;
    -webkit-backdrop-filter:none !important; backdrop-filter:none !important;
    border-bottom:2px solid #0A0A0C !important;
}
body.vk-bc .nw-header.is-scrolled {
    background:#F7BC10 !important;
    border-bottom-color:#0A0A0C !important;
    box-shadow:0 10px 26px rgba(0,0,0,.18) !important;
}
body.vk-bc .nw-brand::before { display:none !important; }
body.vk-bc .nw-brand:hover img { filter:drop-shadow(0 4px 12px rgba(0,0,0,.25)) !important; }

body.vk-bc .nw-nav__link { color:#0A0A0C !important; font-weight:700; }
body.vk-bc .nw-nav__link:hover,
body.vk-bc .nw-nav__item.is-active > .nw-nav__link { color:var(--v100-red) !important; }
body.vk-bc .nw-nav__link::after { background:var(--v100-red) !important; }
/* dropdown submenu stays readable */
body.vk-bc .nw-nav__sub { background:#fff !important; border-color:rgba(10,10,12,.12) !important; }
body.vk-bc .nw-nav__sub-link { color:#0A0A0C !important; }
body.vk-bc .nw-nav__sub-link:hover { background:rgba(10,10,12,.06) !important; color:var(--v100-red) !important; }

body.vk-bc .nw-icon-btn { color:#0A0A0C !important; border-color:rgba(10,10,12,.28) !important; }
body.vk-bc .nw-icon-btn:hover { background:rgba(10,10,12,.1) !important; border-color:#0A0A0C !important; color:#0A0A0C !important; }

body.vk-bc .nw-bar__rule { background:linear-gradient(90deg,transparent,rgba(10,10,12,.35),transparent) !important; }
body.vk-bc .nw-burger span { background:#0A0A0C !important; }

/* support CTA pill → WhatsApp green (WhatsApp support button) */
body.vk-bc .nw-cta {
    background:linear-gradient(135deg,#25D366 0%,#1EBE57 55%,#128C7E 100%) !important; color:#fff !important;
    box-shadow:0 10px 22px rgba(37,211,102,.3) !important;
}
body.vk-bc .nw-cta:hover { box-shadow:0 14px 28px rgba(37,211,102,.42) !important; }
body.vk-bc .nw-cta__txt,
body.vk-bc .nw-cta__txt b { color:#fff !important; }
body.vk-bc .nw-cta__txt small { color:rgba(255,255,255,.8) !important; }
body.vk-bc .nw-cta__icon { background:rgba(255,255,255,.18) !important; color:#fff !important; }

/* search panel sits on yellow — keep it light */
body.vk-bc .nw-search .search-box { background:#fff !important; border-color:rgba(10,10,12,.18) !important; }
body.vk-bc .nw-search .search-field { color:#0A0A0C !important; }

/* =====================================================================
   SHARED COMPONENT OVERRIDES — re-theme the common inner-page section
   classes (used by the support / onboarding / agent-list templates)
   from dark-luxe to white-on-yellow. Scoped body.vk-bc + !important to
   beat stadium-night.css. Loaded on every broadcast page; the page's own
   dark stylesheet is suppressed (see functions.php).
   ===================================================================== */
body.vk-bc {
    --bc-card:#ffffff;
    --bc-line:rgba(10,10,12,.12);
    --bc-ink-2:rgba(10,10,12,.72);
    --bc-ink-3:rgba(10,10,12,.55);
    --bc-bn:'Hind Siliguri', system-ui, sans-serif;
    --bc-en:'Sora','Inter',system-ui,sans-serif;
}

/* section canvases → transparent so the yellow shows through */
body.vk-bc .vk-pagehero,
body.vk-bc .vk-section,
body.vk-bc .vk-how,
body.vk-bc .vk-agents,
body.vk-bc .vk-contact,
body.vk-bc .vk-pagelist,
body.vk-bc .vk-pagefeatures { background:transparent !important; }

/* ---- HERO ---- */
body.vk-bc .vk-pagehero {
    position:relative !important;
    overflow:hidden !important;
    border-bottom:2px solid var(--v100-ink) !important;
    padding:30px var(--vk-pad) 44px !important;
}
/* giant faint "VELKI100" watermark behind the hero (matches home) */
body.vk-bc .vk-pagehero::before {
    content:"VELKI100" !important;
    display:block !important;
    position:absolute !important;
    left:50% !important; top:50% !important; right:auto !important; bottom:auto !important;
    transform:translate(-50%, -50%) !important;
    width:auto !important; height:auto !important;
    font-family:var(--v100-disp) !important;
    font-weight:800 !important;
    font-size:clamp(84px, 21vw, 360px) !important;
    letter-spacing:-.05em !important;
    line-height:1 !important;
    color:rgba(10,10,12,.05) !important;
    background:none !important;
    white-space:nowrap !important;
    pointer-events:none !important;
    user-select:none !important;
    z-index:0 !important;
    opacity:1 !important;
}
body.vk-bc .vk-pagehero::after { display:none !important; }
body.vk-bc .vk-pagehero__bg { display:none !important; }
body.vk-bc .vk-pagehero__inner { position:relative; z-index:1; }
body.vk-bc .vk-breadcrumb a { color:rgba(10,10,12,.7) !important; }
body.vk-bc .vk-breadcrumb a:hover { color:var(--v100-red) !important; }
body.vk-bc .vk-breadcrumb span { color:var(--bc-ink-3) !important; }
body.vk-bc .vk-pagehero .vk-eyebrow,
body.vk-bc .vk-pagehero .vk-eyebrow--shield,
body.vk-bc .vk-section__head .vk-eyebrow {
    background:rgba(10,10,12,.06) !important;
    border:1px solid rgba(10,10,12,.2) !important;
    color:var(--v100-ink) !important;
}
body.vk-bc .vk-pagehero .vk-eyebrow svg,
body.vk-bc .vk-section__head .vk-eyebrow svg { color:var(--v100-red) !important; }
body.vk-bc .vk-pagehero__title { color:var(--v100-ink) !important; }
body.vk-bc .vk-pagehero__title em,
body.vk-bc .vk-section__head .vk-h2 em {
    background:none !important; -webkit-text-fill-color:var(--v100-red) !important;
    color:var(--v100-red) !important; position:relative; font-weight:800 !important;
}
body.vk-bc .vk-pagehero__title em::after,
body.vk-bc .vk-section__head .vk-h2 em::after {
    content:""; position:absolute; left:.04em; right:.04em; bottom:.04em; height:.1em;
    background:var(--v100-red); border-radius:2px;
}
body.vk-bc .vk-pagehero__lead,
body.vk-bc .vk-pagehero .vk-lead { color:rgba(10,10,12,.82) !important; }
body.vk-bc .vk-section__head .vk-h2 { color:var(--v100-ink) !important; }
body.vk-bc .vk-section__head .vk-lead { color:var(--bc-ink-2) !important; }
/* re-enable strips the base theme hides with !important */
body.vk-bc .vk-pagehero__stats { display:flex !important; flex-wrap:wrap; justify-content:center; }
body.vk-bc .vk-pagelist .vk-section__head,
body.vk-bc .vk-pagefeatures .vk-section__head { display:block !important; }
/* hero stat strip → white cards */
body.vk-bc .vk-pagehero__stats { border:0 !important; gap:10px !important; }
body.vk-bc .vk-pagehero__stats li {
    border:1px solid var(--bc-line) !important; border-radius:14px !important;
    background:#fff !important; box-shadow:0 12px 26px rgba(0,0,0,.1) !important; padding:13px 14px !important;
}
body.vk-bc .vk-pagehero__stat-num { background:none !important; -webkit-text-fill-color:var(--v100-ink) !important; color:var(--v100-ink) !important; }
body.vk-bc .vk-pagehero__stat-lbl { color:var(--bc-ink-3) !important; }
body.vk-bc .vk-pagehero__assure li {
    background:rgba(255,255,255,.55) !important; border:1px solid rgba(10,10,12,.16) !important; color:var(--v100-ink) !important;
}
body.vk-bc .vk-pagehero__assure li svg { color:var(--v100-red) !important; }

/* ---- BUTTONS ---- */
body.vk-bc .vk-btn--primary {
    background:var(--v100-ink) !important; color:#fff !important;
    box-shadow:0 16px 34px rgba(0,0,0,.26) !important; border-color:transparent !important;
}
body.vk-bc .vk-btn--primary span { color:#fff !important; }
body.vk-bc .vk-btn--primary svg { color:var(--v100-yellow) !important; }
body.vk-bc .vk-btn--primary:hover { transform:translateY(-2px); box-shadow:0 22px 42px rgba(0,0,0,.32) !important; }
body.vk-bc .vk-btn--whatsapp {
    background:linear-gradient(135deg,#25D366 0%,#1EBE57 55%,#128C7E 100%) !important; color:#fff !important; border-color:transparent !important;
    box-shadow:0 16px 34px rgba(37,211,102,.3) !important;
}
body.vk-bc .vk-btn--whatsapp span { color:#fff !important; }
body.vk-bc .vk-btn--whatsapp svg { color:#fff !important; }
body.vk-bc .vk-btn--ghost { background:transparent !important; color:var(--v100-ink) !important; border:2px solid rgba(10,10,12,.32) !important; }
body.vk-bc .vk-btn--ghost:hover { background:rgba(10,10,12,.06) !important; border-color:var(--v100-ink) !important; color:var(--v100-ink) !important; }

/* ---- AGENT CARDS (shortcode) → white card ---- */
/* Center the grid so a partial last row sits centered (not left-aligned). */
body.vk-bc .velki-agent-list-container {
    display:flex !important;
    flex-wrap:wrap !important;
    justify-content:center !important;
    gap:14px !important;
}
body.vk-bc .velki-agent-list-container .velki-agent-card {
    flex:1 1 300px !important;
    max-width:340px !important;
}
@media (max-width:560px) {
    body.vk-bc .velki-agent-list-container .velki-agent-card { flex-basis:100% !important; max-width:none !important; }
}
body.vk-bc .velki-agent-card {
    background:#fff !important;
    border:1px solid var(--bc-line) !important;
    box-shadow:0 16px 38px rgba(0,0,0,.12) !important;
}
body.vk-bc .velki-agent-card::before { color:rgba(10,10,12,.05) !important; -webkit-text-stroke:1px rgba(10,10,12,.05) !important; background:none !important; }
body.vk-bc .velki-agent-card::after { display:none !important; }
body.vk-bc:not(.modal-open) .velki-agent-card:hover {
    transform:translateY(-4px) !important;
    box-shadow:0 28px 56px rgba(0,0,0,.18) !important; border-color:rgba(10,10,12,.2) !important;
}
body.vk-bc .velki-agent-card .agent-main-section::before,
body.vk-bc .velki-agent-card .agent-main-section::after { display:none !important; }
body.vk-bc .velki-agent-card .agent-photo-wrapper { background:linear-gradient(135deg,#FFD24D,#F5A700) !important; }
body.vk-bc .velki-agent-card .agent-photo,
body.vk-bc .velki-agent-card .agent-photo-placeholder { box-shadow:inset 0 0 0 2px #fff !important; }
body.vk-bc .velki-agent-card .agent-name {
    background:none !important; -webkit-text-fill-color:var(--v100-ink) !important; color:var(--v100-ink) !important; text-shadow:none !important;
}
body.vk-bc .velki-agent-card .agent-group {
    background:rgba(10,10,12,.06) !important; border:1px solid rgba(10,10,12,.16) !important; color:var(--v100-ink) !important;
}
body.vk-bc .velki-agent-card .agent-id-section { background:rgba(10,10,12,.04) !important; border:1px solid rgba(10,10,12,.12) !important; }
body.vk-bc .velki-agent-card .agent-id-label { color:var(--bc-ink-3) !important; }
body.vk-bc .velki-agent-card .agent-id-value { color:var(--v100-ink) !important; }
body.vk-bc .velki-agent-card .agent-contact-toggle {
    background:var(--v100-ink) !important; border:1px solid var(--v100-ink) !important; color:var(--v100-yellow) !important;
}
body.vk-bc .velki-agent-card .agent-contact-toggle:hover,
body.vk-bc .velki-agent-card .agent-contact-toggle.active { background:var(--v100-yellow) !important; color:var(--v100-ink) !important; border-color:var(--v100-yellow) !important; }

/* ---- SEARCH RESULTS (search.php) → group heads + pagination on yellow ---- */
body.vk-bc .vk-search__group-head { border-bottom:1px solid rgba(10,10,12,.18) !important; }
body.vk-bc .vk-search__group-icon {
    background:var(--v100-ink) !important; color:var(--v100-yellow) !important;
}
body.vk-bc .vk-search__group-title { color:var(--v100-ink) !important; }
body.vk-bc .vk-search__group-count {
    background:#fff !important; border:1px solid var(--bc-line) !important; color:var(--v100-ink) !important;
}

body.vk-bc .vk-search__pagination .page-numbers,
body.vk-bc .vk-blog__pagination .page-numbers {
    background:#fff !important; border:1px solid var(--bc-line) !important; color:var(--v100-ink) !important;
}
body.vk-bc .vk-search__pagination .page-numbers:hover,
body.vk-bc .vk-blog__pagination .page-numbers:hover {
    border-color:var(--v100-ink) !important; background:#fff !important; color:var(--v100-ink) !important;
}
body.vk-bc .vk-search__pagination .page-numbers.current,
body.vk-bc .vk-blog__pagination .page-numbers.current {
    background:var(--v100-ink) !important; border-color:var(--v100-ink) !important; color:#fff !important; box-shadow:none !important;
}
body.vk-bc .vk-search__pagination .page-numbers.dots {
    background:transparent !important; border-color:transparent !important; color:var(--bc-ink-3) !important;
}

/* ---- SEARCH EMPTY STATE → readable on yellow ---- */
body.vk-bc .vk-search__empty-icon { background:var(--v100-ink) !important; color:var(--v100-yellow) !important; }
body.vk-bc .vk-search__empty-title { color:var(--v100-ink) !important; }
body.vk-bc .vk-search__empty-text { color:var(--bc-ink-2) !important; }
body.vk-bc .vk-search__empty-label { color:var(--bc-ink-3) !important; }
body.vk-bc .vk-search__empty-chip {
    background:#fff !important; border:1px solid var(--bc-line) !important; color:var(--v100-ink) !important;
}
body.vk-bc .vk-search__empty-chip:hover { border-color:var(--v100-ink) !important; color:var(--v100-red) !important; }

/* ---- SEARCH "redo" box (search.php hero) → premium white pill ---- */
body.vk-bc .vk-search-redo {
    max-width:640px !important;
    width:100%;
    gap:10px !important;
    margin:18px auto 0 !important;
    padding:7px 7px 7px 22px !important;
    background:#fff !important;
    border:1px solid var(--bc-line) !important;
    border-radius:999px !important;
    box-shadow:0 20px 46px -22px rgba(10,10,12,.5), inset 0 1px 0 rgba(255,255,255,.7) !important;
    transition:border-color .25s ease, box-shadow .25s ease, transform .25s ease !important;
}
body.vk-bc .vk-search-redo:focus-within {
    border-color:var(--v100-red) !important;
    box-shadow:0 24px 56px -22px rgba(228,18,31,.42), 0 0 0 3px rgba(228,18,31,.12) !important;
    transform:translateY(-1px) !important;
}
body.vk-bc .vk-search-redo svg { color:var(--v100-red) !important; flex-shrink:0; }
body.vk-bc .vk-search-redo input {
    flex:1; min-width:0;
    background:transparent !important; border:0 !important; outline:0 !important;
    color:var(--v100-ink) !important;
    font-family:var(--bc-bn) !important;
    font-size:15px !important; font-weight:600 !important;
}
body.vk-bc .vk-search-redo input::placeholder { color:var(--bc-ink-3) !important; font-weight:500 !important; }
body.vk-bc .vk-search-redo input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance:none; appearance:none;
    width:16px; height:16px; cursor:pointer;
    background:var(--bc-ink-3);
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M18.3 5.71 12 12.01l-6.3-6.3-1.4 1.4 6.29 6.3-6.3 6.3 1.41 1.4 6.3-6.29 6.3 6.3 1.4-1.41-6.29-6.3 6.3-6.3z'/%3E%3C/svg%3E") center/contain no-repeat;
            mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M18.3 5.71 12 12.01l-6.3-6.3-1.4 1.4 6.29 6.3-6.3 6.3 1.41 1.4 6.3-6.29 6.3 6.3 1.4-1.41-6.29-6.3 6.3-6.3z'/%3E%3C/svg%3E") center/contain no-repeat;
}
/* submit → premium ink pill, brand-red on hover */
body.vk-bc .vk-search-redo .vk-btn--primary {
    flex-shrink:0 !important;
    height:46px !important;
    padding:0 28px !important;
    border-radius:999px !important;
    background:var(--v100-ink) !important;
    border:0 !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    font-family:var(--bc-bn) !important;
    font-weight:800 !important;
    letter-spacing:.02em !important;
    box-shadow:0 12px 24px -10px rgba(10,10,12,.6) !important;
    transition:background .2s ease, transform .2s ease, box-shadow .2s ease !important;
}
body.vk-bc .vk-search-redo .vk-btn--primary::before { display:none !important; }
body.vk-bc .vk-search-redo .vk-btn--primary:hover {
    background:var(--v100-red) !important;
    transform:translateY(-1px) !important;
    box-shadow:0 16px 30px -10px rgba(228,18,31,.55) !important;
}
@media (max-width:480px){
    body.vk-bc .vk-search-redo { padding-left:16px !important; gap:6px !important; }
    body.vk-bc .vk-search-redo input { font-size:14px !important; }
    body.vk-bc .vk-search-redo .vk-btn--primary { height:42px !important; padding:0 18px !important; }
}

/* ---- ROUTE CARDS (.vk-card--agent, onboarding) → white card ---- */
body.vk-bc .vk-grad--aurora { --acc:#0E9F8E; --acc-rgb:14,159,142; }
body.vk-bc .vk-grad--gold   { --acc:#E08600; --acc-rgb:224,134,0; }
body.vk-bc .vk-grad--royal  { --acc:#7C3AED; --acc-rgb:124,58,237; }
body.vk-bc .vk-grad--cyan   { --acc:#0E8FC0; --acc-rgb:14,143,192; }
body.vk-bc .vk-card--agent {
    background:#fff !important; border:1px solid var(--bc-line) !important;
    box-shadow:0 18px 40px rgba(0,0,0,.1), inset 0 3px 0 var(--acc, #E08600) !important;
}
body.vk-bc .vk-card--agent:hover { border-color:rgba(var(--acc-rgb,224,134,0),.5) !important; box-shadow:0 30px 60px rgba(0,0,0,.18), inset 0 3px 0 var(--acc) !important; }
body.vk-bc .vk-card__top .vk-card__icon,
body.vk-bc .vk-card--agent .vk-card__icon {
    background:linear-gradient(160deg, var(--acc), color-mix(in srgb, var(--acc) 65%, #000)) !important;
    border:0 !important; color:#fff !important;
}
body.vk-bc .vk-card--agent .vk-card__badge { background:rgba(var(--acc-rgb),.12) !important; border:1px solid rgba(var(--acc-rgb),.32) !important; color:color-mix(in srgb,var(--acc) 78%,#000) !important; }
body.vk-bc .vk-card--agent .vk-card__title { color:var(--v100-ink) !important; }
body.vk-bc .vk-card--agent .vk-card__sub { color:color-mix(in srgb,var(--acc) 75%,#000) !important; }
body.vk-bc .vk-card--agent .vk-card__desc { color:var(--bc-ink-2) !important; }
body.vk-bc .vk-card--agent .vk-card__meta { background:rgba(10,10,12,.05) !important; border:1px solid rgba(10,10,12,.12) !important; color:var(--v100-ink) !important; }
body.vk-bc .vk-card--agent .vk-card__cta {
    width:100%; justify-content:center;
    background:var(--v100-ink) !important; border:1px solid var(--v100-ink) !important; color:#fff !important;
}
body.vk-bc .vk-card--agent:hover .vk-card__cta { background:var(--acc) !important; border-color:transparent !important; color:#fff !important; }

/* ---- STEPS (onboarding) → white cards ---- */
body.vk-bc .vk-step {
    background:#fff !important; border:1px solid var(--bc-line) !important; box-shadow:0 18px 40px rgba(0,0,0,.1) !important;
}
body.vk-bc .vk-step:hover { border-color:rgba(10,10,12,.2) !important; box-shadow:0 28px 56px rgba(0,0,0,.16) !important; }
body.vk-bc .vk-step__icon {
    background:var(--v100-ink) !important; border:0 !important; color:var(--v100-yellow) !important; border-radius:16px !important;
}
body.vk-bc .vk-step__num {
    background:var(--v100-yellow) !important; color:var(--v100-ink) !important; border:2px solid #fff !important;
    -webkit-text-fill-color:var(--v100-ink) !important;
}
body.vk-bc .vk-step__title { color:var(--v100-ink) !important; }
body.vk-bc .vk-step__desc { color:var(--bc-ink-2) !important; }
body.vk-bc .vk-steps::before { background:repeating-linear-gradient(90deg, rgba(10,10,12,.4) 0 9px, transparent 9px 18px) !important; }

/* ---- CONTACT CHANNEL CARDS (support) → white cards w/ channel accent ---- */
body.vk-bc .vk-contact__card {
    background:#fff !important; border:1px solid var(--bc-line) !important;
    box-shadow:0 18px 40px rgba(0,0,0,.1), inset 0 3px 0 var(--ch-color, #E08600) !important;
}
body.vk-bc .vk-contact__card:hover { border-color:var(--ch-border, rgba(10,10,12,.2)) !important; box-shadow:0 30px 60px rgba(0,0,0,.18), inset 0 3px 0 var(--ch-color) !important; }
body.vk-bc .vk-contact__card h3 { color:var(--v100-ink) !important; }
body.vk-bc .vk-contact__detail { color:color-mix(in srgb, var(--ch-color,#E08600) 72%, #000) !important; }
body.vk-bc .vk-contact__sub { color:var(--bc-ink-3) !important; }
body.vk-bc .vk-contact__online { background:rgba(14,159,93,.12) !important; border-color:rgba(14,159,93,.32) !important; color:#0A7A3C !important; }
body.vk-bc .vk-contact__online--off { background:rgba(10,10,12,.05) !important; border-color:rgba(10,10,12,.14) !important; color:var(--bc-ink-3) !important; }
body.vk-bc .vk-contact__cta {
    width:100%; justify-content:center;
    background:var(--v100-ink) !important; border:1px solid var(--v100-ink) !important; color:#fff !important;
}
body.vk-bc .vk-contact__card:hover .vk-contact__cta { background:var(--ch-color) !important; border-color:transparent !important; color:#fff !important; }
body.vk-bc .vk-contact__link { background:rgba(10,10,12,.05) !important; border:1px solid rgba(10,10,12,.14) !important; color:var(--v100-ink) !important; }
body.vk-bc .vk-contact__link:hover { background:var(--v100-ink) !important; color:#fff !important; border-color:transparent !important; }
body.vk-bc .vk-contact__bar { background:#fff !important; border:1px solid var(--bc-line) !important; box-shadow:0 14px 34px rgba(0,0,0,.1) !important; }
body.vk-bc .vk-contact__bar-item { color:var(--bc-ink-2) !important; }
body.vk-bc .vk-contact__bar-item strong { color:var(--v100-ink) !important; }
body.vk-bc .vk-contact__bar-item svg { color:var(--v100-red) !important; }

/* ---- FEATURE / TRUST CARDS → white ---- */
body.vk-bc .vk-pagefeature {
    background:#fff !important; border:1px solid var(--bc-line) !important; box-shadow:0 18px 40px rgba(0,0,0,.1) !important;
}
body.vk-bc .vk-pagefeature::after { display:none !important; }
body.vk-bc .vk-pagefeature:hover { border-color:rgba(10,10,12,.2) !important; box-shadow:0 28px 56px rgba(0,0,0,.16) !important; }
body.vk-bc .vk-pagefeature__icon { background:var(--v100-ink) !important; border:0 !important; color:var(--v100-yellow) !important; }
body.vk-bc .vk-pagefeature__icon svg { color:var(--v100-yellow) !important; }
body.vk-bc .vk-pagefeature__title { color:var(--v100-ink) !important; }
body.vk-bc .vk-pagefeature__desc { color:var(--bc-ink-2) !important; }

/* ---- CTA → ink panel ---- */
body.vk-bc .vk-pagecta__inner {
    background:var(--v100-ink) !important; border:2px solid var(--v100-ink) !important;
    box-shadow:0 30px 70px rgba(0,0,0,.34) !important;
}
body.vk-bc .vk-pagecta .vk-eyebrow { background:rgba(255,255,255,.08) !important; border-color:rgba(255,255,255,.2) !important; color:#fff !important; }
body.vk-bc .vk-pagecta .vk-h2 { color:#fff !important; }
body.vk-bc .vk-pagecta .vk-h2 em { background:none !important; -webkit-text-fill-color:var(--v100-yellow) !important; color:var(--v100-yellow) !important; }
body.vk-bc .vk-pagecta .vk-h2 em::after { background:var(--v100-yellow) !important; }
body.vk-bc .vk-pagecta .vk-lead { color:rgba(255,255,255,.78) !important; }
/* CTA buttons sit on ink → invert */
body.vk-bc .vk-pagecta__inner .vk-btn--primary { background:var(--v100-yellow) !important; color:var(--v100-ink) !important; }
body.vk-bc .vk-pagecta__inner .vk-btn--primary span { color:var(--v100-ink) !important; }
body.vk-bc .vk-pagecta__inner .vk-btn--primary svg { color:var(--v100-ink) !important; }
body.vk-bc .vk-pagecta__inner .vk-btn--whatsapp { background:linear-gradient(135deg,#25D366 0%,#1EBE57 55%,#128C7E 100%) !important; color:#fff !important; }
body.vk-bc .vk-pagecta__inner .vk-btn--whatsapp span { color:#fff !important; }
body.vk-bc .vk-pagecta__inner .vk-btn--whatsapp svg { color:#fff !important; }

/* =====================================================================
   MOBILE tweaks — broadcast inner pages
   ===================================================================== */
@media (max-width:768px){
    /* Feature/trust cards — center inner content */
    body.vk-bc .vk-pagefeature{ text-align:center; }
    body.vk-bc .vk-pagefeature__icon{ margin-left:auto !important; margin-right:auto !important; }
}
@media (max-width:560px){
    /* Hero stat chips — small, all on one line */
    body.vk-bc .vk-pagehero__stats{ flex-wrap:nowrap !important; gap:6px !important; }
    body.vk-bc .vk-pagehero__stats li{ flex:1 1 0 !important; min-width:0 !important; padding:9px 5px !important; border-radius:11px !important; }
    body.vk-bc .vk-pagehero__stat-num{ font-size:15px !important; line-height:1.1 !important; }
    body.vk-bc .vk-pagehero__stat-lbl{ font-size:8.5px !important; line-height:1.2 !important; letter-spacing:0 !important; }
}
@media (max-width:768px){
    /* Agent-list wrapper — keep its content centered */
    body.vk-bc .vk-pagelist__wrap{ text-align:center; }
    body.vk-bc .vk-pagelist__wrap .velki-agent-list-container{ justify-content:center !important; }
}
@media (max-width:768px){
    /* Contact channel cards — center inner content */
    body.vk-bc .vk-contact__card{ align-items:center; text-align:center; }
    body.vk-bc .vk-contact__online{ align-self:center; }
}