/*
 * SAS Gaming Unified — moc-game-directory plugin palette retrofit.
 *
 * Loaded only on games.sasgaming.net when ?theme=preview is active
 * (or the sas_theme_preview cookie is set). The mu-plugin enqueues
 * this file at priority 99 so it wins over the plugin's own CSS.
 *
 * Strategy: the plugin uses CSS custom properties (--gd-bg-*,
 * --gd-accent-*) that all its components consume. Redefining those
 * variables in :root flips the entire palette to the unified
 * blue/purple scheme without selector-by-selector rewrites.
 *
 * Hardcoded #66c0f4 / #1e3a8a / #6B21A8 references in the plugin
 * (rgba bits not covered by variables) get explicit overrides below.
 */

:root {
    --gd-bg-dark:        #0d0e12;  /* page background */
    --gd-bg-medium:      #14162a;  /* sidebar, banner placeholder */
    --gd-bg-card:        #1a1a2e;  /* card surfaces */
    --gd-bg-hover:       #232447;  /* card hover */
    --gd-border:         rgba(124, 58, 237, 0.30);
    --gd-text-primary:   #ffffff;
    --gd-text-secondary: #cbd5e1;
    --gd-text-muted:     #94a3b8;
    --gd-accent-blue:    #c4b5fd;  /* light purple — primary link/accent text */
    --gd-accent-green:   #34d399;  /* online status */
    --gd-accent-red:     #f87171;  /* offline status */
    --gd-accent-yellow:  #fbbf24;  /* warnings */
    --gd-accent-purple:  #6B21A8;  /* primary CTA / "official" badge */
}

/* ===== Hardcoded color overrides (plugin uses these as literals) ===== */

/* Filter button active state — plugin used rgba(102,192,244,0.1) (steam blue) */
.moc-gd-filter-btn.active {
    background: rgba(107, 33, 168, 0.18) !important;
    color: var(--gd-accent-blue) !important;
}
.moc-gd-filter-btn:hover {
    background: rgba(124, 58, 237, 0.10) !important;
}

/* Buttons — plugin had #6B21A8 (Discord-purple) and #1E3A8A (Steam-blue) */
.moc-gd-btn {
    background: var(--gd-accent-purple) !important;
    color: var(--gd-text-primary) !important;
    border: 1px solid #7c3aed !important;
}
.moc-gd-btn:hover {
    background: #7c3aed !important;
}
.moc-gd-btn.steam {
    background: var(--gd-accent-purple) !important;
    border-color: #7c3aed !important;
}
.moc-gd-btn.steam:hover {
    background: #7c3aed !important;
}

/* Category badge — plugin used rgba(102,192,244,*) */
.moc-gd-badge.category {
    background: rgba(107, 33, 168, 0.20) !important;
    color: var(--gd-accent-blue) !important;
    border-color: rgba(124, 58, 237, 0.40) !important;
}

/* Connection / copy button accents */
.moc-gd-copy-btn {
    background: var(--gd-bg-card) !important;
    color: var(--gd-text-primary) !important;
    border: 1px solid var(--gd-border) !important;
}
.moc-gd-copy-btn:hover {
    background: var(--gd-bg-hover) !important;
    color: var(--gd-accent-blue) !important;
}

/* Card hover ring — plugin used rgba(102,192,244,*) */
.moc-gd-card:hover {
    border-color: rgba(124, 58, 237, 0.40) !important;
    box-shadow: 0 6px 28px rgba(124, 58, 237, 0.20) !important;
}

/* Back link */
.moc-gd-back-link {
    color: var(--gd-accent-blue) !important;
}
.moc-gd-back-link:hover {
    color: var(--gd-text-primary) !important;
}