/* TUDÁSTÁR - kiegészítés a rom-style.css-hez.
   Nem másolja a meglévő stílusokat: a lista/kártya/galéria nézet a
   már meglévő .rom-content-shell / .rom-panel / .rom-card-grid /
   .rom-gallery-grid osztályokat használja (lásd a template-eket).
   Ez a fájl csak azt a 2 blokkot fedi le, aminek eddig nem volt
   megfelelője: podcast lejátszó, dokumentum letöltő doboz. */

.tudastar-body{
    padding:0 34px 34px;
}

.tudastar-galeria-blokk{
    margin:24px 0;
}

.tudastar-galeria-blokk h3{
    color:#2d1b11;
    margin:0 0 10px;
}

.tudastar-podcast{
    display:flex;
    gap:20px;
    align-items:flex-start;
    background:#fff8f0;
    border:1px solid #d2b48c;
    border-radius:8px;
    padding:20px;
    margin:24px 0;
}

.tudastar-podcast-kep{
    width:120px;
    height:120px;
    object-fit:cover;
    border-radius:8px;
    flex-shrink:0;
}

.tudastar-podcast-tartalom{
    flex:1;
    min-width:0;
}

.tudastar-podcast-tartalom h3{
    margin:0 0 8px;
    color:#2d1b11;
}

.tudastar-podcast-tartalom p{
    color:#67564a;
    margin:0 0 12px;
    line-height:1.55;
}

.tudastar-podcast audio{
    width:100%;
}

.tudastar-podcast-embed iframe{
    width:100%;
    height:152px;
    border:0;
    border-radius:8px;
}

.tudastar-dokumentum{
    background:#fff8f0;
    border:1px solid #d2b48c;
    border-radius:8px;
    padding:20px;
    margin:24px 0;
}

.tudastar-dokumentum h3{
    margin:0 0 8px;
    color:#2d1b11;
}

.tudastar-dokumentum p{
    color:#67564a;
    margin:0 0 10px;
}

.tudastar-dokumentum-link{
    display:inline-block;
    margin-top:4px;
    padding:10px 18px;
    background:#1c0f08;
    color:#fff;
    border-radius:50px;
    text-decoration:none;
    transition:0.3s ease;
}

.tudastar-dokumentum-link:hover{
    background:#7b4f32;
}

@media (max-width: 640px){
    .tudastar-podcast{
        flex-direction:column;
    }
    .tudastar-podcast-kep{
        width:100%;
        height:180px;
    }
}