/* ══ v4 EXTENSION STYLES ══ */

/* ── Clock (single digital) ── */
.clock-section{background:linear-gradient(160deg,rgba(10,31,68,.65),rgba(8,15,36,.92));padding:clamp(48px,7vw,90px) 0;border-top:1px solid var(--border)}
.dig-wrap{display:flex;flex-direction:column;align-items:center;background:rgba(0,0,0,.6);border:1px solid rgba(46,204,64,.22);border-radius:var(--r3);padding:36px 48px;max-width:640px;margin:0 auto;position:relative;overflow:hidden;text-align:center}
.dig-wrap::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(46,204,64,.06),transparent 70%);pointer-events:none}
.dig-main-time{font-size:clamp(3.5rem,10vw,6rem);font-weight:900;color:var(--green);letter-spacing:.08em;line-height:1;text-shadow:0 0 32px rgba(46,204,64,.5);font-family:'Courier New',monospace;position:relative}
.dig-sec-s{color:rgba(46,204,64,.45);font-size:.65em}
.dig-date{font-size:.95rem;color:var(--text2);margin-top:8px;letter-spacing:.14em;text-transform:uppercase}
.dig-label{font-size:.58rem;color:var(--text3);letter-spacing:.22em;text-transform:uppercase;margin-top:4px}
.dig-tzs{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;margin-top:26px}
.dig-tz-box{background:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:var(--r1);padding:10px 18px;text-align:center;min-width:110px}
.dig-tz-val{font-size:1.3rem;font-weight:900;color:var(--text);font-family:'Courier New',monospace}
.dig-tz-lbl{font-size:.56rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text3);margin-top:3px}
.elect-bar{background:linear-gradient(90deg,rgba(46,204,64,.07),rgba(255,215,0,.05),rgba(46,204,64,.07));border:1px solid rgba(255,215,0,.14);border-radius:var(--r2);padding:14px 20px;display:flex;align-items:center;gap:16px;margin-top:22px;max-width:640px;margin-left:auto;margin-right:auto;flex-wrap:wrap}
.elect-lbl{font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.16em;color:var(--gold);flex-shrink:0}
.elect-digs{display:flex;gap:7px}
.elect-d{background:rgba(255,215,0,.1);border:1px solid rgba(255,215,0,.22);border-radius:6px;padding:5px 11px;text-align:center}
.elect-v{font-family:'Barlow Condensed',sans-serif;font-size:1.4rem;font-weight:900;color:var(--gold);line-height:1}
.elect-l{font-size:.5rem;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,215,0,.5)}

/* ── Media Center photos ── */
.mc-asset-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-top:18px}
.mc-asset-thumb{border-radius:var(--r2);overflow:hidden;cursor:pointer;position:relative;background:rgba(255,255,255,.03);border:1px solid var(--border);transition:var(--transition);aspect-ratio:4/3}
.mc-asset-thumb:hover{border-color:rgba(46,204,64,.4);transform:translateY(-3px);box-shadow:var(--shadow)}
.mc-asset-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.mc-asset-thumb:hover img{transform:scale(1.06)}
.mc-asset-caption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.82));padding:18px 10px 8px;font-size:.65rem;color:rgba(255,255,255,.82);font-weight:600}
.dl-ov{position:absolute;inset:0;background:rgba(0,0,0,.58);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;opacity:0;transition:opacity .25s}
.mc-asset-thumb:hover .dl-ov{opacity:1}
.dl-ov a,.dl-ov button{background:var(--green);color:#0A1F44;border-radius:20px;padding:6px 16px;font-size:.7rem;font-weight:800;text-decoration:none;cursor:pointer;border:none;font-family:'Inter',sans-serif;transition:var(--transition)}
.dl-ov a:hover{background:#3ae053}
.dl-ov button{background:rgba(255,255,255,.15);color:white;border:1px solid rgba(255,255,255,.3)}

/* ── Kit viewer panel ── */
.kit-viewer-header{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;background:rgba(10,31,68,.9);border:1px solid var(--border2);border-radius:var(--r2) var(--r2) 0 0;backdrop-filter:blur(14px)}
.kit-viewer-title{font-family:'Barlow Condensed',sans-serif;font-size:1rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.kit-viewer-frame{width:100%;height:640px;border:none;border:1px solid var(--border);border-top:none;border-radius:0 0 var(--r2) var(--r2);background:#fff;display:block}

/* ── Kit customiser ── */
.kit-builder{background:rgba(255,255,255,.03);border:1px solid var(--border);border-radius:var(--r3);padding:28px}
.kit-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}
.kit-input{width:100%;background:rgba(255,255,255,.05);border:1px solid var(--border2);border-radius:var(--r1);color:white;padding:10px 13px;font-size:.82rem;font-family:'Inter',sans-serif;transition:var(--transition)}
.kit-input:focus{outline:none;border-color:rgba(46,204,64,.5);background:rgba(46,204,64,.05)}
.kit-input option{background:#0A1F44}
.kit-label{font-size:.67rem;font-weight:700;color:var(--text2);text-transform:uppercase;letter-spacing:.1em;display:block;margin-bottom:5px}
.kit-canvas{border-radius:var(--r2);border:1px solid var(--border2);max-width:100%;display:block;margin:0 auto}

/* ── Nugget players ── */
.nuggets-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.nugget-card{background:rgba(255,255,255,.03);border:1px solid var(--border);border-radius:var(--r2);overflow:hidden;transition:var(--transition)}
.nugget-card:hover{border-color:rgba(46,204,64,.3);transform:translateY(-3px)}
.nugget-player{background:#0a0f1e;aspect-ratio:16/9;overflow:hidden;display:flex;align-items:center;justify-content:center}
.nugget-player svg{max-width:100%;max-height:100%;display:block}
.nugget-info{padding:14px 16px}
.nugget-title{font-family:'Barlow Condensed',sans-serif;font-size:1rem;font-weight:900;text-transform:uppercase;margin-bottom:6px}
.nugget-desc{font-size:.74rem;color:var(--text2);line-height:1.55;margin-bottom:12px}
.nugget-btns{display:flex;gap:8px}
.nugget-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;border-radius:var(--r1);font-size:.72rem;font-weight:700;cursor:pointer;border:1px solid rgba(46,204,64,.35);background:rgba(46,204,64,.08);color:var(--green);transition:var(--transition);text-decoration:none;font-family:'Inter',sans-serif}
.nugget-btn:hover{background:rgba(46,204,64,.2)}

/* ── Blog ── */
.blog-grid{display:grid;grid-template-columns:2fr 1fr;gap:28px}
.blog-main{display:flex;flex-direction:column;gap:20px}
.blog-sidebar{display:flex;flex-direction:column;gap:12px}
.blog-post{background:rgba(255,255,255,.03);border:1px solid var(--border);border-radius:var(--r2);overflow:hidden;transition:var(--transition);cursor:pointer}
.blog-post:hover{border-color:rgba(46,204,64,.25);transform:translateY(-3px);box-shadow:var(--shadow)}
.blog-post.featured{display:grid;grid-template-columns:1.2fr 1fr}
.blog-post-img{overflow:hidden;min-height:200px}
.blog-post-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s;min-height:200px}
.blog-post:hover .blog-post-img img{transform:scale(1.04)}
.blog-post-body{padding:20px;display:flex;flex-direction:column}
.blog-post-cat{font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.18em;color:var(--green);margin-bottom:8px}
.blog-post-title{font-size:.95rem;font-weight:700;line-height:1.4;margin-bottom:10px}
.blog-post.featured .blog-post-title{font-size:1.18rem}
.blog-post-excerpt{font-size:.78rem;color:var(--text2);line-height:1.65;flex:1}
.blog-post-meta{display:flex;align-items:center;gap:10px;margin-top:14px;font-size:.67rem;color:var(--text3);flex-wrap:wrap}
.blog-tag{background:rgba(46,204,64,.1);border:1px solid rgba(46,204,64,.2);color:var(--green);border-radius:10px;padding:2px 9px;font-size:.6rem;font-weight:700;text-transform:uppercase}
.blog-side-item{background:rgba(255,255,255,.03);border:1px solid var(--border);border-radius:var(--r1);padding:13px;transition:var(--transition);cursor:pointer;display:grid;grid-template-columns:60px 1fr;gap:11px;align-items:start}
.blog-side-item:hover{border-color:rgba(255,255,255,.2)}
.blog-side-thumb{width:60px;height:48px;border-radius:7px;overflow:hidden}
.blog-side-thumb img{width:100%;height:100%;object-fit:cover}
.blog-side-title{font-size:.77rem;font-weight:700;line-height:1.4}
.blog-side-meta{font-size:.62rem;color:var(--text3);margin-top:3px}
/* Blog lightbox */
.blog-lb{position:fixed;inset:0;background:rgba(0,0,0,.96);z-index:6000;display:none;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(8px)}
.blog-lb.open{display:flex}
.blog-lb-inner{max-width:760px;width:100%;background:rgba(9,14,30,.98);border:1px solid var(--border2);border-radius:var(--r3);overflow:hidden;max-height:90vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent;position:relative}
.blog-lb-img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.blog-lb-body{padding:26px 30px 32px}
.blog-lb-cat{font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.2em;color:var(--green);margin-bottom:10px}
.blog-lb-title{font-family:'Barlow Condensed',sans-serif;font-size:2rem;font-weight:900;text-transform:uppercase;line-height:1.1;margin-bottom:14px}
.blog-lb-text{font-size:.87rem;color:var(--text2);line-height:1.82}
.blog-lb-text p{margin-bottom:12px}
.blog-lb-close{position:absolute;top:14px;right:14px;background:rgba(255,255,255,.1);border:none;color:white;font-size:1.1rem;width:34px;height:34px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition)}
.blog-lb-close:hover{background:rgba(230,57,70,.6)}

/* ── Live Feed ── */
.live-feed-section{background:rgba(0,0,0,.28);border-top:2px solid rgba(230,57,70,.15)}
.feed-header-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:18px}
.feed-tabs-row{display:flex;gap:7px;flex-wrap:wrap}
.feed-tab{background:transparent;border:1px solid var(--border2);color:var(--text2);padding:8px 16px;border-radius:20px;font-size:.74rem;font-weight:700;cursor:pointer;transition:var(--transition);font-family:'Inter',sans-serif}
.feed-tab:hover{border-color:rgba(255,255,255,.25);color:white}
.feed-tab.on{background:rgba(46,204,64,.12);border-color:rgba(46,204,64,.4);color:var(--green)}
.feed-tab.x-tab.on{background:rgba(0,0,0,.35);border-color:#fff;color:#fff}
.feed-tab.fb-tab.on{background:rgba(24,119,242,.15);border-color:#1877F2;color:#1877F2}
.feed-tab.yt-tab.on{background:rgba(255,0,0,.12);border-color:#FF0000;color:#FF0000}
.feed-tab.press-tab.on{background:rgba(255,215,0,.08);border-color:var(--gold);color:var(--gold)}
.live-badge{display:inline-flex;align-items:center;gap:5px;background:rgba(230,57,70,.12);border:1px solid rgba(230,57,70,.3);border-radius:20px;padding:4px 12px;font-size:.62rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--red)}
.feed-pulse-bar{background:rgba(46,204,64,.05);border:1px solid rgba(46,204,64,.14);border-radius:var(--r1);padding:9px 16px;display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;font-size:.74rem;color:var(--text2)}
.pulse-time{color:var(--green);font-weight:700}
.feed-refresh-btn{background:none;border:1px solid rgba(46,204,64,.25);color:var(--green);padding:4px 11px;border-radius:10px;font-size:.65rem;font-weight:700;cursor:pointer;transition:var(--transition);font-family:'Inter',sans-serif}
.feed-refresh-btn:hover{background:rgba(46,204,64,.1)}
.feed-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.feed-card{background:rgba(255,255,255,.03);border:1px solid var(--border);border-radius:var(--r2);padding:16px;transition:var(--transition);display:flex;flex-direction:column;gap:10px}
.feed-card:hover{border-color:rgba(255,255,255,.18);transform:translateY(-2px);box-shadow:var(--shadow)}
.feed-card-hdr{display:flex;align-items:center;gap:10px}
.feed-av{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--navy),var(--navy2));display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0;border:2px solid rgba(255,255,255,.1)}
.feed-meta{flex:1;min-width:0}
.feed-name{font-size:.78rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.feed-handle{font-size:.63rem;color:var(--text3)}
.feed-platform{font-size:.9rem;flex-shrink:0}
.feed-text{font-size:.78rem;color:var(--text2);line-height:1.65;flex:1}
.feed-ht{color:var(--green);font-weight:600}
.feed-foot{display:flex;align-items:center;justify-content:space-between;font-size:.63rem;color:var(--text3);padding-top:9px;border-top:1px solid var(--border)}
.feed-stats{display:flex;gap:11px}
.feed-card.x-card{border-left:3px solid rgba(255,255,255,.5)}
.feed-card.fb-card{border-left:3px solid #1877F2}
.feed-card.yt-card{border-left:3px solid #FF0000}
.feed-card.press-card{border-left:3px solid var(--gold)}
.feed-card.koh-card{background:rgba(46,204,64,.04);border-color:rgba(46,204,64,.2)}

/* ── Press grid & contact ── */
.mc-press-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:0}
.mc-press-item{padding:16px 18px;background:rgba(255,255,255,.03);border:1px solid var(--border);border-radius:var(--r2);transition:var(--transition)}
.mc-press-item:hover{border-color:rgba(255,255,255,.18);transform:translateY(-2px)}
.mc-press-source{font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.14em;color:var(--text3);margin-bottom:5px}
.mc-press-title{font-size:.86rem;font-weight:700;line-height:1.45;margin-bottom:7px}
.mc-press-meta{font-size:.65rem;color:var(--text3);display:flex;gap:10px}
.mc-contact{background:linear-gradient(135deg,rgba(46,204,64,.07),rgba(46,204,64,.02));border:1px solid rgba(46,204,64,.18);border-radius:var(--r2);padding:26px 30px;display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:36px}
.mc-contact-info h4{font-size:1rem;font-weight:700;margin-bottom:7px}
.mc-contact-info p{font-size:.8rem;color:var(--text2);line-height:1.7}
.mc-contact-links{display:flex;flex-direction:column;gap:9px;justify-content:center}
.mc-contact-link{display:flex;align-items:center;gap:10px;padding:11px 14px;background:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:var(--r1);font-size:.8rem;font-weight:600;color:var(--text2);text-decoration:none;transition:var(--transition)}
.mc-contact-link:hover{background:rgba(255,255,255,.08);color:white}

/* ── Missing base classes ── */
.wov-inner,.wov-grid{display:none} /* WOV removed */
.sec-h{text-align:center;margin-bottom:clamp(28px,4vw,52px)}
.sec-h .eyebrow{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.22em;color:var(--green);display:block;margin-bottom:8px}

/* ── Responsive ── */
@media(max-width:1000px){.blog-grid{grid-template-columns:1fr}.blog-post.featured{grid-template-columns:1fr}.nuggets-grid{grid-template-columns:repeat(2,1fr)}.feed-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.nuggets-grid{grid-template-columns:1fr}.feed-grid{grid-template-columns:1fr}.mc-asset-gallery{grid-template-columns:repeat(2,1fr)}.kit-controls{grid-template-columns:1fr}.mc-press-grid{grid-template-columns:1fr}.mc-contact{grid-template-columns:1fr}.elect-bar{flex-direction:column;align-items:flex-start;gap:10px}.dig-tzs{gap:10px}.dig-wrap{padding:24px 20px}}


/* ── Nugget fallback (when Lottie unavailable / offline) ───────────── */
.nugget-player{min-height:150px;display:flex;align-items:center;justify-content:center}
.nugget-fallback{border-radius:12px;width:100%;min-height:150px;display:flex;align-items:center;justify-content:center}
.nugget-fallback-icon{font-size:62px;line-height:1;animation:nugFloat 3s ease-in-out infinite;filter:drop-shadow(0 6px 14px rgba(0,0,0,.18))}
@keyframes nugFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.06)}}
@media(prefers-reduced-motion:reduce){.nugget-fallback-icon{animation:none}}

/* ── v5 extras ── */
.nlinks a.live-link{color:var(--red)}
.nlinks a.live-link:hover{background:rgba(230,57,70,.1);color:var(--red)}
/* alias: mc-asset-gallery and mc-photo-grid are the same thing */
.mc-photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-top:18px}
/* feed-tab commentary */
.feed-tab.commentary-tab.on{background:rgba(255,215,0,.08);border-color:var(--gold);color:var(--gold)}
/* kitViewerPanel full frame height override */
#kitViewerPanel .kit-viewer-frame{height:640px}