/* ============================================================
   SportStream WP — Theme: Classic Green
   Football pitch inspired — forest green, gold accents, clean professional.
   ============================================================ */

:root {
    --ss-primary:     #0f2818;
    --ss-secondary:   #143520;
    --ss-accent:      #ffd700;
    --ss-accent-rgb:  255, 215, 0;
    --ss-card-bg:     #1a3e25;
    --ss-card-hover:  #1f4a2c;
    --ss-text:        #f0f7f2;
    --ss-text-muted:  #82a98d;
    --ss-border:      rgba(255,255,255,0.09);
    --ss-shadow:      0 8px 32px rgba(0,0,0,0.4);
    --ss-overlay:     linear-gradient(to top, rgba(10,30,15,0.95) 0%, rgba(10,30,15,0.35) 60%, transparent 100%);
}

/* Grass texture subtle background */
.ss-wrapper, .ss-player-page {
    background-image: 
        radial-gradient(ellipse at 20% 80%, rgba(255,215,0,0.04) 0%, transparent 60%),
        radial-gradient(ellipse at 80% 20%, rgba(19,122,81,0.15) 0%, transparent 50%);
}

/* Gold header border */
.ss-wrapper .ss-header {
    border-bottom: 1px solid rgba(255,215,0,0.2);
}

/* Card gold hover */
.ss-card:hover {
    border-color: rgba(255,215,0,0.45);
    box-shadow: 0 16px 40px rgba(0,0,0,0.5), 0 0 0 1px rgba(255,215,0,0.2);
}

/* Gold tab */
.ss-tab.active {
    background: #ffd700;
    color: #0f2818;
    box-shadow: 0 4px 14px rgba(255,215,0,0.35);
}

/* Gold live badge */
.ss-live-badge,
.ss-live-text {
    background: #ffd700 !important;
    color: #0f2818 !important;
}

.ss-live-dot {
    background: #ffd700 !important;
}

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

/* Gold watch button */
.ss-watch-btn {
    background: #ffd700;
    color: #0f2818 !important;
    font-weight: 800;
}

.ss-watch-btn:hover {
    background: #ffed4a;
    box-shadow: 0 6px 24px rgba(255,215,0,0.45);
    color: #0f2818 !important;
}

/* Player */
.ss-player-header {
    background: linear-gradient(135deg, #143520 0%, #0f2818 100%);
    border-bottom: 1px solid rgba(255,215,0,0.15);
}

.ss-live-indicator {
    background: rgba(255,215,0,0.15);
    color: #ffd700;
    border-color: rgba(255,215,0,0.4);
}

.ss-pulse { background: #ffd700; }

/* Server active */
.ss-server-btn.active {
    background: rgba(255,215,0,0.12);
    border-color: rgba(255,215,0,0.5);
}

.ss-server-btn.active .ss-server-icon {
    background: #ffd700;
    color: #0f2818;
}

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

.ss-server-count {
    background: rgba(255,215,0,0.15);
    color: #ffd700;
    border-color: rgba(255,215,0,0.25);
}

/* Meta */
.ss-meta-servers { color: #7ccd85; }

.ss-loader-spinner { border-top-color: #ffd700; }

.ss-server-list::-webkit-scrollbar-thumb {
    background: rgba(255,215,0,0.25);
}