/**
 * Path: nplsportspro/assets/css/templates/tournament/tabs/league-table.css
 * Styling for the UEFA League table standings and frontend fixture cards.
 * Fully integrated with Theme colors: Primary (#0010a0) and Secondary (#dd0000).
 * Features real-time responsive design and dynamic blinking LIVE badges.
 */

.nplsp-f-league-table-wrapper,
.nplsp-f-fixtures-wrapper {
    width: 100% !important;
}

/* Large League Table Card */
.nplsp-f-league-card {
    background-color: #ffffff !important;
    border: 1px solid #ccd0d4 !important;
    border-radius: 6px !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.03) !important;
    overflow: hidden !important;
}

.nplsp-f-league-card .card-header {
    background-color: #0010a0 !important; /* Theme Primary Color */
    border-bottom: 2px solid #dd0000 !important; /* Theme Secondary Red */
    padding: 14px 18px !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    color: #ffffff !important;
}

.nplsp-f-league-card .card-body {
    padding: 15px !important;
    overflow-x: auto !important;
}

.nplsp-f-large-table {
    width: 100% !important;
    border-collapse: collapse !important;
    font-size: 13px !important;
    min-width: 600px !important;
}

.nplsp-f-large-table th {
    font-weight: 700 !important;
    color: #0010a0 !important; /* Theme Primary Color */
    text-transform: uppercase !important;
    font-size: 11px !important;
    padding: 10px 8px !important;
    border-bottom: 2px solid #dd0000 !important; /* Theme Secondary Red Underline */
}

.nplsp-f-large-table td {
    padding: 10px 8px !important;
    border-bottom: 1px solid #f0f0f1 !important;
    vertical-align: middle !important;
}

/* UEFA Promotion & Elimination Zone Highlights */
.nplsp-cl-direct-zone {
    background-color: #f3faf4 !important; /* Direct Promo (Light Green) */
}
.nplsp-cl-direct-zone .nplsp-col-pos {
    color: #00a699 !important;
    border-left: 3px solid #00a699 !important;
    font-weight: 700 !important;
}

.nplsp-el-zone {
    background-color: #f7fafc !important; /* Playoffs Zone (Light Blue) */
}
.nplsp-el-zone .nplsp-col-pos {
    color: #2271b1 !important;
    border-left: 3px solid #2271b1 !important;
    font-weight: 700 !important;
}

.nplsp-elimination-zone {
    background-color: #fff5f5 !important; /* Elimination Zone (Light Red) */
}
.nplsp-elimination-zone .nplsp-col-pos {
    color: #d63638 !important;
    border-left: 3px solid #d63638 !important;
    font-weight: 700 !important;
}

/* Legend block below table */
.nplsp-table-legend {
    display: flex !important;
    gap: 15px !important;
    margin-top: 15px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    color: #646970 !important;
}

.nplsp-table-legend .legend-item {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}

.nplsp-table-legend .dot {
    width: 10px !important;
    height: 10px !important;
    border-radius: 50% !important;
    display: inline-block !important;
}

.uefa-qualify-dot { background-color: #00a699 !important; }
.uefa-playoff-dot { background-color: #2271b1 !important; }

/* ==========================================================================
   4. Frontend Fixtures & Results Cards Grid
   ========================================================================== */
.nplsp-f-fixtures-section {
    margin-bottom: 35px !important;
}

.nplsp-f-fixtures-header {
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #0010a0 !important; /* Theme Primary Color */
    border-bottom: 2px solid #dd0000 !important; /* Theme Secondary Red Underline */
    padding-bottom: 8px !important;
}

.nplsp-f-fixtures-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)) !important;
    gap: 15px !important;
}

.nplsp-f-match-card {
    background-color: #ffffff !important;
    border: 1px solid #ccd0d4 !important;
    border-radius: 6px !important;
    padding: 16px !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.02) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
}

.nplsp-f-match-teams {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    margin-bottom: 12px !important;
}

.nplsp-f-team-row {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
}

.nplsp-f-team-row img {
    width: 22px !important;
    height: 22px !important;
    object-fit: contain !important;
    flex-shrink: 0 !important;
}

.nplsp-f-team-row span {
    flex-grow: 1 !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    color: #2c3338 !important;
}

.nplsp-f-score-display {
    font-size: 14px !important;
    font-weight: 800 !important;
    color: #dd0000 !important; /* Score highlighted in Secondary Red */
    width: 20px !important;
    text-align: center !important;
}

.nplsp-f-match-meta {
    display: flex !important;
    justify-content: space-between !important;
    font-size: 11px !important;
    color: #646970 !important;
    border-top: 1px solid #f0f0f1 !important;
    padding-top: 10px !important;
}

.nplsp-f-match-meta span {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

/* ==========================================================================
   DYNAMIC BLINKING 'LIVE' BADGE SYSTEM (Rule 9)
   ========================================================================== */
.nplsp-f-live-badge {
    background-color: #dd0000 !important; /* Blinking Red Badge */
    color: #ffffff !important;
    padding: 2px 6px !important;
    border-radius: 3px !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    display: inline-block !important;
    vertical-align: middle !important;
    animation: nplspBlinker 1s linear infinite !important;
}

@keyframes nplspBlinker {
    50% { opacity: 0 !important; }
}

/* General Theme Button Integration */
.nplsp-frontend-tournament-wrapper .button.button-secondary {
    background-color: #0010a0 !important;
    border-color: #0010a0 !important;
    color: #ffffff !important;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out !important;
}

.nplsp-frontend-tournament-wrapper .button.button-secondary:hover {
    background-color: #dd0000 !important;
    border-color: #dd0000 !important;
    color: #ffffff !important;
}