/* 
 * Baseball Monster - MLB Colors Override
 * Version: bm.mlb.2025-01-26.02.light.css
 * Theme: Light
 * 
 * Usage: Load AFTER bm.2025-01-26.02.light.css
 * Example:
 *   <link rel="stylesheet" href="bm.light.2025-01-26.02.css" />
 *   <link rel="stylesheet" href="bm.mlb.light.2025-01-26.02.css" />
 */

 :root {
    /* BASEBALL BRAND COLORS */
    --brand-primary: #2d7a3e;        /* Baseball green */
    --brand-primary-light: #3d9b4f;
    --brand-primary-dark: #1e5a2d;
    --brand-accent: #4ade80;         /* Bright green accent */
    --brand-primary-rgb: 45, 122, 62;
    --table-header-bg: #1a4d28;
    
    /* POSITION COLORS - Baseball positions */
    --pos-c: #1aa3ff;
    --pos-1b: #339900;
    --pos-2b: #4d4dff;
    --pos-ss: #cc0000;
    --pos-3b: #ff6600;
    --pos-of: #aa00ff;
    --pos-dh: #94a3b8;
    --pos-sp: #b35600;
    --pos-rp: #e6008a;
    --pos-cl: #e6008a;
    --pos-ph: #94a3b8;

    --game-winner-border: #166534;
}

/* Update SVG dropdown arrows to green */
.modern-filter-select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%232d7a3e' d='M5 7L1 3h8z'/%3E%3C/svg%3E");
}

/* Page title with green background spanning full width */
.page-title {
    background: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-primary-light) 100%);
    color: white;
    font-size: 1.75rem;
    font-weight: 700;
    margin: 0 0 2rem 0;
    padding: 1.5rem 1rem;
    box-shadow: 0 4px 12px rgba(45, 122, 62, 0.2);
    border-radius: 8px;
}

/* Override orange glows with green */
.navbar-dark {
    box-shadow: 0 20px 40px rgba(45, 122, 62, 0.2);
}

.modern-filter-select:focus {
    box-shadow: 0 0 0 4px rgba(45, 122, 62, 0.15), 0 4px 12px rgba(0, 0, 0, 0.1);
}

.modern-filter-badge:not([data-pos]):hover {
    background: rgba(45, 122, 62, 0.05);
}

.modern-filter-badge:not([data-pos]).active {
    box-shadow: 0 2px 8px rgba(45, 122, 62, 0.3);
}

.modern-filter-btn-primary:hover {
    box-shadow: 0 3px 10px rgba(45, 122, 62, 0.2);
}

.page-header {
    padding: 0.75rem 1rem;
    padding-left: 1.5rem;
    padding-bottom: 1rem;
    text-align: left;
    border-radius: 0 0 20px 20px;
    margin-bottom: 1rem;
}
.page-header h1 {
    padding: 0;
    font-size: 2.25rem;
    font-weight: 800;
    margin-bottom: 0;
}
.page-header .subtitle {
    margin: 0;
    font-size: 1.25rem;
    opacity: 0.9;
}

.rankings-table a, .modern-stats-table a { color: #1a4d28; }
.rankings-table a:hover, .modern-stats-table a:hover { color: #2d7a3e; text-shadow: none; }

.card-based h2 { color: #1a4d28; }
.card-based h3 { color: #2d7a3e; }

.modern-filter-section-title {
    color: #2d7a3e;
}