/* League Rankings Widget - Optimized CSS */
.league-rankings-container{width:100%;margin:0 auto}
.league-rankings-grid{display:grid;gap:15px;padding:10px 0}

/* Grid Layouts */
.lrw-display-grid .league-rankings-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}
.lrw-columns-2 .league-rankings-grid{grid-template-columns:repeat(2,1fr)}
.lrw-columns-3 .league-rankings-grid{grid-template-columns:repeat(3,1fr)}
.lrw-columns-4 .league-rankings-grid{grid-template-columns:repeat(4,1fr)}

/* List Layout */
.lrw-display-list .league-rankings-grid{grid-template-columns:1fr}

/* League Item */
.league-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;transition:all .3s ease;overflow:hidden}
.league-item:hover{transform:translateY(-3px);box-shadow:0 4px 12px rgba(0,0,0,.1);border-color:#3b82f6}

/* League Link */
.league-link{display:flex;flex-direction:column;align-items:center;padding:15px 10px;text-decoration:none;color:#1f2937;gap:10px;min-height:100%}
.lrw-display-list .league-link{flex-direction:row;justify-content:flex-start;text-align:right}

/* League Logo */
.league-logo{width:50px;height:50px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.league-logo img{width:100%;height:100%;object-fit:contain;transition:transform .3s ease}
.league-item:hover .league-logo img{transform:scale(1.1)}
.lrw-no-logo .league-logo{display:none}

/* League Name */
.league-name{font-size:13px;font-weight:600;text-align:center;line-height:1.3;color:#374151;transition:color .3s ease}
.league-item:hover .league-name{color:#3b82f6}
.lrw-display-list .league-name{text-align:right;flex:1;font-size:14px}

/* Empty State */
.lrw-no-leagues{text-align:center;padding:30px 20px;color:#6b7280;font-size:14px;background:#f9fafb;border-radius:8px;border:1px dashed #d1d5db}

/* Responsive Design */
@media(max-width:768px){
.lrw-columns-4 .league-rankings-grid,
.lrw-columns-3 .league-rankings-grid{grid-template-columns:repeat(2,1fr)}
.league-link{padding:12px 8px}
.league-name{font-size:12px}
.league-logo{width:40px;height:40px}
}

@media(max-width:480px){
.lrw-columns-2 .league-rankings-grid,
.lrw-columns-3 .league-rankings-grid,
.lrw-columns-4 .league-rankings-grid{grid-template-columns:1fr}
.league-rankings-grid{gap:10px}
.league-link{flex-direction:row;justify-content:flex-start;padding:10px}
.league-name{text-align:right;flex:1}
}

/* RTL Support */
.rtl .league-name{text-align:center}
.rtl .lrw-display-list .league-name{text-align:left}
.rtl .lrw-display-list .league-link{flex-direction:row-reverse}

/* Dark Mode Support */
@media(prefers-color-scheme:dark){
.league-item{background:#1f2937;border-color:#374151}
.league-name{color:#e5e7eb}
.league-item:hover{border-color:#60a5fa;background:#111827}
.league-item:hover .league-name{color:#60a5fa}
.lrw-no-leagues{background:#1f2937;color:#9ca3af;border-color:#4b5563}
}

/* Loading State */
.league-logo img[src=""]{opacity:0}
.league-logo img{opacity:1;transition:opacity .3s ease}

/* Print Styles */
@media print{
.league-item{break-inside:avoid}
.league-item:hover{transform:none;box-shadow:none}
}