/* Grundläggande stil för jobblistan */
.job-item {
    border-bottom: 2px solid #F2F2F2;
    background-color: white;
    padding: 5px 10px 0px 10px;
    transition: background-color 0.2s ease-in-out;
}

/* Hover-effekt för jobblistan */
.job-item:hover {
    background-color: #f1f1f1;
    color: #000;
}

/* Endast jobbtiteln ska få understrykning vid hover */
.job-item:hover .job-title {
    text-decoration: underline;
}

/* Grundläggande stil för länkar */
.job-link {
    text-decoration: none;
    color: #000;
    display: block;
    padding: 5px;
}

/* Förhindra att övriga texter understryks vid hover */
.job-item:hover .job-link, 
.job-item:hover .job-department, 
.job-item:hover .job-deadline {
    text-decoration: none;
}

/* Stil för jobbtitel */
.job-title {
    font-size: 1em;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
}

/* Stil för avdelning och deadline */
.job-department, .job-deadline {
    font-size: 0.9em;
    color: #000;
}



/* Stil för jobbräknare */
.job-count-container {
    font-size: 1.1em;
}

.job-count-badge {
    background-color: #edf6f5;
    color: #006862;
    border-radius: 10px;
    padding: 5px 5px;
    font-weight: bold;
}