/* GLCC live */
.elementor-widget-shortcode:has(.glc-live),.elementor-widget-shortcode:has(.glc-ytgrid){width:100%;max-width:100%;align-self:stretch}
.glc-live{background:#181C35;border-radius:26px;overflow:hidden;box-shadow:0 30px 70px rgba(24,28,53,.28);text-align:left;color:#fff}
.glc-live__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:16px 22px;border-bottom:1px solid rgba(255,255,255,.08)}
.glc-live__status{display:inline-flex;align-items:center;gap:9px;padding:7px 14px;border-radius:999px;background:rgba(255,255,255,.08);font-size:12px;letter-spacing:2px;text-transform:uppercase}
.glc-live__status i{width:9px;height:9px;border-radius:50%;background:#8A90A8}
.glc-live__status b{font-weight:700}
.glc-live[data-mode=live] .glc-live__status{background:#E5262B}
.glc-live[data-mode=live] .glc-live__status i{background:#fff;animation:glcPulse 1.4s infinite}
.glc-live[data-mode=soon] .glc-live__status{background:#EE6A12}
.glc-live[data-mode=soon] .glc-live__status i{background:#fff}
.glc-live__next{font-size:14px;color:rgba(255,255,255,.75)}
.glc-live__screen{position:relative;aspect-ratio:16/9;background:#000}
.glc-live__screen>.glc-yt{position:absolute;inset:0;border-radius:0!important}
.glc-live__meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;padding:22px 26px 26px}
.glc-live__kicker{font-size:11px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:#4FC3E8}
.glc-live[data-mode=live] .glc-live__kicker{color:#FF6B6B}
.glc-live .glc-live__title{margin:4px 0 2px!important;font-family:var(--glc-display);font-size:clamp(19px,2.4vw,26px)!important;line-height:1.25;color:#fff!important}
.glc-live__sub{margin:0!important;font-size:14px;color:rgba(255,255,255,.7)}
.glc-live__yt{display:inline-flex;align-items:center;gap:9px;padding:12px 20px;border-radius:999px;background:#fff;color:#181C35!important;font-weight:700;font-size:14px;text-decoration:none!important;white-space:nowrap;transition:background .2s,color .2s}
.glc-live__yt svg{width:22px;height:22px;fill:#E5262B}
.glc-live__yt:hover{background:#EE6A12;color:#fff!important}
.glc-live__yt:hover svg{fill:#fff}
/* click-to-play */
button.glc-yt,.glc-yt{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0!important;margin:0;border:0!important;border-radius:16px!important;background:#181C35 center/cover no-repeat;cursor:pointer;overflow:hidden;box-shadow:none!important}
button.glc-yt::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(24,28,53,0) 40%,rgba(24,28,53,.55));transition:opacity .25s}
button.glc-yt:hover::after{opacity:.4}
.glc-yt__play{position:absolute;z-index:1;left:50%;top:50%;width:74px;height:74px;margin:-37px 0 0 -37px;border-radius:50%;background:#EE6A12;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 10px rgba(238,106,18,.25);transition:transform .25s}
.glc-yt__play svg{width:32px;height:32px;fill:#fff;margin-left:4px}
button.glc-yt:hover .glc-yt__play{transform:scale(1.08)}
.glc-yt__frame{position:absolute;inset:0;width:100%;height:100%;border:0}
/* grid */
.glc-ytgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;text-align:left}
.glc-ytgrid__item{background:#fff;border:1px solid #D6E6EE;border-radius:20px;overflow:hidden;transition:transform .25s,box-shadow .25s}
.glc-ytgrid__item:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(24,28,53,.12)}
.glc-ytgrid__item .glc-yt{border-radius:0!important}
.glc-ytgrid__item .glc-yt__play{width:56px;height:56px;margin:-28px 0 0 -28px;box-shadow:0 0 0 7px rgba(238,106,18,.25)}
.glc-ytgrid__item .glc-yt__play svg{width:24px;height:24px}
.glc-ytgrid__body{padding:16px 18px 20px}
.glc-ytgrid__date{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#1290B8}
.glc-ytgrid .glc-ytgrid__title{margin:6px 0 4px!important;font-family:var(--glc-display);font-size:17px!important;line-height:1.3;color:#252B4D!important}
.glc-ytgrid__sub{margin:0!important;font-size:13px;color:#5B6272}
/* site-wide pill */
.glc-livepill{position:fixed;left:18px;bottom:22px;z-index:9999;display:flex;align-items:center;gap:10px;padding:11px 18px 11px 14px;border-radius:999px;background:#E5262B;color:#fff!important;text-decoration:none!important;box-shadow:0 12px 30px rgba(229,38,43,.4);font-size:14px;transform:translateY(120px);transition:transform .45s cubic-bezier(.2,.9,.3,1.2)}
.glc-livepill.is-in{transform:none}
.glc-livepill i{width:9px;height:9px;border-radius:50%;background:#fff;animation:glcPulse 1.4s infinite}
.glc-livepill b{text-transform:uppercase;letter-spacing:1.5px;font-size:12px}
@keyframes glcPulse{0%{box-shadow:0 0 0 0 rgba(255,255,255,.8)}70%{box-shadow:0 0 0 9px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}
@media (max-width:1024px){.glc-ytgrid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:767px){
 .glc-live{border-radius:18px}
 .glc-live__bar{padding:12px 14px}
 .glc-live__next{font-size:13px;width:100%}
 .glc-live__meta{padding:18px}
 .glc-live__yt{width:100%;justify-content:center}
 .glc-ytgrid{grid-template-columns:1fr;gap:18px}
 .glc-yt__play{width:60px;height:60px;margin:-30px 0 0 -30px}
 .glc-livepill span{display:none}
}
/* mobile swipe row */
@media (max-width:767px){
 .glc-ytgrid{display:flex!important;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;margin:0 -18px;padding:4px 18px 14px;scrollbar-width:none}
 .glc-ytgrid::-webkit-scrollbar{display:none}
 .glc-ytgrid__item{flex:0 0 82%;scroll-snap-align:start}
 .glc-ytgrid__item:hover{transform:none}
}
