/*
 * Benutzerdefinierte Stile für Elements Personalberatung Job Portal
 * Version 2: Header in Markenfarbe und ohne Icon
 */

/* 1. Header gestalten */
header.novo-header {
    background-color: #001864 !important; /* Ihre Markenfarbe */
    border-bottom: none !important;      /* Keine Trennlinie bei dunklem Header nötig */
}

/* 2. Textfarbe im Header auf Weiß setzen */
header.novo-header h1 {
    color: #ffffff !important; 
}

/* 3. Das Firmen-Icon im Header ausblenden */
header.novo-header .header-icon {
    display: none !important;
}
/* 4. Sidebar gestalten */
app-sidebar {
    background-color: #ebf0ff !important; /* Ihre Markenfarbe für den Hintergrund */
}
/* 5. Texte in der Sidebar schwarz machen für besseren Kontrast */

/* Alle Filter-Überschriften (z.B. "Filtern nach Berufsfeld") */
app-sidebar .filter-header {
    color: #000000 !important; /* #000000 ist der Code für Schwarz */
    font-weight: 600 !important; /* Etwas dicker für mehr Gewicht */
    text-transform: uppercase;   /* In Großbuchstaben für einen sauberen Look */
    font-size: 13px !important;
    letter-spacing: 0.5px;
    border-bottom: 1px solid #e9ecef; /* Feine Trennlinie */
    padding-bottom: 8px;
    margin-bottom: 10px;
}

/* 6. Farbe der aktiven Checkbox anpassen */

/* Das Häkchen in der Checkbox */
app-sidebar .check-box-group.checked i.bhi-checkbox-filled {
    color: #001864 !important; /* Ihre Markenfarbe */
}

/* Optional: Den Text einer aktiven Auswahl ebenfalls hervorheben */
app-sidebar .check-box-group.checked label {
    color: #001864 !important; /* Ihre Markenfarbe */
    font-weight: 300 !important; /* Etwas dicker, um die Auswahl zu betonen */
}