/* Zaka free-picks overrides — loaded after Tailwind so match rows match zaka.php */

.zaka-free-picks {
    font-family: 'Manrope', sans-serif;
}

.zaka-free-picks :is(h1, h2, h3, h4, h5, h6, p, span, a, time, li, ul, div, section, button) {
    font-family: inherit;
}

.zaka-free-picks ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.zaka-free-picks .match-section p {
    margin: 0;
}

.zaka-free-picks .header-title,
.zaka-free-picks .league-name,
.zaka-free-picks .team-name,
.zaka-free-picks .detail-label,
.zaka-free-picks .picks-value,
.zaka-free-picks .odds-value,
.zaka-free-picks .scores-value,
.zaka-free-picks .stats-link {
    font-family: 'Manrope', sans-serif;
}

.zaka-free-picks .match-section {
    overflow: hidden;
    margin-bottom: 1rem;
    border-radius: 1rem;
    border: 1px solid rgba(0, 21, 68, 0.08);
    background: #ffffff;
    box-shadow: 0 10px 32px rgba(0, 21, 68, 0.08);
}

.zaka-free-picks .league-header {
    background: linear-gradient(180deg, #fafbfd 0%, #ffffff 100%) !important;
    border: none !important;
    border-bottom: 1px solid #eef1f6 !important;
    border-radius: 0;
    box-shadow: none;
    padding: 0.75rem 1rem;
    margin-bottom: 0;
}

.zaka-free-picks .match-list {
    padding: 0.625rem;
    gap: 0.625rem;
}

.zaka-free-picks .match-item {
    border: 1px solid rgba(0, 21, 68, 0.06);
    box-shadow: 0 2px 8px rgba(0, 21, 68, 0.04);
}

.zaka-free-picks .match-item:last-child {
    margin-bottom: 0;
}

@keyframes zaka-league-flag-float {
    0%,
    100% {
        transform: translateY(0) scale(1);
    }

    50% {
        transform: translateY(-2px) scale(1.08);
    }
}

.zaka-free-picks .league-logo-wrap {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem;
    border: none;
    border-radius: 9999px;
    overflow: hidden;
    box-shadow: none;
    animation: zaka-league-flag-float 2.8s ease-in-out infinite;
}

.zaka-free-picks .league-logo {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.zaka-free-picks .league-name {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.2rem;
    line-height: 1.25;
}

.zaka-free-picks .league-country {
    color: #009c52;
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.zaka-free-picks .league-divider {
    color: #b0b8c4;
    font-weight: 500;
}

.zaka-free-picks .league-title,
.zaka-free-picks .league-label {
    color: #8a94a6;
    font-size: 0.875rem;
    font-weight: 600;
    background: transparent !important;
    border: none !important;
    box-shadow: none;
    padding: 0;
    line-height: inherit;
    text-align: inherit;
}

.zaka-free-picks .team-name {
    color: #001544;
    font-weight: 700;
}

.zaka-free-picks .stats-link {
    text-decoration: none;
}

.zaka-free-picks .stats-link:hover {
    color: #001544;
}