/* OLM tudásbázis-lista kiegészítés: a kártya függőlegesen két részre osztva
   (bal oldalt a kép vagy típusikon, jobb oldalt a szöveges tartalom). */
.olm-knowledge-card-grid .olm-knowledge-card {
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: stretch;
}

/* A bal oldali sáv (média): a core CSS oldalsó oszlopát megtartjuk,
   de a magasságot a sorhoz igazítjuk; a kép nem vágódik, az ikon középre kerül. */
.olm-knowledge-card-media {
    flex: 0 0 46% !important;
    min-height: 0 !important;
    height: auto !important;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: linear-gradient(135deg, rgba(13, 110, 253, .08), rgba(13, 110, 253, .18));
}

/* Képes kártyánál semleges (világos) háttér, hogy a teljes kép jól látszódjon. */
.olm-knowledge-card-media--image {
    background: #f4f6f9;
}

.olm-knowledge-icon {
    width: 56px;
    height: 56px;
    fill: var(--bs-primary, #0d6efd);
}

.olm-knowledge-icon-video {
    fill: #fff;
    background: var(--bs-danger, #dc3545);
    border-radius: 50%;
    padding: 14px;
    width: 48px;
    height: 48px;
}

/* Feltöltött kép a kártyán: kitölti a bal oldali sávot, de nem vág (crop). */
.olm-knowledge-card-img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.olm-knowledge-card .knowledge-card-body {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.olm-knowledge-card .knowledge-card-body > a,
.olm-knowledge-card .knowledge-card-body > .resource-disabled-link {
    margin-top: auto;
}

.knowledge-card-type {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.olm-knowledge-badge {
    display: inline-block;
    min-width: 2rem;
    padding: .1rem .45rem;
    border-radius: .35rem;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    background: #6c757d;
}

.olm-knowledge-badge-en {
    background: #0d6efd;
}

.olm-knowledge-badge-de {
    background: #dc3545;
}

.olm-knowledge-badge-hu {
    background: #198754;
}