/* ==========================================================================
   9wickets — "যেকোনো ডিভাইস · যেকোনো সময়" (Any Device · Any Time) section
   REDESIGN v2 "Live, Anywhere" (loads LAST)
   --------------------------------------------------------------------------
   Content + image swap on the existing .vk-verify split (image left, copy
   right — that structural pattern already works well and stays). What
   changes: the image (a live-casino/poker moment, not a tablet screenshot),
   the copy (live-casino-anywhere messaging instead of agent-verification
   messaging — that angle already lives in the redesigned agents section),
   and one new premium addition this file supplies: a small "works on every
   device" chip row (mobile/tablet/desktop) reinforcing the eyebrow's claim
   visually, not just in text.
   Scoped entirely under .vk-verify--v2 / .vk-vd-*; the existing
   .vk-verify__* rules in wickets-home.css are reused as-is for the frame,
   glow, floating chips and checklist (still exactly right for this layout).
   Markup: claudedocs/build/build_verify_v2.php (post 11, widget vp0005).
   ========================================================================== */

body.vk .vk-vd-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 22px 0 28px;
}
body.vk .vk-vd-chip {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px 8px 10px;
    border-radius: 999px;
    background: rgba(255, 199, 44, 0.14);
    border: 1px solid rgba(200, 134, 11, 0.22);
    font-size: 12.5px;
    font-weight: 700;
    color: #6E4600;
    transition: background .3s ease, border-color .3s ease, transform .3s ease;
}
body.vk .vk-vd-chip:hover {
    background: rgba(255, 199, 44, 0.26);
    border-color: rgba(200, 134, 11, 0.40);
    transform: translateY(-2px);
}
body.vk .vk-vd-chip span.vk-vd-ic {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: var(--btn-grad, linear-gradient(135deg, #FFD34D 0%, #F7B500 48%, #E8940A 100%));
    color: #1A1813;
}
body.vk .vk-vd-chip svg { width: 12px; height: 12px; }

/* the top image chip switches from a checkmark ("verified") to a small
   live-suit glyph + pulsing dot — same floating-chip mechanics, new glyph */
body.vk .vk-verify__chip--top .vk-vd-dot {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #DC2626;
    box-shadow: 0 0 0 0 rgba(220, 38, 38, .55);
    animation: vk-vd-livepulse 1.8s ease-out infinite;
}
@keyframes vk-vd-livepulse {
    0%   { box-shadow: 0 0 0 0 rgba(220, 38, 38, .55); }
    70%  { box-shadow: 0 0 0 7px rgba(220, 38, 38, 0); }
    100% { box-shadow: 0 0 0 0 rgba(220, 38, 38, 0); }
}

@media (max-width: 767px) {
    body.vk .vk-vd-row { justify-content: center; }
}
@media (prefers-reduced-motion: reduce) {
    body.vk .vk-vd-dot { animation: none; }
    body.vk .vk-vd-chip { transition: none; }
}