/* Výpisy z DiviFlash (kurzy, projekty, aktuality) a loga podcastu na úvodní straně (Pallium – kurzy a projekty) */

/* Seznam „Kurzy na klíč“: ikona šipky vedle názvu kurzu (DiviFlash skládá prvky karty pod sebe) */
.pk-vypis-seznam .df-cpt-inner-wrap { display: flex; align-items: center; gap: 14px; }
.pk-vypis-seznam .df-cpt-inner-wrap > .df-item-wrap { margin: 0 !important; }
.pk-vypis-seznam .df-cpt-icon-wrap { flex: 0 0 auto; line-height: 1; }
.pk-vypis-seznam .df-cpt-title { margin: 0; padding: 0; }
.pk-vypis-seznam .df-cpt-title a { color: inherit; }
.pk-vypis-seznam .df-cpt-title a:hover { text-decoration: underline; }

/* Karty s tlačítkem vždy dole: stránka Projekty (pk-vypis-projekty) a úvodní strana – kurzy a aktuality
   (pk-vypis-cta-dole, CPT Grid i Post Grid). Karty v řádku jsou stejně vysoké (equal_height), text karty
   se roztáhne a tlačítko zůstane u spodního okraje. */
:is(.pk-vypis-projekty, .pk-vypis-cta-dole) :is(.df-cpt-inner-wrap, .df-post-inner-wrap) { display: flex; flex-direction: column; }
/* ve flexu se okraje nesčítají jako v bloku: spodní okraje DiviFlash (12 px) vynulovat, mezery dělají horní okraje prvků */
:is(.pk-vypis-projekty, .pk-vypis-cta-dole) :is(.df-cpt-inner-wrap, .df-post-inner-wrap) > .df-item-wrap { margin-bottom: 0 !important; }
:is(.pk-vypis-projekty, .pk-vypis-cta-dole) :is(.df-cpt-content-wrap, .df-post-content-wrap) { flex-grow: 1; }
/* štítek (např. nejbližší termín) a tlačítko si nechají svou šířku */
:is(.pk-vypis-projekty, .pk-vypis-cta-dole) :is(.df-cpt-custom-text, .df-cpt-button-wrap, .df-post-button-wrap) { align-self: flex-start; }
.pk-vypis-projekty .df-cpt-inner-wrap > .df-cpt-title-wrap { margin-bottom: 4px !important; }
.pk-vypis-projekty .df-cpt-title a:hover { text-decoration: underline; }

/* Tlačítka vedle sebe (sloupec s třídou pk-tlacitka-vedle, vyskakovací okna Naše priority na úvodní straně,
   např. Spotify a YouTube): ostatní moduly přes celou šířku, tlačítka v řadě s mezerou 10 px, na úzkém displeji
   pod sebou. Mezera 10 px platí i pod textem – text má proto v builderu spodní okraj o 10 px menší (15 px). */
.pk-tlacitka-vedle { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 10px; }
.pk-tlacitka-vedle > :not(.et_pb_button_module_wrapper) { flex: 0 0 100%; }
.pk-tlacitka-vedle > .et_pb_button_module_wrapper { margin: 0 !important; }

/* Loga podcastu pod karuselem: jednobarevná, ve výšce tlačítka „Poslechnout si podcast“ */
.pk-podcast-loga { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 14px 40px; min-height: 50px; }
.pk-podcast-loga a { display: inline-flex; color: #fff; transition: opacity .2s ease; }
.pk-podcast-loga a:hover, .pk-podcast-loga a:focus-visible { opacity: .75; }
.pk-podcast-loga a:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }
.pk-podcast-logo { display: block; width: auto; height: 34px; }
.pk-podcast-logo--youtube { height: 27px; }
@media (max-width: 767px) {
	.pk-podcast-loga { gap: 12px 30px; }
	.pk-podcast-logo { height: 30px; }
	.pk-podcast-logo--youtube { height: 24px; }
}