/* Kurs-style cards — matches Fettegodt Kurs page top row (.home-cat-card) */

body.fg-kurs-cards {
    --kurs-card-radius: var(--radius, 0.65rem);
    --kurs-card-accent: var(--aurora, #3dffa8);
    --kurs-card-border-soft: rgba(255, 255, 255, 0.1);
}

body.fg-kurs-cards .blog-grid,
body.fg-kurs-cards .media-grid,
body.fg-kurs-cards .blog-feed-grid,
body.fg-kurs-cards .promo-grid,
body.fg-kurs-cards .home-categories,
body.fg-kurs-cards .kaboom-gallery-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
    align-items: stretch;
    width: 100%;
}

@media (max-width: 960px) {
    body.fg-kurs-cards .blog-grid,
    body.fg-kurs-cards .media-grid,
    body.fg-kurs-cards .blog-feed-grid,
    body.fg-kurs-cards .promo-grid,
    body.fg-kurs-cards .home-categories,
    body.fg-kurs-cards .kaboom-gallery-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 520px) {
    body.fg-kurs-cards .blog-grid,
    body.fg-kurs-cards .media-grid,
    body.fg-kurs-cards .blog-feed-grid,
    body.fg-kurs-cards .promo-grid,
    body.fg-kurs-cards .home-categories,
    body.fg-kurs-cards .kaboom-gallery-grid {
        grid-template-columns: 1fr;
    }
}

body.fg-kurs-cards .blog-card,
body.fg-kurs-cards .media-feed-card,
body.fg-kurs-cards .home-cat-card {
    display: flex;
    flex-direction: column;
    background: var(--surface, rgba(12, 20, 32, 0.88));
    border: 1px solid var(--border, rgba(93, 220, 180, 0.28));
    border-radius: var(--kurs-card-radius);
    padding: 0.65rem;
    min-width: 0;
    width: 100%;
    overflow: hidden;
    box-shadow: none;
    transform: none;
    transition: border-color 0.15s ease;
    text-decoration: none;
    color: inherit;
}

body.fg-kurs-cards a.home-cat-card:hover,
body.fg-kurs-cards .blog-card:hover,
body.fg-kurs-cards .media-feed-card:hover {
    border-color: var(--kurs-card-accent);
    box-shadow: none;
    transform: none;
    opacity: 1;
}

body.fg-kurs-cards .blog-card-link {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 0;
    text-decoration: none;
    color: inherit;
}

body.fg-kurs-cards .blog-card-media,
body.fg-kurs-cards .home-cat-media,
body.fg-kurs-cards .home-cat-media > img,
body.fg-kurs-cards .home-cat-media > video {
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    display: block;
    background: var(--surface-solid, #0e1724);
    border: 1px solid var(--kurs-card-border-soft);
    border-radius: 2px;
    flex-shrink: 0;
}

body.fg-kurs-cards .blog-card-media-empty,
body.fg-kurs-cards .home-cat-media:empty {
    min-height: 0;
}

body.fg-kurs-cards .blog-card-title,
body.fg-kurs-cards .home-cat-title {
    margin: 0.75rem 0.25rem 0.25rem;
    font-size: 0.95rem;
    font-weight: 650;
    line-height: 1.35;
    color: var(--text, inherit);
    padding: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    word-break: break-word;
    overflow-wrap: anywhere;
}

body.fg-kurs-cards .blog-card-link .blog-card-body,
body.fg-kurs-cards .blog-card-body,
body.fg-kurs-cards .blog-card-meta {
    display: none;
}

body.fg-kurs-cards .blog-card-actions {
    margin-top: 0.35rem;
    padding: 0;
    flex-wrap: wrap;
    gap: 0.35rem;
}

body.fg-kurs-cards .blog-shell,
body.fg-kurs-cards .blog-shell-gallery,
body.fg-kurs-cards .topic-page {
    max-width: none;
    padding: 0;
    background: transparent;
}

body.fg-kurs-cards .blog-shell-head,
body.fg-kurs-cards .topic-heading-row {
    margin-bottom: 1rem;
}

body.fg-kurs-cards .blog-shell-title {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 650;
}

body.fg-kurs-cards .kaboom-filter {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.5rem 0.75rem;
    margin: 0 0 1rem;
}

body.fg-kurs-cards .kaboom-filter-col {
    display: contents;
}

body.fg-kurs-cards .kaboom-filter-link {
    font-size: 0.85rem;
    text-decoration: none;
    padding: 0.35rem 0.65rem;
    border: 1px solid var(--border, rgba(93, 220, 180, 0.28));
    border-radius: 999px;
    color: var(--muted, inherit);
}

body.fg-kurs-cards .kaboom-filter-link.is-active,
body.fg-kurs-cards .kaboom-filter-link:hover {
    border-color: var(--kurs-card-accent);
    color: var(--text, inherit);
    font-weight: 650;
}

body.fg-kurs-cards .media-feed-card.is-locked {
    border-color: var(--kurs-card-accent);
}