/*--------------------------------------------------------------
# Odkazy na sociální sítě v patičce

Markup je ve footer.php - v Astře ho vypisoval prvek footer builderu
(.ast-footer-social-1-wrap), který v _s neexistuje.

Hodnoty odečtené z Astry: ikona 18 px, popisek 16 px, mezera 6 px mezi
položkami, ikona i popisek ve stejné „official" barvě sítě.
--------------------------------------------------------------*/

/*
 * Řádek nad světlým pruhem: sítě vlevo, menu vpravo - jako v Astře.
 *
 * Obsah drží .section-boxed (max-width 1140 px, vystředěné), aby řádek
 * nešel přes celou šířku okna. Rozvržení proto sedí na tom obalu, ne na
 * .site-footer-top - ta jen nese svislé odsazení a případné pozadí.
 */
.site-footer-top {
	padding: 32px 20px;
}

.site-footer-top > .section-boxed {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	gap: 32px;
}

.site-social {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0 12px;
}

.site-social__link,
.site-social__link:visited {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 16px;
	line-height: 1.2;
	text-decoration: none;
}

.site-social__link:hover,
.site-social__link:focus {
	text-decoration: underline;
}

.site-social__ikona {
	display: inline-flex;
	align-items: center;
}

/*
 * „Official" barvy - ikona i popisek jedním odstínem, přesně jak je má
 * Astra (ověřeno getComputedStyle na živém webu).
 */
.site-social__link--facebook,
.site-social__link--facebook:visited { color: #557dbc; }

.site-social__link--x,
.site-social__link--x:visited { color: #7acdee; }

.site-social__link--instagram,
.site-social__link--instagram:visited { color: #b768e0; }

.site-social__link--youtube,
.site-social__link--youtube:visited { color: #e96651; }

.site-social__link--tiktok,
.site-social__link--tiktok:visited { color: #f09124; }