/* Containeren omkring menuen */
.sidebar-widget.widget_categories {
    max-width: 1200px; /* Juster efter behov for dit layout */
    margin: 20px auto;
    padding: 0 15px;
}

/* Selve listen laves om til et grid af kasser */
.sidebar-widget.widget_categories ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    /* Laver automatiske kolonner. Hver kasse er minimum 250px bred */
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 16px; /* Mellemrum mellem kasserne */
}

/* Styling af det enkelte listepunkt (kassen) */
.sidebar-widget.widget_categories .cat-item {
    margin: 0;
    padding: 0;
    display: flex;
}

/* Styling af selve linket indeni kassen */
.sidebar-widget.widget_categories .cat-item a {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    min-height: 100px; /* Giver kasserne en god, klikbar højde */
    padding: 20px;
    background-color: #ecede8; /* Din lysegrå temafarve */
    color: #333333; /* Mørk tekst for god kontrast og læsbarhed */
    text-decoration: none;
    font-weight: 600;
    font-size: 16px;
    border-radius: 6px; /* Bløde, afrundede hjørner */
    border-left: 5px solid transparent; /* Pladsholder til rød streg ved hover */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); /* En let skygge */
    transition: all 0.2s ease-in-out; /* Gør animationen glat */
}

/* Hover-effekt: Når medarbejderen fører musen over en kasse */
.sidebar-widget.widget_categories .cat-item a:hover {
    background-color: #ffffff; /* Hvid baggrund ved hover for at poppe ud */
    color: #eb212d; /* Teksten bliver din røde temafarve */
    border-left: 5px solid #eb212d; /* Flot rød kant i venstre side */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Kraftigere skygge */
    transform: translateY(-2px); /* Løfter kassen en lille smule */
}

/* Fokus-styling til medarbejdere der navigerer med tab-tasten */
.sidebar-widget.widget_categories .cat-item a:focus {
    outline: 3px solid #eb212d;
    outline-offset: 2px;
}

.sidebar-widget ul:not(.post-meta):not(.nav-dir):not(.instagram-images):not(.social-icons) li:before{
    content: "";
    display: none;
}

#c90077{
    border: none;
}

#c82112 a, #c82112 li{
    font-size: 13px;
}

#c82112 ul{
    list-style-type: none;
    padding-left: 0;
}

#c82112 li{
    border-bottom: 1px solid #eee;
    margin-bottom: 5px;
}

#c82112 a:hover{
    color: #eb212d;
}

.sidebar-widget ul:not(.post-meta):not(.nav-dir):not(.instagram-images):not(.social-icons) li{
    border-bottom: none;
}