/* assets/css/index-groups.css
   Purpose: Live Events section styles for index.php homepage
   Created: 2026-04-14 */

/* ── LIVE EVENTS SECTION ── */
.live-events-section {
    padding: 56px 0 20px;
}
.les-header {
    display: flex; align-items: flex-end; justify-content: space-between;
    margin-bottom: 28px;
}
.les-eyebrow {
    font-size: 11px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase;
    color: var(--gold); margin-bottom: 6px; display: flex; align-items: center; gap: 6px;
}
.les-eyebrow span {
    display: inline-block; width: 6px; height: 6px; background: var(--gold); border-radius: 50%;
    animation: pulse-dot 1.5s ease-in-out infinite;
}
.les-title { font-family: var(--font-display); font-size: clamp(22px, 4vw, 32px); font-weight: 900; color: var(--text); }
.les-link { font-size: 13px; color: var(--text3); text-decoration: none; display: flex; align-items: center; gap: 5px; transition: color .2s; }
.les-link:hover { color: var(--text); }

@keyframes pulse-dot { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.4;transform:scale(.7)} }