/* Tvinger 3 kolonner på store skærme */
.blog-items-grid .com-content-category-blog__items {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 30px !important;
    margin-top: 20px;
}

/* Skaber det firkantede "Card" look */
.blog-items-grid .com-content-category-blog__item {
    background: #ffffff;
    border: 1px solid #e0e0e0 !important; /* Den adskillende ramme */
    padding: 25px;
    display: flex !important;
    flex-direction: column !important;
    height: 100%;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08); /* Giver lidt dybde */
    border-radius: 8px;
}

/* Sørger for at knappen altid ligger i bunden af firkanten */
.blog-items-grid .readmore {
    margin-top: auto !important;
    padding-top: 20px;
}

/* Mobil-optimering: 1 kolonne på telefoner */
@media (max-width: 768px) {
    .blog-items-grid .com-content-category-blog__items {
        grid-template-columns: 1fr !important;
    }
}
/* Gør hele artiklen til en flex-container */
.blog-items-grid .com-content-category-blog__item {
    display: flex !important;
    flex-direction: column !important;
}

/* Tvinger teksten til at fylde ud, så knappen presses ned */
.blog-items-grid .com-content-category-blog__item > div:not(.readmore) {
    flex-grow: 1;
}

/* Flytter Read More sektionen helt til bunden */
.blog-items-grid .readmore {
    margin-top: auto !important;
    padding-top: 20px;
}

/* Styling af selve knappen (valgfrit) */
.blog-items-grid .readmore .btn {
    width: 100%; /* Gør knappen fuld bredde i bunden af kortet */
    text-align: center;
}