/*
Theme Name: GBL Broadcast Network
Theme URI: https://gblweekly.com
Description: A Retro-Broadcast theme inspired by 1989 TV Guides and Prodigy interfaces.
Author: The Architect
Version: 2.1.0 (Prodigy Patch)
*/

:root {
    /* PRODIGY PALETTE - NO MORE BLUE */
    --color-bg: #1a1a1d;       /* The Dark TV Grey */
    --color-panel: #2b2b2b;    /* Slightly lighter grey for boxes */
    --color-amber: #ffcc00;    /* The Prodigy Text Color */
    --color-red: #ff3333;      /* Alert Red */
    --color-white: #e0e0e0;
    
    --font-headline: 'Press Start 2P', cursive;
    --font-body: 'VT323', monospace; /* Switched to VT323 for better retro feel */
    
    --border-bevel: 4px solid #888;
    --border-bevel-inset: 4px solid #444;
}

/* Base Setup */
* { box-sizing: border-box; }

body {
    background-color: var(--color-bg);
    color: var(--color-white);
    font-family: var(--font-body);
    margin: 0;
    padding-bottom: 60px;
    /* Dirty Scanlines */
    background-image: repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(0,0,0,0.2) 2px, rgba(0,0,0,0.2) 4px);
}

a { color: var(--color-amber); text-decoration: none; }
a:hover { color: var(--color-bg); background-color: var(--color-amber); }

h1, h2, h3 {
    font-family: var(--font-headline);
    text-transform: uppercase;
    color: var(--color-amber); /* Force Headlines Amber */
    text-shadow: 2px 2px 0px #000;
}

/* Layout */
.container { max-width: 1200px; margin: 0 auto; padding: 20px; }

/* Header & Menu (THE FIX) */
.site-header {
    background-color: var(--color-bg); /* NO MORE BLUE */
    border-bottom: 4px solid #888;     /* Beveled Grey Border */
    padding: 15px 0;
    margin-bottom: 20px;
    text-align: center;
}
.site-title { font-size: 2rem; margin: 0; }
.site-title a { color: var(--color-amber); text-shadow: 0 0 5px var(--color-red); }

.main-navigation ul {
    list-style: none; padding: 0; display: flex; justify-content: center; gap: 10px; margin-top: 15px;
}
.main-navigation li a {
    background-color: var(--color-panel);
    color: var(--color-amber);
    padding: 10px 20px;
    font-family: var(--font-headline);
    font-size: 0.8rem;
    border: 2px solid #555;
    box-shadow: 2px 2px 0 #000;
}
.main-navigation li a:hover { 
    background: var(--color-amber); 
    color: var(--color-bg); 
}

/* The Muppet Stage (Hero) */
.hero-section {
    background-color: #000;
    border: 4px solid #555;
    padding: 20px;
    margin-bottom: 40px;
    box-shadow: 5px 5px 0px #000;
}

/* Post Grid */
.post-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 20px; }

.post-card { 
    background-color: var(--color-panel); /* Grey, not Blue */
    border: 2px solid #555; 
    padding: 15px; 
    box-shadow: 3px 3px 0 #000;
}

.read-more { 
    background: var(--color-amber); 
    color: black; 
    padding: 5px 10px; 
    font-family: var(--font-headline); 
    font-size: 0.7rem; 
    display: inline-block; 
    margin-top: 10px; 
}

/* Footer Ticker */
.site-footer {
    position: fixed; bottom: 0; left: 0; width: 100%; height: 40px;
    background-color: var(--color-bg); 
    color: var(--color-amber);
    border-top: 4px solid var(--color-red);
    z-index: 999; display: flex; align-items: center;
    font-family: var(--font-headline); font-size: 0.8rem;
}
.ticker-wrap { width: 100%; overflow: hidden; white-space: nowrap; }
.ticker-move { display: inline-block; white-space: nowrap; animation: ticker 20s linear infinite; }
.ticker-item { display: inline-block; padding: 0 2rem; }
@keyframes ticker { 0% { transform: translate3d(100%, 0, 0); } 100% { transform: translate3d(-100%, 0, 0); } }

/* SportsPress Overrides (THE FIX) */
.sp-league-table { background-color: transparent !important; border: 2px solid var(--color-amber) !important; font-family: var(--font-body); }
.sp-league-table thead th { background-color: var(--color-panel) !important; color: var(--color-amber) !important; border-bottom: 2px solid var(--color-amber) !important; }
.sp-league-table tbody td { border: 1px solid #333 !important; color: var(--color-white) !important; }
/* === THE SPONSOR COLUMNS (FORCED VIEW) === */
.retro-ad {
    position: fixed;
    top: 150px; 
    width: 120px; /* Slightly narrower to fit */
    height: 350px;
    background: #000;
    border: 4px solid #444;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-family: 'Press Start 2P', cursive;
    z-index: 9999; /* Force to the front */
    box-shadow: 0 0 15px rgba(0,0,0,1);
}

.ad-left { 
    left: 5px; /* Closer to the edge */
    border-color: #00cc00; 
    color: #00cc00; 
}

.ad-right { 
    right: 5px; /* Closer to the edge */
    border-color: var(--color-red); 
    color: var(--color-red); 
}

.ad-content h4 { font-size: 8px; margin-bottom: 10px; }
.ad-content p { font-size: 8px; color: #aaa; margin-bottom: 10px; font-family: var(--font-body); }
.ad-price { background: #00cc00; color: #000; padding: 3px; font-size: 10px; }

/* REVEAL ON ALL BUT THE SMALLEST SCREENS */
@media (max-width: 1000px) {
    .retro-ad { display: none; }
}