/* Theme Override - Ensure Light Professional Theme */
/* This file ensures the website uses a light theme matching batterymanager.de and evanax.io */

body {
    background-color: var(--color-background) !important; /* RCE White */
    color: var(--color-text-primary) !important; /* Volt Navy text */
}

/* Ensure remaining elements use proper brand colors */
.dropdown-content {
    color: var(--color-text-primary) !important;
    border: 2px solid var(--color-border) !important;
}

.app-wrapper {
    background-color: var(--color-background) !important; /* RCE White background */
}

/* Table styling for light theme */
table {
    border: 1px solid var(--color-border) !important;
}

tbody tr:nth-child(odd) {
    background-color: var(--navy-800) !important; /* Light gray for alternating rows */
    color: #FFFFFF !important;
}

tbody tr:nth-child(even) {
    background-color: var(--navy-700) !important; /* White for even rows */
    color: #FFFFFF !important;
}

/* Input and form styling */
.voltage-dropdown, .input {
    border: 1px solid var(--color-border) !important;
}

.input-group input {
    border: 1px solid var(--color-border) !important;
}

/* Focus states */
.dropdown-row select:focus {
    border-color: var(--color-focus) !important;
}

/* Alert styling using semantic colors */
.alert {
    background-color: var(--color-error-alpha) !important;
    color: var(--color-error) !important;
    border: 1px solid var(--color-error) !important;
}

.alert-danger {
    background-color: var(--color-error-alpha) !important;
    color: var(--color-error) !important;
    border-color: var(--color-error) !important;
}