/* Import Sporty Fonts */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@600;700&family=Inter:wght@400;700&display=swap');

:root {
    --ncaa-blue: #004b8d;
    --ncaa-orange: #ff6600;
    --dark-bg: #1a1a1a;
}

/* --- 1. GLOBAL FULL-WIDTH RESET --- */
body {
    background-color: #f0f2f5 !important;
    font-family: 'Inter', sans-serif !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    overflow-x: hidden;
}

/* Force every container to hit the edges of the screen */
.fillerpaddingstyle, 
table, 
.datatable, 
.filler, 
.flextop {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
    border-radius: 0 !important; /* Removes rounded corners for true edge-to-edge */
}

/* --- 2. HEADER & "BLEEDING" TEXT FIXES --- */
table.header, 
table.header tr, 
table.header td {
    height: auto !important;
    min-height: 50px !important;
    vertical-align: middle !important;
    overflow: visible !important;
    background-color: #333 !important; /* Ensures the bar is dark if image fails */
    background-size: cover !important;
}

.title {
    font-family: 'Oswald', sans-serif !important;
    font-size: 22px !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
    display: inline-block !important;
    width: 100% !important;
    line-height: 1.4 !important;
    padding: 10px 0 !important;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.5) !important;
}

/* "2026 Fearless NCAA Pool" correction (Orange-on-Orange fix) */
.subtitle {
    font-family: 'Oswald', sans-serif !important;
    color: #ffffff !important; 
    font-size: 28px !important;
    font-style: normal !important;
    text-shadow: 2px 2px 0px var(--ncaa-blue), 3px 3px 10px rgba(0,0,0,0.5) !important;
    padding-right: 15px !important;
}

/* --- 3. DATA TABLES & PICKS --- */
th {
    background-color: var(--ncaa-blue) !important;
    color: white !important;
    font-family: 'Oswald', sans-serif !important;
    padding: 12px 5px !important;
    text-transform: uppercase;
}

.datatable {
    display: table !important; /* Keeps table structure for desktop */
}

@media screen and (max-width: 600px) {
    .datatable {
        display: block !important; /* Allows scrolling on mobile */
        overflow-x: auto !important;
    }
}

.oddcorrectpick, .evencorrectpick {
    background-color: #d4edda !important;
    color: #155724 !important;
    font-weight: bold !important;
}

.oddwrongpick, .evenwrongpick {
    color: #721c24 !important;
    text-decoration: line-through !important;
    background-color: #f8d7da !important;
}

/* --- 4. CLEANUP & COUNTDOWN --- */
img[src*="spacer.gif"], img[width="1"], img[height="2"] {
    display: none !important;
}

img {
    max-width: 100% !important;
    height: auto !important;
}

#countdown-container {
    margin: 10px 0 !important; /* Full width countdown */
    padding: 20px !important;
    background: var(--dark-bg) !important;
    border-top: 3px solid var(--ncaa-orange) !important;
    border-bottom: 3px solid var(--ncaa-orange) !important;
    width: 100% !important;
    box-sizing: border-box !important;
}