/*
Theme Name: Z-AGENCY
Description: Classic PHP theme pro z-agency.cz. Ne FSE — block engine injektuje vlastní
             markup a třídy, což by rozbilo paritu s mirrorem Kentica.
             Frontend CSS/JS/fonty se sem NEPORTUJÍ z terrahuntu; přijdou z mirroru
             ve fázi 2 (typ 1 kostra) přes scripts/setup-theme-assets.sh.
Version: 0.1
Requires PHP: 8.3
Text Domain: z-agency
*/

/* Záměrně prázdné. Skutečné styly dodá mirror — viz popis výše. */

/* [Jirka 26. 8.] Formuláře: tlačítko k PRAVÉMU okraji formu (bylo na středu)
 * a 0,5 cm (~19 px) vertikální mezera — souhlas i tlačítko byly namáčknuté
 * na textové boxy. Platí pro všech 5 variant formulářů. */
.form-container .za-form-consent { margin-top: 19px !important; }
.form-container .za-form-submit { margin-left: auto !important; margin-right: 0 !important; margin-top: 19px !important; }
.form-container .za-form-privacy { margin-top: 19px !important; }

/* [Jirka 26. 8. večer] Patička: tři sémantické sekce + social blok.
 *
 * Mirror počítal s JEDNÍM širokým sloupcem odkazů, takže `.page-menu li`
 * má na desktopu 33,33 % šířky (odkazy se lámaly do tří sloupců uvnitř
 * jednoho boxu). Sekce Programy / Služby / Ostatní jsou samy o sobě
 * sloupce — položky proto pod sebe, jinak by vznikla mřížka v mřížce.
 */
.footer-menu .footer-menu-item .page-menu li { width: 100%; }

/* Social blok sedí v pravé části řady sloupců — tři sekce samy zabraly jen
 * levou polovinu. Ikony i nadpis si nesou styl z mirroru (`.social-link` =
 * šedé kolečko, `.footer-menu h4` = barva nadpisu sloupce); tady se řeší
 * jen umístění. Vlastní pravidlo pro `h4` tu ZÁMĚRNĚ není — přepsalo by
 * horní margin a nadpis by seděl o 30 px výš než nadpisy sloupců.
 * Odsazení `0 3rem` je totéž, které má `.footer-menu-item`. */
.footer-menu { flex-wrap: wrap; }
.footer-social { padding: 0 3rem; margin: 0 0 4rem 0; }
.footer-social .social-container { margin: 1.2rem -3px -6px -3px; }

@media (min-width: 992px) {
	/* Doprava do volné mezery. Pod 992px `.footer-menu-item` stejně skládá
	 * sloupce pod sebe, takže by `auto` jen odsunulo ikony mimo obraz. */
	.footer-social { margin-left: auto; text-align: right; }
	.footer-social .social-container { justify-content: flex-end; }
}
@media (max-width: 991px) {
	.footer-social { width: 100%; padding-top: 2rem; border-top: 1px solid #2f3434; }
}

/* [Jirka 26. 8. večer, kolo 2] Patička: barevné ikony z ecomailové mailingové
 * patičky (icons8 color set, self-hostované v assets/img/social/ @96px)
 * a 2× větší než mirror. Mirror drží konstantních 20×20 px na všech
 * breakpointech (rem hodnoty přesně ruší škálování html font-size),
 * takže 2× = fixních 40 px. Scoped na `.footer-social` — social blok
 * v hlavičce (týž markup přes za_social_container) zůstává v šedém stylu.
 * Glyf icomoon nahrazuje background-image; tři třídy v selektoru drží
 * specificitu nad hover pravidlem mirroru (`.social-link:hover` shorthandem
 * nuluje background-image). */
.footer-social .social-link {
	width: 40px;
	height: 40px;
	border-radius: 0;
	background-color: transparent;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.footer-social .social-link::before { content: none; }
.footer-social .social-link:hover,
.footer-social .social-link:focus { background-color: transparent; opacity: .8; }
.footer-social .social-link.social-facebook { background-image: url(assets/img/social/facebook.png); }
.footer-social .social-link.social-instagram { background-image: url(assets/img/social/instagram.png); }
.footer-social .social-link.social-linkedin { background-image: url(assets/img/social/linkedin.png); }
.footer-social .social-link.social-youtube { background-image: url(assets/img/social/youtube.png); }
/* Větší ikony potřebují větší dech mezi sebou (mirror: 6px mezera). */
.footer-social .social-container { margin: 1.2rem -5px -10px -5px; }
.footer-social .social-container .social-box { padding: 0 5px 10px 5px; }

/* [Jirka 26. 8. večer] Úvodní text výpisu lokalit — originál ho má jako holý
 * textový uzel pod H1; jako <p> by kvůli mirrorovému p{margin:0} přilnul
 * k filtru. Stejný rytmus prázdného řádku jako u typ 6 odstavců (23 px). */
.locality-intro { margin: 0 0 23px; }