/* Global Font Control */
#fp-widget, #fp-widget table {
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
}

/* Header Customization (The white headers) */
#fp-widget table thead tr th {
    background-color: #002863 !important;
    color: #ffffff !important;
    text-transform: uppercase;
}

/* Row and Cell Backgrounds */
#fp-widget table.table-striped tbody tr,
#fp-widget table.table-striped tbody tr td {
    background-color: #071a3d !important;
    color: #ffffff !important;
}

/* Alternating Row Colors */
#fp-widget table.table-striped tbody tr:nth-child(even),
#fp-widget table.table-striped tbody tr:nth-child(even) td {
    background-color: #0a2654 !important;
}

/* Link Color (The player names) */
#fp-widget a {
    color: #ffa515 !important;
    text-decoration: none;
}

/* Clean Borders */
#fp-widget table td, 
#fp-widget table th {
    border-color: #14294d !important;
}

/* Darken the background container for the navigation */
#fp-widget .pills-wrap.feature-bg {
    background-color: #0a0f1a !important;
    border-top: 1px solid #14294d !important; 
    border-bottom: 1px solid #14294d !important;
}

/* Target the active pill to ensure it has a rounded pill shape */
#fp-widget ul.pills li.active {
    background-color: #ffa515 !important;
    color: #000000 !important;
    border: none !important;
    background-image: none !important;
}

/* Ensure inactive pills also follow the rounded theme */
#fp-widget ul.pills li {
    border-radius: 50px !important;
    background-color: #071a3d !important;
    color: #ffffff !important;
    border: none !important;
}

#fp-widget ul.pills li.active a {
    background-color: #ffa515 !important; 
    color: #071a3d !important;         
    border-radius: 50px !important;    
    padding: 5px 15px !important;
    display: inline-block !important;
    border: 1px solid #ffa515 !important;
}

/* Ensure the text inside the pills is readable */
#fp-widget ul.pills li a {
    color: #ffffff !important;
}

/* Darken the Scoring and Download bar */
#fp-widget #fp-widget-subDiv {
    background-color: #0a0f1a !important; 
    color: #ffffff !important;
    border: none !important;
}

/* Ensure the text inside that bar is readable */
#fp-widget #fp-widget-subDiv, 
#fp-widget #fp-widget-subDiv label, 
#fp-widget #fp-widget-subDiv a {
    color: #ffffff !important;
}