/* SDLL Theme - Forest Green and Orange color scheme */
/* Override the default blue theme (rgb(24, 154, 211)) */

:root {
    --sdll-green: rgb(34, 139, 34);
    --sdll-green-dark: rgb(28, 112, 28);
    --sdll-green-light: rgb(50, 180, 50);
    --sdll-orange: rgb(255, 140, 0);
    --sdll-orange-dark: rgb(220, 120, 0);
    --sdll-orange-light: rgb(255, 165, 50);
    --sdll-gray-light: #f5f5f5;
    --sdll-gray: #888;
    --sdll-gray-dark: #333;
}

/* Primary color overrides - replace blue with green */
.site-blue { color: var(--sdll-green) !important; }
div.site-blue { color: var(--sdll-green) !important; }
span.site-blue { color: var(--sdll-green) !important; }

/* Button styling */
.btn-primary, .custom-file-input-button.blue {
    background-color: var(--sdll-green) !important;
    border-color: var(--sdll-green) !important;
    color: white !important;
}

.btn-primary:hover, .custom-file-input-button.blue:hover {
    background-color: var(--sdll-green-dark) !important;
    border-color: var(--sdll-green-dark) !important;
}

.btn-secondary {
    background-color: var(--sdll-orange) !important;
    border-color: var(--sdll-orange) !important;
    color: white !important;
}

.btn-secondary:hover {
    background-color: var(--sdll-orange-dark) !important;
    border-color: var(--sdll-orange-dark) !important;
}

/* Gradient override */
.gradient-shaded {
    background: var(--sdll-green) !important;
    background: linear-gradient(90deg, rgba(50, 180, 50, 1) 0%, rgba(255, 255, 255, 1) 100%) !important;
}

/* Carousel dot active state */
.carousel-dot.active {
    background-color: var(--sdll-green) !important;
}

/* Card close game highlight */
.card.schedule-close-game {
    box-shadow:
        2px 4px 8px 2px rgba(0, 0, 0, 0.2),
        0 10px 15px -3px var(--sdll-green) !important;
}

/* Links */
a {
    color: var(--sdll-green);
}

a:hover {
    color: var(--sdll-green-dark);
}

/* Navbar */
.navbar {
    background-color: var(--sdll-green) !important;
}

.navbar a, .navbar .nav-link {
    color: white !important;
}

.navbar a:hover, .navbar .nav-link:hover {
    color: var(--sdll-orange) !important;
}

/* Form inputs focus */
input:focus, select:focus, textarea:focus {
    border-color: var(--sdll-green) !important;
    box-shadow: 0 0 0 0.2rem rgba(34, 139, 34, 0.25) !important;
}

/* Highlight rows */
.highlight-row {
    background-color: rgba(34, 139, 34, 0.1) !important;
}

.highlight-row:hover {
    background-color: rgba(34, 139, 34, 0.2) !important;
}

/* Season status badges */
.badge-spring {
    background-color: var(--sdll-green);
    color: white;
}

.badge-fall {
    background-color: var(--sdll-orange);
    color: white;
}

/* Game status colors */
.status-scheduled { color: var(--sdll-green); }
.status-completed { color: var(--sdll-gray); }
.status-postponed { color: var(--sdll-orange); }
.status-cancelled { color: #c33; }

/* Flash messages */
.flash-success {
    background-color: rgba(34, 139, 34, 0.1);
    border-left: 4px solid var(--sdll-green);
    color: var(--sdll-green-dark);
}

.flash-error {
    background-color: rgba(200, 50, 50, 0.1);
    border-left: 4px solid #c33;
    color: #900;
}

.flash-info {
    background-color: rgba(255, 140, 0, 0.1);
    border-left: 4px solid var(--sdll-orange);
    color: var(--sdll-orange-dark);
}

/* Dashboard cards */
.dashboard-card {
    border-left: 4px solid var(--sdll-green);
}

.dashboard-card.accent {
    border-left-color: var(--sdll-orange);
}

/* Table styling */
table th {
    background-color: var(--sdll-green);
    color: white;
}

table tr:nth-child(even) {
    background-color: var(--sdll-gray-light);
}

/* Mobile responsive */
@media only screen and (max-width: 800px) {
    .navbar {
        padding: 10px;
    }

    .btn-primary, .btn-secondary {
        width: 100%;
        margin-bottom: 10px;
    }
}