/* custom.css */

/* Definiera varumärkesfärger */
:root {
    --primary-color: #003366;
    --secondary-color: #6699cc;
    --accent-color: #ff6600;
    --background-color: #f2f2f2;
    --text-color: #333333;
}
.badge {
    font-size: 0.75rem;
    padding: 0.3em 0.5em;
}

.nav-item .badge {
    transform: translate(-50%, -50%);
}

/* Anpassa Bootstrap-variabler */
body {
    background-color: var(--background-color);
    color: var(--text-color);
}

.navbar {
    background-color: #FEEAD0;
    border-color: var(--primary-color);
    color: black;
}

.btn-primary {
    background-color: #003366;
    border-color: var(--primary-color);
    color: white;
}

.btn-primary:hover {
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
}

.btn-accent {
    background-color: var(--accent-color);
    border-color: var(--accent-color);
    color: #fff;
}

.btn-accent:hover {
    background-color: darken(var(--accent-color), 10%);
    border-color: darken(var(--accent-color), 10%);
}

a {
    color: var(--primary-color);
}

a:hover {
    color: var(--secondary-color);
}

/* Ytterligare anpassningar för andra element */
a.btn {
    color: #fff !important; /* Vit text för bättre kontrast */
}
a.btn-primary {
    background-color: var(--primary-color, #007bff); /* Primär färg */
    border-color: var(--primary-color, #007bff);
}
a.btn-primary:hover {
    background-color: var(--primary-hover-color, #0056b3); /* Mörkare blå vid hover */
    border-color: var(--primary-hover-color, #0056b3);
}
a.btn-danger {
    background-color: var(--danger-color, #dc3545);
    border-color: var(--danger-color, #dc3545);
}
a.btn-danger:hover {
    background-color: var(--danger-hover-color, #a71d2a);
    border-color: var(--danger-hover-color, #a71d2a);
}

.batch-active {
    background-color: #d4edda !important; /* Light green for active batches */
}

.batch-inactive {
    background-color: #f8d7da !important; /* Light red for inactive batches */
}

.footer {
    margin-top: 50px;
    background: #333;
    color: white;
    text-align: center;
    padding: 10px 0;
}