.vipx-live-section.section{container-type:inline-size;min-width:0;margin:0 0 24px;color:var(--text,#f7f7f8);font-family:var(--font-body,inherit)}
.vipx-live-section .vipx-live-header{display:flex;align-items:center;gap:8px;box-sizing:border-box;min-height:44px;margin:0 0 16px;padding:9px 12px;border:0;border-radius:0;background:#17181b}
.vipx-live-section .vipx-live-header>.vipx-live-header-icon{flex:0 0 auto;font-family:Arial,"Noto Sans Symbols",sans-serif;font-size:1.1em;line-height:1}.vipx-live-section .vipx-live-header:before{content:none}
.vipx-live-grid{display:grid;grid-template-columns:repeat(var(--vipx-live-columns,5),minmax(0,1fr));gap:22px 16px}
.vipx-live-section .vipx-live-card{min-width:0;display:flex;flex-direction:column;margin:0;padding:0;border:0;background:none}
.vipx-live-section .vipx-live-thumb{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;isolation:isolate;border:0!important;border-radius:0!important;background:linear-gradient(135deg,#282b32,#17191d);box-shadow:0 8px 22px rgba(0,0,0,.28)}
.vipx-live-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s}.vipx-live-thumb:hover img{transform:scale(1.035)}.vipx-live-thumb img[hidden]{display:none!important}
.vipx-live-badge{position:absolute;z-index:3;top:7px;left:7px;display:inline-flex;align-items:center;gap:5px;padding:3px 7px;border-radius:3px;background:rgba(0,0,0,.82);color:#fff;font:800 10px/1.3 system-ui,sans-serif;letter-spacing:.04em}
.vipx-live-dot{width:6px;height:6px;border-radius:50%;background:#34d399;animation:vipx-live-pulse 1.6s ease-in-out infinite}
.vipx-live-section .video-card.vipx-live-card h3{height:auto;min-height:0;margin:10px 0 5px;padding:0;font-family:var(--font-heading,inherit);font-size:15px;font-weight:800;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
.vipx-live-card a{color:inherit;text-decoration:none}.vipx-live-card h3 a:hover{color:var(--accent,#ff4d76)}.vipx-live-section .vipx-live-viewers,.vipx-live-section .vipx-live-status{color:var(--muted,#a9adb5);font-size:12px;line-height:1.5}.vipx-live-section .vipx-live-viewers{margin:0}.vipx-live-section .vipx-live-status{margin:0 0 12px}.vipx-live-status[hidden]{display:none}
@keyframes vipx-live-pulse{0%,100%{opacity:1}50%{opacity:.25}}
@media(max-width:900px){.vipx-live-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.vipx-live-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 10px}.vipx-live-section .video-card.vipx-live-card h3{font-size:14px}}
@container(max-width:700px){.vipx-live-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@container(max-width:500px){.vipx-live-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 10px}}
@media(prefers-reduced-motion:reduce){.vipx-live-dot{animation:none}.vipx-live-thumb img{transition:none}}

/* 1.0.1: remove the blank cap above a shortcode that starts a VIPX widget. */
.widget:has(> .vipx-live-section:first-child),
.widget:has(> .textwidget:first-child > .vipx-live-section:first-child),
.widget:has(> .wp-block-shortcode:first-child > .vipx-live-section:first-child){padding-top:0}
:is(.widget > .vipx-live-section:first-child,
.widget > .textwidget:first-child > .vipx-live-section:first-child,
.widget > .wp-block-shortcode:first-child > .vipx-live-section:first-child) > .vipx-live-header{margin-inline:-20px}
:is(.widget > .vipx-live-section:only-child,
.widget > .textwidget:only-child > .vipx-live-section:only-child,
.widget > .wp-block-shortcode:only-child > .vipx-live-section:only-child){margin-bottom:0}

/* 1.0.2: country flag + username; no thumbnail play overlay. */
.vipx-live-section .vipx-live-card h3 .vipx-live-name{display:flex;align-items:center;gap:6px;min-width:0}
.vipx-live-flag{flex:0 0 auto;font-family:"Noto Color Emoji","Apple Color Emoji","Segoe UI Emoji",sans-serif;font-size:16px;line-height:1}
.vipx-live-username{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:600px){.vipx-live-flag{font-size:14px}.vipx-live-section .vipx-live-card h3 .vipx-live-name{gap:5px}}

/* 1.0.3: transparent surface only for this widget in Footer Full Width.
   Keep the dark title bar and all other widget areas unchanged. */
.footer-full-width .widget:has(.vipx-live-section){background:transparent}
/* Heading typography comes from the theme's .section h2 and global h2 rules. */
/* Keep card metadata compact even inside theme footer text rules. */
.vipx-live-section .vipx-live-card .vipx-live-viewers,
.widget .vipx-live-section .vipx-live-status{font-size:12px}
.vipx-live-section .vipx-live-card h3 .vipx-live-name{font-size:inherit;font-family:inherit;font-weight:inherit;line-height:inherit}

/* 1.0.4: clip the full-width title background to the widget's own outline.
   Rounded widgets get matching rounded top corners; square widgets stay square. */
.widget:has(.vipx-live-section){overflow:hidden}