/* ─── SportPredictIA — Global CSS ─────────────────────────────────────────── */

/* Import Lucide Icons via CDN (chargé dans les pages) */

/* ─── Titres avec icônes SVG ─────────────────────────────────────────────── */
.page-title {
    display: flex;
    align-items: center;
    gap: 12px;
    justify-content: center;
    font-size: 2em;
    font-weight: 900;
    margin-bottom: 8px;
}

.page-title svg {
    width: 36px;
    height: 36px;
    flex-shrink: 0;
}

/* ─── Badge LIVE clignotant ──────────────────────────────────────────────── */
.live-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #E8002D;
    border-radius: 50%;
    animation: live-pulse 1.5s infinite;
    flex-shrink: 0;
}

@keyframes live-pulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.4; transform: scale(0.85); }
}

.live-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #E8002D20;
    border: 1px solid #E8002D60;
    color: #E8002D;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 0.8em;
    font-weight: 700;
    letter-spacing: 1px;
}

/* ─── Couleurs icônes par sport ──────────────────────────────────────────── */
.icon-football { color: #D4AF37; }
.icon-tennis   { color: #C0C0C0; }
.icon-f1       { color: #E8002D; }
.icon-trophy   { color: #FFD700; }
.icon-default  { color: #D4AF37; }