/* ============================================================
   SportStream WP — Theme: Midnight Blue
   Deep navy blue, gold accents — sophisticated premium sports style.
   ============================================================ */

:root {
    --ss-primary:     #060d1f;
    --ss-secondary:   #0b1530;
    --ss-accent:      #f59e0b;
    --ss-accent-rgb:  245, 158, 11;
    --ss-card-bg:     #0f1e3d;
    --ss-card-hover:  #142550;
    --ss-text:        #e8eaf6;
    --ss-text-muted:  #6a7fa8;
    --ss-border:      rgba(255,255,255,0.07);
    --ss-shadow:      0 8px 40px rgba(0,0,0,0.55);
    --ss-overlay:     linear-gradient(to top, rgba(6,13,31,0.97) 0%, rgba(6,13,31,0.4) 55%, transparent 100%);
}

/* Starfield subtle effect */
.ss-wrapper, .ss-player-page {
    background-image:
        radial-gradient(ellipse at 15% 85%, rgba(245,158,11,0.05) 0%, transparent 55%),
        radial-gradient(ellipse at 85% 15%, rgba(96,165,250,0.06) 0%, transparent 50%);
}

/* Premium header */
.ss-wrapper .ss-header {
    border-bottom: 1px solid rgba(245,158,11,0.2);
}

/* Gold card hover */
.ss-card:hover {
    border-color: rgba(245,158,11,0.4);
    box-shadow: 0 20px 50px rgba(0,0,0,0.65), 0 0 0 1px rgba(245,158,11,0.2);
}

/* Gold tab */
.ss-tab {
    border-color: rgba(255,255,255,0.06);
}

.ss-tab.active {
    background: #f59e0b;
    color: #060d1f;
    font-weight: 800;
    box-shadow: 0 4px 16px rgba(245,158,11,0.4);
}

/* Gold live badge */
.ss-live-badge {
    background: #f59e0b;
    color: #060d1f;
    font-weight: 800;
}

.ss-live-dot { background: #f59e0b; }

@keyframes ss-pulse-dot {
    0%   { box-shadow: 0 0 0 0 rgba(245,158,11,0.7); }
    70%  { box-shadow: 0 0 0 10px rgba(245,158,11,0); }
    100% { box-shadow: 0 0 0 0 rgba(245,158,11,0); }
}

/* Gold watch button */
.ss-watch-btn {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
    color: #060d1f !important;
    font-weight: 800;
    border: none;
}

.ss-watch-btn:hover {
    background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
    box-shadow: 0 6px 24px rgba(245,158,11,0.5);
    color: #060d1f !important;
}

/* Player header */
.ss-player-header {
    background: linear-gradient(135deg, #0b1530 0%, #060d1f 100%);
    border-bottom: 1px solid rgba(245,158,11,0.15);
}

.ss-live-indicator {
    background: rgba(245,158,11,0.12);
    color: #f59e0b;
    border-color: rgba(245,158,11,0.35);
}

.ss-pulse { background: #f59e0b; }

/* Server nav */
.ss-server-sidebar {
    background: #0b1530;
    border-color: rgba(245,158,11,0.1);
}

.ss-server-btn.active {
    background: rgba(245,158,11,0.1);
    border-color: rgba(245,158,11,0.5);
}

.ss-server-btn.active .ss-server-icon {
    background: #f59e0b;
    color: #060d1f;
}

.ss-status-active { color: #f59e0b; }

.ss-server-count {
    background: rgba(245,158,11,0.15);
    color: #f59e0b;
    border-color: rgba(245,158,11,0.25);
}

/* Player controls bar */
.ss-player-controls-bar {
    background: #0b1530;
}

/* Channel pills */
.ss-chan-pill { border-color: rgba(245,158,11,0.15); }

/* Loader */
.ss-loader-spinner {
    border-top-color: #f59e0b;
    box-shadow: 0 0 16px rgba(245,158,11,0.3);
}

/* Meta */
.ss-meta-servers { color: #6ee7b7; }

/* Scrollbar */
.ss-server-list::-webkit-scrollbar-thumb {
    background: rgba(245,158,11,0.25);
}

/* Player nav */
.ss-player-nav {
    background: #0b1530;
    border-color: rgba(245,158,11,0.1);
}