/* All Leagues Page */
.leagues-hero {background: linear-gradient(135deg, #2563eb 0%, #764ba2 100%);color: #ffffff;padding: 3rem 0 2rem;text-align: center;}
.leagues-hero h1 {font-size: 2rem; font-weight: 700; margin-bottom: 0.5rem;}
.leagues-hero p  {font-size: 1rem; opacity: 0.9;}
/* Region block */
.leagues-region {margin-bottom: 2.5rem;}
.leagues-region-title {font-size: 1.15rem;font-weight: 700;color: #1e293b;margin-bottom: 1.25rem;padding-bottom: 0.5rem;border-bottom: 2px solid #e2e8f0;}
/* Country block */
.leagues-country {margin-bottom: 1.75rem;}
.leagues-country-title {display: flex;align-items: center;gap: 0.5rem;font-size: 0.9rem;font-weight: 700;color: #475569;letter-spacing: 0.05em;margin-bottom: 0.75rem;}
.leagues-country-flag {width: 23px;height: 17px;object-fit: cover;border-radius: 2px;}
/* League grid */
.leagues-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));gap: 0.75rem;}
/* League card */
.league-card {display: flex;align-items: center;gap: 0.75rem;padding: 0.75rem 0.9rem;background: #ffffff;border: 1px solid #e2e8f0;border-radius: 10px;text-decoration: none;color: #0f172a;transition: all 0.2s ease;box-shadow: 0 1px 3px rgba(0,0,0,0.06);}
.league-card:hover {border-color: #2563eb;box-shadow: 0 4px 12px rgba(37,99,235,0.12);transform: translateY(-2px);color: #0f172a;}
.league-card-logo {width: 32px;height: 32px;object-fit: contain;flex-shrink: 0;}
.league-card-logo-placeholder {width: 32px;height: 32px;background: #f1f5f9;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 1rem;flex-shrink: 0;}
.league-card-name {flex: 1;font-weight: 600;font-size: 0.85rem;line-height: 1.3;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.league-card-arrow {color: #cbd5e1;font-size: 0.8rem;flex-shrink: 0;transition: color 0.2s;}
.league-card:hover .league-card-arrow { color: #2563eb; }
/* Responsive */
@media (max-width: 768px) {
.leagues-hero h1 {font-size: 1.6rem;}
.leagues-grid{grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 0.6rem;}
}
@media (max-width: 480px) {
.leagues-grid {grid-template-columns: 1fr; }
}