/* Apex Pulse Racing - Standings Table */ 
.wpgetapi-table { 
    width: 100%; 
    border-collapse: collapse; 
    background-color: #1a1a1a; /* Dark background */ 
    color: white; 
    font-family: sans-serif; 
} 

.wpgetapi-table th { 
    background-color: #333; 
    padding: 15px; 
    text-align: left; 
    text-transform: uppercase; 
    font-size: 0.8rem; 
} 

.wpgetapi-table td { 
    padding: 12px 15px; 
    border-bottom: 1px solid #333; 
} 

.wpgetapi-table tr:hover { 
    background-color: #252525; /* Hover effect */ 
} 

/* Make the Points stand out */ 
.wpgetapi-table td:last-child { 
    font-weight: bold; 
    color: #FFD700; /* Gold for points */ 
} 

/* Container & Table Styling */ 
.f1-container { 
    background: #0b0b0b; 
    border-radius: 12px; 
    padding: 10px; 
    overflow-x: auto; 
} 

.f1-table { 
    width: 100%; 
    border-collapse: separate; 
    border-spacing: 0 8px; 
    color: #fff; 
} 

.f1-table th { 
    color: #888; 
    font-size: 11px; 
    letter-spacing: 2px; 
    padding: 10px 15px; 
} 

/* Row & Driver Styling */ 
.f1-table tr { 
    background: #1a1a1a; 
    transition: transform 0.2s ease; 
} 

.f1-table tr:hover { 
    background: #252525; 
    transform: scale(1.01); 
} 

.f1-driver { 
    display: flex; 
    align-items: center; 
    position: relative; 
    padding: 10px !important; 
} 

.driver-img { 
    width: 40px; 
    height: 40px; 
    border-radius: 50%; 
    background: #333; 
    margin: 0 15px; 
} 

.driver-name { 
    display: block; 
    font-weight: 800; 
    font-size: 1.1rem; 
} 

.team-name { 
    display: block; 
    color: #888; 
    font-size: 0.75rem; 
    text-transform: uppercase; 
} 

/* Position & Points Styling */ 
.f1-pos { 
    font-style: italic; 
    font-weight: 900; 
    font-size: 1.3rem; 
    color: #444; 
    text-align: center; 
} 

.f1-pts { 
    font-weight: 800; 
    font-size: 1.2rem; 
    text-align: right; 
    padding-right: 20px !important; 
} 

.f1-pts small { 
    color: #888; 
    font-size: 0.6rem; 
} 

/* Force all rows to be dark and remove theme grey striping */ 
.f1-table tr, .f1-table tr:nth-child(even), .f1-table tr:nth-child(odd) { 
    background-color: #1a1a1a !important; 
} 

/* Ensure all text stays white regardless of theme settings */ 
.f1-table td, .f1-table .driver-name { 
    color: #ffffff !important; 
} 

/* Optional: Add a very subtle darker shade for even rows if you still want a "hint" of a pattern */ 
.f1-table tr:nth-child(even) { 
    background-color: #141414 !important; 
} 

/* Gold, Silver, Bronze Podium Highlights */ 
.f1-table tr:nth-child(1) td.f1-pos { 
    color: #FFD700 !important; 
    text-shadow: 0 0 10px rgba(255, 215, 0, 0.5); 
} 

.f1-table tr:nth-child(2) td.f1-pos { 
    color: #C0C0C0 !important; 
} 

.f1-table tr:nth-child(3) td.f1-pos { 
    color: #CD7F32 !important; 
} 

/* Make the Rank number a bit bigger for the Top 3 */ 
.f1-table tr:nth-child(-n+3) td.f1-pos { 
    font-size: 1.6rem !important; 
} 

/* Circular background for team logos on dark background */ 
.team-logo-circle { 
    width: 45px; 
    height: 45px; 
    background-color: #ffffff; /* White circle background */ 
    border-radius: 50%; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    margin: 0 15px; 
    overflow: hidden; 
    padding: 6px; /* Padding keeps logos from touching the edges */ 
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.1); 
} 

/* Ensure logos fit properly inside the circle */ 
.constructor-logo { 
    max-width: 100%; 
    max-height: 100%; 
    object-fit: contain; 
    display: block; 
} 

/* Ensure consistent alignment with driver info */ 
.f1-driver { 
    display: flex; 
    align-items: center; 
    padding: 10px !important; 
} 

.schedule-title { 
    color: #fff; 
    border-left: 4px solid #e10600; /* F1 Red stripe */ 
    padding-left: 15px; 
    margin: 40px 0 20px 0; 
    font-weight: 800; 
    text-transform: uppercase; 
    letter-spacing: 1px; 
} 

.completed-header { 
    border-left-color: #555; /* Grey stripe for history */ 
    opacity: 0.8; 
} 

.f1-session-type { 
    font-weight: 700; 
    color: #e10600; /* F1 Red */ 
    letter-spacing: 1px; 
    text-transform: uppercase; 
    font-size: 0.85rem; 
} 

.gp-weekend-block { 
    margin-bottom: 50px; 
} 

.f1-table td { 
    padding: 10px 15px !important; 
} 

.f1-btn { 
    background-color: #333; 
    color: #fff; 
    border: 1px solid #444; 
    padding: 12px 24px; 
    border-radius: 4px; 
    cursor: pointer; 
    font-weight: 800; 
    text-transform: uppercase; 
    display: block; 
    margin: 30px auto; 
    transition: background 0.3s; 
} 

.f1-btn:hover { 
    background-color: #e10600; /* F1 Red on hover */ 
    border-color: #e10600; 
} 

/* Fix for White Background - Make headers dark */ 
.schedule-title { 
    color: #1a1a1a !important; /* Dark Grey/Black for readability */ 
    border-left: 5px solid #e10600; /* Keeping the F1 Red accent */ 
    background-color: #f5f5f5; /* Light grey bar behind the text */ 
    padding: 10px 15px; 
    margin: 40px 0 10px 0; 
    font-size: 1.4rem; 
} 

/* Specific styling for the Completed Races headers */ 
.completed-header { 
    color: #555555 !important; 
    border-left-color: #888888; 
    background-color: #eeeeee; 
    opacity: 0.9; 
} 

/* Ensure the table headers (Session, Date, Time) are also visible */ 
.f1-table th { 
    background-color: #333333 !important; 
    color: #ffffff !important; 
} 

/* Results Accordion Styling */ 
.f1-results-accordion { 
    background: #f1f1f1; 
    margin: 10px 0; 
    border-radius: 4px; 
    border: 1px solid #ddd; 
} 

.f1-results-accordion summary { 
    padding: 12px; 
    font-weight: 800; 
    color: #e10600; /* F1 Red */ 
    cursor: pointer; 
    list-style: none; 
    text-align: center; 
} 

.f1-results-accordion summary::-webkit-details-marker { 
    display: none; 
} 

.results-subtable { 
    margin: 0 !important; 
    font-size: 0.85rem; 
    background: white; 
} 

.result-card { 
    background: #ffffff; 
    border-radius: 8px; 
    padding: 20px; 
    margin-bottom: 40px; 
    box-shadow: 0 4px 15px rgba(0,0,0,0.1); 
    border-top: 5px solid #e10600; 
} 

.result-gp-title { 
    color: #1a1a1a; 
    font-weight: 900; 
    margin-bottom: 15px; 
    font-size: 1.6rem; 
} 

.winner-hero { 
    background: #1a1a1a; 
    color: white; 
    padding: 15px; 
    border-radius: 4px; 
    margin-bottom: 15px; 
    display: flex; 
    flex-direction: column; 
} 

.winner-label { 
    color: #e10600; 
    font-size: 0.7rem; 
    font-weight: 800; 
    letter-spacing: 1px; 
} 

.winner-name { 
    font-size: 1.4rem; 
    font-weight: 900; 
} 

.winner-team { 
    font-size: 0.8rem; 
    opacity: 0.7; 
} 

/* CHAT GPT RESPONSES */
.f1-calendar-wrapper { 
    display: flex; 
    flex-direction: column; 
    gap: 25px; 
} 

.race-card { 
    background: #0d0d0d; 
    color: #fff; 
    padding: 18px; 
    border-radius: 12px; 
    border-left: 4px solid #e10600; 
} 

.upcoming-tag { 
    display: inline-block; 
    margin-top: 10px; 
    padding: 5px 10px; 
    background: #444; 
    border-radius: 6px; 
    font-size: 12px; 
} 

.race-table { 
    width: 100%; 
    margin-top: 15px; 
    border-collapse: collapse; 
} 

.race-table th, .race-table td { 
    border: 1px solid #333; 
    padding: 8px; 
} 

.race-table th { 
    background: #222; 
}