/* Detail projektu (Pallium – kurzy a projekty). Podle původních stránek projektů: nadpisy Playfair Display
   #164266, text Open Sans 14 px, box s údaji o projektu vpravo, tlačítka Roboto verzálkami jako v Divi. */

/* Druhý řádek nadpisu (např. „2026 – 2028“) – stejně velký jako název projektu */
.pp-podnadpis {
	font-family: "Playfair Display", Georgia, "Times New Roman", serif;
	font-size: 50px;
	font-weight: 500;
	line-height: 1.1;
	color: #164266;
	margin: 0;
	padding: 0;
}

/* Loga v hlavičce. Obrázky log jsou čtvercové s volným okrajem (jako na původních stránkách),
   logo vpravo má logo u pravého okraje obrázku, proto se zarovnává k pravému okraji řádku. */
.pp-loga { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.pp-loga__logo { display: block; width: 265px; max-width: 100%; height: auto; }
.pp-loga__vpravo { display: block; margin-left: auto; }
/* S logy menší spodní okraj hlavičky – volný okraj obrázků log mezeru už dělá (u čtvercových log s velkým okrajem
   zasahuje vlnka až do něj, jako na původních stránkách) */
.et_pb_section.pp-hlavicka:has(.pp-loga) { padding-bottom: 60px !important; }
.et_pb_section.pp-hlavicka:has(.pp-loga--ctverce) { padding-bottom: 0 !important; }

/* Box s údaji se při posunu drží pod hlavičkou webu až do konce obsahu (řádek má stejně vysoké sloupce).
   Lepení přes CSS místo „sticky“ z Divi: to po skokovém posunu (End, posuvník, návrat zpět) zůstávalo viset přes patičku. */
@media (min-width: 981px) {
	.et_pb_column .et_pb_code.pp-box-lepi { position: sticky; top: 104px; }
}

/* Obsah projektu (modul Obsah příspěvku v šabloně) */
.pp-obsah h2 {
	font-family: "Playfair Display", Georgia, "Times New Roman", serif;
	font-size: 30px;
	font-weight: 500;
	line-height: 1.1;
	color: #164266;
	margin: 0 0 10px;
	padding: 0 0 10px;
}
.pp-obsah h2:not(:first-child) { margin-top: 22px; }
.pp-obsah h3 {
	font-family: "Playfair Display", Georgia, "Times New Roman", serif;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.3;
	color: #164266;
	margin: 6px 0 0;
	padding: 0 0 8px;
}
.pp-obsah ul, .pp-obsah ol { padding: 0 0 14px 14px; line-height: 26px; }
.pp-obsah ol { padding-left: 18px; }
.pp-obsah a, .pp-box a, .pp-partneri a:not(:has(img)) { font-weight: 600; text-decoration: underline; }

/* Box s údaji o projektu */
.pp-box {
	background: #fff;
	border-radius: 15px;
	box-shadow: 0 2px 18px rgba(12, 113, 195, .13);
	padding: 20px;
}
.pp-box__popisek {
	font-family: "Playfair Display", Georgia, "Times New Roman", serif;
	font-size: 23px;
	font-weight: 500;
	line-height: 1.1;
	color: #164266;
	margin: 0 0 10px;
	padding: 0 0 10px;
}
.pp-box__hodnota + .pp-box__popisek { margin-top: 28px; }
.pp-box__hodnota { font-size: 14px; line-height: 1.7; color: #333; overflow-wrap: anywhere; }
.pp-box__hodnota p { padding: 0 0 14px; margin: 0; }
.pp-box__hodnota p:last-child { padding-bottom: 0; }
.pp-box__tlacitko { margin: 26px 0 0; padding: 0; }

/* Tlačítko jako tlačítka Divi na webu */
.pp-box .pk-tlacitko,
.pp-box .pk-tlacitko:visited {
	display: inline-block;
	font-family: Roboto, Helvetica, Arial, Lucida, sans-serif;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.7;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	background: #ee767b;
	border-radius: 100px;
	padding: 15px 30px;
	transition: background-color .3s ease, color .3s ease;
}
.pp-box .pk-tlacitko::after {
	content: "\24";
	font-family: ETmodules;
	font-weight: 400;
	font-size: 16px;
	line-height: 1;
	margin-left: 6px;
	vertical-align: -2px;
	speak: never;
}
.pp-box .pk-tlacitko:hover, .pp-box .pk-tlacitko:focus-visible { background: #164266; color: #fff; }
.pp-box .pk-tlacitko:focus-visible { outline: 2px solid #164266; outline-offset: 3px; }

/* Spolupráce a podpora (pod obsahem): nadpisy, text a mřížka log */
.pp-partneri { padding: 34px 0 40px; }
.pp-partneri h2, .pp-partneri h3 {
	font-family: "Playfair Display", Georgia, "Times New Roman", serif;
	font-size: 30px;
	font-weight: 500;
	line-height: 1.1;
	color: #164266;
	margin: 0 0 18px;
	padding: 0 0 10px;
}
.pp-partneri :is(h2, h3):not(:first-child) { margin-top: 30px; }
.pp-partneri p, .pp-partneri li { font-size: 14px; line-height: 1.7; }
.pp-partneri ul { padding: 0 0 14px 14px; line-height: 26px; }
.pp-mrizka {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 24px 34px;
	align-items: center;
	margin: 0 0 14px;
}
.pp-mrizka__logo { display: flex; align-items: center; justify-content: center; }
.pp-mrizka__logo a { display: block; width: 100%; max-width: 163px; }
.pp-mrizka__logo img { display: block; width: 100%; max-width: 163px; height: auto; margin: 0 auto; }

@media (max-width: 980px) {
	.et_pb_section.pp-hlavicka:has(.pp-loga) { padding-bottom: 50px !important; }
	.et_pb_section.pp-hlavicka:has(.pp-loga--ctverce) { padding-bottom: 20px !important; }
	.pp-podnadpis { font-size: 44px; }
	.pp-loga__logo { width: 200px; }
	.pp-obsah h2, .pp-partneri h2, .pp-partneri h3 { font-size: 26px; }
	.pp-mrizka { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
	.et_pb_section.pp-hlavicka:has(.pp-loga) { padding-bottom: 40px !important; }
	.et_pb_section.pp-hlavicka:has(.pp-loga--ctverce) { padding-bottom: 30px !important; }
	.pp-podnadpis { font-size: 32px; }
	/* v mobilu čtvercová loga po třetinách v jednom řádku (jako na původních stránkách), široká po polovinách */
	.pp-loga { gap: 6px; }
	.pp-loga > .pp-loga__logo, .pp-loga__vpravo { width: calc((100% - 12px) / 3); }
	.pp-loga > .pp-loga__logo--siroke, .pp-loga__vpravo--siroke { width: calc((100% - 6px) / 2); }
	.pp-loga__vpravo .pp-loga__logo { width: 100%; }
	.pp-obsah h2, .pp-partneri h2, .pp-partneri h3 { font-size: 24px; }
	.pp-mrizka { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 24px; }
}