
@import url('https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css');

:root {
    --dnn-sports-gold: #ffc107;
    --dnn-sports-silver: #adb5bd;
    --dnn-sports-bronze: #fd7e14;
}

.card-body .badge {
    font-size: 0.875rem !important; 
    font-weight: 500 !important;
    line-height: 1.2 !important;
    display: inline-flex !important;
    align-items: center !important;
}

.dnn-sports-table .badge {
    font-size: 0.9rem !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    padding: 6px 12px !important; 
    display: inline-block !important;
}

.dnn-sports-badge-gold { 
    background-color: rgba(255, 193, 7, 0.25) !important; 
    color: #856404 !important; 
}

.dnn-sports-badge-silver { 
    background-color: rgba(173, 181, 189, 0.25) !important; 
    color: #383d41 !important; 
}

.dnn-sports-badge-bronze { 
    background-color: rgba(253, 126, 20, 0.25) !important; 
    color: #853c03 !important; 
}

.dnn-sports-hero-header {
    background: linear-gradient(135deg, #0d6efd 0%, #0a58ca 100%);
    color: #ffffff !important;
    border-radius: 0 0 1.5rem 1.5rem;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
}

.dnn-sports-hero-header h1 {
    color: #ffffff !important;
    margin-bottom: 0;
}

.dnn-sports-stat-card {
    border: none;
    border-radius: 0.8rem;
    transition: transform 0.2s;
}

.dnn-sports-stat-card:hover {
    transform: translateY(-3px);
}

.dnn-sports-icon-box {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 1.25rem !important;
    flex-shrink: 0 !important;
}

.dnn-sports-icon-box i {
    font-size: 1.25rem !important;
    line-height: 1 !important;
}


.dnn-sports-bg-blue {
    background-color: #e7f1ff !important;
    color: #0d6efd !important;
}

.dnn-sports-bg-green {
    background-color: #e6f4ea !important;
    color: #198754 !important;
}

.dnn-sports-bg-cyan {
    background-color: #cff4fc !important;
    color: #0dcaf0 !important;
}

.dnn-sports-bg-yellow {
    background-color: #fff3cd !important;
    color: #ffc107 !important;
}

.dnn-sports-badge-gold { 
    background-color: rgba(255, 193, 7, 0.25); 
    color: #856404; 
    font-weight: bold; 
}

.dnn-sports-badge-silver { 
    background-color: rgba(173, 181, 189, 0.25); 
    color: #383d41; 
    font-weight: bold; 
}

.dnn-sports-badge-bronze { 
    background-color: rgba(253, 126, 20, 0.25); 
    color: #853c03; 
    font-weight: bold; 
}

.dnn-sports-rank-1 { 
    background-color: rgba(255, 193, 7, 0.12) !important; 
}

.dnn-sports-rank-2 { 
    background-color: rgba(173, 181, 189, 0.12) !important; 
}

.dnn-sports-rank-3 { 
    background-color: rgba(253, 126, 20, 0.12) !important; 
}

.dnn-sports-crown-icon { 
    font-size: 0.85rem; 
    margin-right: 5px; 
}

.dnn-sports-crown-1 { color: #d39e00; }
.dnn-sports-crown-2 { color: #6c757d; }
.dnn-sports-crown-3 { color: #d9480f; }

.dnn-sports-table th {
    white-space: nowrap;
    vertical-align: middle;
}

.dnn-sports-zero-val {
    opacity: 0.35;
}
