/* CSS Fix - Color Contrast & Visual Issues */

/* Fix any potential contrast issues */

/* Ensure proper contrast for status badges */
.status-not-started { 
    background-color: var(--text-secondary); 
    color: var(--text-light); 
    font-weight: 600;
}

.status-live { 
    background-color: var(--live-indicator); 
    color: white; 
    font-weight: 600;
}

.status-finished { 
    background-color: var(--border-secondary); 
    color: var(--text-primary); 
    font-weight: 600;
}

/* Fix for game card text contrast */
.game-card .team-names {
    color: var(--text-primary);
    font-weight: 600;
}

.game-card .game-info {
    color: var(--text-secondary);
}

/* Ensure button text is readable */
.btn-primary {
    background-color: var(--primary-color);
    color: white;
    border: none;
}

.btn-secondary {
    background-color: var(--secondary-color);
    color: white;
    border: none;
}

.btn-success {
    background-color: var(--success-color);
    color: white;
    border: none;
}

/* Fix form input contrast */
.form-input {
    background-color: var(--card-background);
    color: var(--text-primary);
    border: 1px solid var(--border-color);
}

.form-input:focus {
    border-color: var(--primary-color);
    background-color: var(--card-background);
    color: var(--text-primary);
}

/* Fix dropdown/select contrast */
.form-select {
    background-color: var(--card-background);
    color: var(--text-primary);
    border: 1px solid var(--border-color);
}

/* Fix modal text contrast */
.modal-content {
    background-color: var(--card-background);
    color: var(--text-primary);
}

.modal-title {
    color: var(--text-primary);
}

/* Fix navigation text */
.nav-item {
    color: var(--text-light);
}

.nav-item:hover {
    color: white;
    background-color: var(--admin-secondary);
}

.nav-item.active {
    color: white;
    background-color: var(--primary-color);
}

/* Fix placeholder text */
.ad-placeholder {
    color: var(--text-secondary);
}

.ad-placeholder:hover {
    color: var(--text-light);
}

/* Fix table row hover */
.admin-table tr:hover {
    background-color: var(--hover-light);
}

.admin-table tr:hover td {
    color: var(--text-primary);
}

/* Fix disabled states */
.disabled {
    background-color: var(--disabled-color);
    color: var(--text-muted);
    cursor: not-allowed;
}

/* Fix loading spinner contrast */
.loading {
    border-color: var(--border-color);
    border-top-color: var(--primary-color);
}

/* Fix search input */
.search-input {
    background-color: var(--card-background);
    color: var(--text-primary);
    border: 1px solid var(--border-color);
    margin-left: 50px;
}

.search-input::placeholder {
    color: var(--text-muted);
}

/* Fix date tabs */
.date-tab {
    background-color: var(--background-secondary);
    color: var(--text-primary);
    border: 1px solid var(--border-color);
}

.date-tab.active {
    background-color: var(--primary-color);
    color: white;
}

.date-tab:hover {
    background-color: var(--accent-color);
    color: white;
}

/* Fix server buttons */
.server-btn {
    background-color: var(--background-secondary);
    color: var(--text-primary);
    border: 1px solid var(--border-color);
}

.server-btn.active {
    background-color: var(--success-color);
    color: white;
}

.server-btn:hover {
    background-color: var(--primary-color);
    color: white;
}

/* Footer contrast fixes */
.footer {
    background-color: var(--secondary-color);
    color: var(--text-light);
}

.footer-section h3,
.footer-section h4 {
    color: var(--text-light);
}

.footer-section p {
    color: rgba(255, 255, 255, 0.8);
}

.footer-section ul li a {
    color: rgba(255, 255, 255, 0.9);
}

.footer-section ul li a:hover {
    color: var(--text-light);
}

.footer-bottom {
    color: rgba(255, 255, 255, 0.8);
}

.footer-bottom p {
    color: rgba(255, 255, 255, 0.8);
}