/* =========================
   CAREER PAGES
========================= */


/* Karriär containers */

.career-container {

    width:100%;

}



/* Karriär menyer */

.career-menu {

    width:100%;

    display:grid;

    grid-template-columns:
    repeat(auto-fit,minmax(220px,1fr));

    gap:20px;

    margin-top:30px;

}



.career-menu a {

    background:white;

    padding:30px 20px;

    border-radius:18px;

    text-decoration:none;

    color:#222;

    box-shadow:
    0 5px 15px rgba(0,0,0,0.05);

    transition:0.2s;

}



.career-menu a:hover {

    transform:translateY(-3px);

}



/* Yrkesguider */

.categories {

    width:100%;

    display:grid;

    grid-template-columns:
    repeat(auto-fit,minmax(180px,1fr));

    gap:20px;

    margin-top:30px;

}



.category-card {

    width:100%;

    background:white;

    padding:30px 20px;

    border-radius:18px;

    text-align:center;

    font-size:18px;

    font-weight:bold;

    text-decoration:none;

    color:#222;

    box-shadow:

    0 5px 15px rgba(0,0,0,0.05);

}



/* Filterknappar på karriär/filter */

.filter-section {

    margin:30px 0;

    display:flex;

    justify-content:center;

}



.filter-button {

    background:#2563eb;

    color:white;

    padding:18px 35px;

    border-radius:16px;

    text-decoration:none;

    font-weight:bold;

    font-size:20px;

}



/* Karriärsidor */

.career-page {

    background:white;

    padding:35px;

    border-radius:25px;

}



.career-page h1 {

    font-size:36px;

    margin-bottom:15px;

}



.career-page p {

    color:#666;

    line-height:1.6;

}




/* Mobil */

@media(max-width:700px){


    .career-menu {

        grid-template-columns:1fr;

    }


    .categories {

        grid-template-columns:1fr;

    }


    .career-page {

        padding:20px;

    }


    .career-page h1 {

        font-size:28px;

    }


}