/* ElGorGorito Live v0.1.8 — Match UX */

/* Countdown público */
.eg-match-countdown {
    display: none;
    align-items: center;
    justify-content: center;
    gap: 7px;
    width: fit-content;
    margin: 9px auto 0;
    padding: 7px 11px;
    border: 1px solid rgba(37, 99, 235, .18);
    border-radius: 999px;
    background: rgba(37, 99, 235, .08);
    color: #1e3a8a;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .02em;
    white-space: nowrap;
}
.eg-match-countdown.is-visible {
    display: inline-flex;
}
.eg-match-countdown::before {
    content: "⏱";
    font-size: 13px;
}
.eg-match-countdown strong {
    font-variant-numeric: tabular-nums;
    letter-spacing: .04em;
}
.eg-match-countdown.is-urgent {
    border-color: rgba(220, 38, 38, .24);
    background: rgba(220, 38, 38, .10);
    color: #991b1b;
    animation: eg-countdown-pulse 1.25s ease-in-out infinite alternate;
}
@keyframes eg-countdown-pulse {
    from { transform: scale(1); }
    to   { transform: scale(1.025); }
}

/* En el carrusel oscuro */
.eg-upcoming-slide .eg-match-countdown {
    border-color: rgba(255,255,255,.16);
    background: rgba(255,255,255,.09);
    color: #fff;
}
.eg-upcoming-slide .eg-match-countdown.is-urgent {
    border-color: rgba(254,202,202,.24);
    background: rgba(220,38,38,.26);
    color: #fff;
}

/* Dentro de tarjetas de calendario */
.eg-schedule-when .eg-match-countdown {
    margin-left: 0;
    margin-right: 0;
}

/* Tarjeta grande individual */
.eg-match-card .eg-score .eg-match-countdown {
    margin-top: 10px;
}

/* Tarjeta dentro de artículos */
.eg-article-match-center .eg-match-countdown {
    margin-top: 7px;
}

/* Archive genérico */
article .eg-match-countdown.eg-countdown-generic {
    margin: 8px 0 0;
}

/* Backend */
.eg-admin-countdown {
    min-height: 18px;
    margin-top: 5px;
    color: #b91c1c;
    font-size: 11px;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
}
.eg-admin-countdown.is-visible::before {
    content: "⏱ ";
}

/* Un poco más de espacio para la nueva columna Inicio */
.wp-list-table .column-eg_match_start {
    width: 145px;
}