/* ============================================================
   AI Master Lab – tiešraides poga galvenē (live-pill)
   ------------------------------------------------------------
   Tiešraides poga galvenē ar pulsējošu punktu (9.11.2026 tiešraide,
   pievienota 29.10.2026). Kopīgs fails visām lapām (LV un EN).

   PĒC 9.11 TIEŠRAIDES: IZŅEM.
     1) Katrā lapā izdzēs <a class="live-pill" …>…</a> galvenē
        (meklē "live-pill") un <link … aiml-live.css> rindu <head>.
     2) Izdzēs šo failu.
   (Remove after the 9.11 stream: delete the live-pill link and the
   aiml-live.css <link> on every page, then this file.)

   Pārvietots no index.html iekšējā stila (MONA, 29.10.), lai nebūtu
   definēts divreiz. Pārējās lapas lielākoties neizmanto styles.css
   (stili ir lapā), tāpēc šis ir atsevišķs kopīgs fails.
   ============================================================ */
.live-pill{ display:inline-flex; align-items:center; gap:8px; height:32px; padding:0 13px; margin:0 .5rem;
  border:1px solid rgba(196,214,0,.55); border-radius:999px; color:var(--text, #FFFFFF); text-decoration:none;
  font-size:12px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; white-space:nowrap; transition:border-color .2s, color .2s; }
.live-pill:hover{ border-color:#C4D600; color:#C4D600; }
.live-dot{ position:relative; width:8px; height:8px; border-radius:50%; background:#C4D600; flex-shrink:0; }
.live-dot::after{ content:""; position:absolute; inset:0; border-radius:50%; background:#C4D600; animation:live-pulse 2s ease-out infinite; }
@keyframes live-pulse{ 0%{ transform:scale(1); opacity:.75; } 70%{ transform:scale(2.8); opacity:0; } 100%{ transform:scale(2.8); opacity:0; } }
.live-pill__short{ display:none; }
@media (max-width:1400px){
  .live-pill{ padding:0 11px; margin:0 .25rem; gap:7px; }
  .live-pill__long{ display:none; }
  .live-pill__short{ display:inline; }
}
@media (max-width:900px){
  .live-pill{ height:30px; padding:0 11px; margin:0 12px 0 auto; }
  .live-pill__long{ display:none; }
  .live-pill__short{ display:inline; }
}
@media (prefers-reduced-motion:reduce){ .live-dot::after{ animation:none; } }