/* FETV MASTER STYLE - 2026 RESTORED */
:root { 
    --diner-teal: #5fa9ab; 
    --diner-red: #b32424; 
    --chrome: linear-gradient(145deg, #e0e0e0, #888, #fff); 
    --steel: #2e2e2e; 
}

/* THE METAL BACKGROUND */
body { 
    background-color: var(--steel); 
    background-image: radial-gradient(#111 1.2px, transparent 1.2px);
    background-size: 24px 24px;
    color: white; 
    font-family: 'Segoe UI', sans-serif; 
    display: flex; 
    flex-direction: column; 
    align-items: center; 
    margin: 0; 
    padding: 20px 0; 
    overflow-x: hidden; 
}

/* Ensure the video sits on top of the black background */
#tv-player {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: none;
    position: absolute; /* Changed to absolute to overlay static */
    top: 0;
    left: 0;
    z-index: 20; 
    background: #000;
}

#tv-static {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: #111;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    color: #555;
}

/* Restored Footer Styles */
footer { 
    margin-top: 60px; 
    color: #888; 
    font-size: 13px; 
    text-align: center;
    width: 100%;
}

footer a { 
    color: var(--diner-teal); 
    text-decoration: none; 
    font-weight: bold; 
}

/* PULSING LOGO GLOW */
.logo-container img { 
    width: 220px; 
    animation: glowPulse 3s infinite ease-in-out;
}

@keyframes glowPulse {
    0%, 100% { filter: drop-shadow(0 0 5px rgba(95, 169, 171, 0.4)); }
    50% { filter: drop-shadow(0 0 20px rgba(95, 169, 171, 0.9)); }
}

/* SPONSOR BANNER */
.sponsor-banner { 
    width: 728px; 
    background: #fff; 
    color: #111; 
    padding: 12px; 
    text-align: center; 
    font-weight: 900; 
    border: 4px solid #888; 
    margin-bottom: 25px; 
    box-shadow: 0 8px 20px rgba(0,0,0,0.5); 
    text-transform: uppercase; 
}

/* TV CONSOLE STRUCTURE */
.tv-wrapper { position: relative; padding-bottom: 150px; }

.tv-console { 
    position: relative; 
    width: 920px; 
    height: 580px; 
    background: var(--diner-teal); 
    border-radius: 100px; 
    border: 18px solid #ccc; 
    display: flex; 
    align-items: center; 
    padding: 0 50px; 
    box-shadow: inset 0 0 60px rgba(0,0,0,0.6), 20px 40px 50px rgba(0,0,0,0.8); 
    z-index: 2; 
}

.screen-bezel { 
    flex: 3; 
    height: 85%; 
    background: #000; 
    border: 25px solid #1a1a1a; 
    border-radius: 140px / 90px; 
    overflow: hidden; 
    position: relative; 
    cursor: pointer; 
}

video { width: 100%; height: 100%; object-fit: cover; display: none; position: relative; z-index: 5; background: #000; }

#tv-static { 
    position: absolute; 
    top: 0; left: 0; 
    width: 100%; height: 100%; 
    background: #111; 
    z-index: 10; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    font-weight: bold; 
    font-size: 24px; 
    text-align: center; 
}

/* 3D DIALS */
.control-area { flex: 1; display: flex; flex-direction: column; gap: 45px; align-items: center; }

.knob { 
    width: 85px; 
    height: 85px; 
    background: radial-gradient(circle at 30% 30%, #fff 0%, #ccc 40%, #888 100%); 
    border: 4px solid #444; 
    border-radius: 50%; 
    position: relative; 
    box-shadow: 5px 10px 15px rgba(0,0,0,0.5), inset -2px -2px 5px rgba(0,0,0,0.4); 
    cursor: pointer; 
}

.knob::after { 
    content: ""; 
    position: absolute; 
    width: 10px; 
    height: 35px; 
    background: var(--diner-red); 
    top: 6px; 
    left: 50%; 
    transform: translateX(-50%); 
    border-radius: 5px; 
    box-shadow: 1px 2px 3px rgba(0,0,0,0.3); 
}

/* LEGS */
.tv-legs { position: absolute; bottom: 0px; width: 100%; height: 140px; z-index: 1; pointer-events: none; }

.leg { 
    position: absolute; 
    width: 35px; 
    height: 165px; 
    background: var(--chrome); 
    border-radius: 6px; 
    box-shadow: 10px 15px 25px rgba(0,0,0,0.7); 
}

.leg-left { left: 180px; transform: rotate(15deg); }
.leg-right { right: 180px; transform: rotate(-15deg); }

/* GUIDE MODAL */
#guide-modal { 
    display: none; 
    position: fixed; 
    top: 50%; left: 50%; 
    transform: translate(-50%, -50%); 
    width: 450px; 
    background: rgba(5, 5, 5, 0.98); 
    border: 2px solid var(--diner-teal); 
    z-index: 100; 
    padding: 25px; 
    font-family: monospace; 
    box-shadow: 0 0 50px #000; 
}

.guide-item { padding: 8px; border-bottom: 1px solid #222; font-size: 12px; color: #666; }
.guide-item.active { color: #fff; font-weight: bold; border-left: 3px solid var(--diner-teal); }

/* FOOTER */
footer { margin-top: 60px; color: #888; font-size: 13px; }
footer a { color: var(--diner-teal); text-decoration: none; font-weight: bold; }


.guide-time { 
    font-weight: bold; 
    min-width: 60px; /* Adjusted to fit the word NEXT */
    text-align: left;
}
.guide-row.active {
    background: #222; /* Darker highlight for the 'NOW' show */
    color: #fff;
    border-left: 5px solid red; /* Adds a little "Live" red stripe */
}

.guide-dur { display: none !important; }


.footer-wrap {
    text-align: center;
    padding: 20px 0;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* The part you wanted lighter (#aaa is a soft, light grey) */
.light-text {
    color: #aaaaaa; 
    font-size: 14px;
}

/* BCHost - Bold and Teal */
.bchost-brand {
    color: #008080; 
    font-weight: bold;
    text-decoration: none;
    font-size: 14px;
}

/* Legal Links line */
.footer-sub-line {
    margin-top: 8px;
    font-size: 12px;
    color: #bbbbbb; /* Very light grey for the separator "|" */
}

/* Legal Links - Static Gray, no hover change */
.legal-link {
    color: #bbbbbb !important;
    text-decoration: none !important;
    cursor: pointer;
}

.legal-link:hover {
    color: #bbbbbb !important; /* Forces color to stay light on mouseover */
    text-decoration: none !important;
}

/* Show only the first 10 rows in the guide, hide the rest */
#guide-list .guide-row:nth-child(n+12) {
    display: none !important;
}