/*--------------------------------------------------------------
# Vyhledávání v patičce

Markup je natvrdo ve footer.php, stejně jako odkazy na sítě - téma
nemá registrovanou žádnou widget oblast a kvůli jednomu poli ji
zakládat nemá smysl.

KAM TO PATŘÍ A PROČ TAM: řádek .site-footer-top > .section-boxed je
flex se `justify-content: space-between` a dvěma dětmi - sítě vlevo,
menu vpravo (socialni-odkazy.css). Formulář je do něj vložený jako
TŘETÍ dítě mezi ně, takže si space-between rozdělí řádek na tři a
menu zůstane vpravo tam, kde bylo.

VÝŠKU TO NEPŘIDÁ: řádek je vysoký podle menu (měřeno 26. 8. 2026:
menu 233 px, sítě 19 px) a mezi sítěmi a menu zbývalo 599 px volného
místa. Pole se tedy vejde do prostoru, který tam už byl.

Na úzkých oknech řádek zalomí (flex-wrap: wrap na obalu) a formulář
se roztáhne na celou šířku - tam přibyde jeden řádek, jinak by pole
bylo nepoužitelně úzké.

POZOR NA SPECIFICITU (opraveno 26. 8. 2026): 20-zaklad.css stylizuje
`input[type="search"]` společně s ostatními textovými poli - barva
#666, rámeček 1px #ccc, zaoblení 3px, padding 3px. Ten selektor má
(0,1,1), takže holá třída (0,1,0) prohrává i přesto, že leží
v sestaveném CSS později. Pole pak vypadalo jako výchozí formulářový
input tématu: tmavě šedý text na tmavém pozadí a výška 28 px.
Pravidla níž jsou proto psaná dvěma třídami - (0,2,0) přebije (0,1,1)
a nepotřebuje !important.
--------------------------------------------------------------*/

.site-search {
	display: flex;
	align-items: center;
	gap: 8px;
	/* Neroste, smí se zmenšit, výchozí šířka 360 px. */
	flex: 0 1 360px;
	max-width: 360px;
}

.site-search .site-search__pole {
	flex: 1 1 auto;
	min-width: 0;
	padding: 12px 14px;
	border: 1px solid rgba(255, 255, 255, 0.25);
	border-radius: var(--lt-radius);
	background: rgba(255, 255, 255, 0.04);
	/* Stejná barva jako běžný text webu, ne šedá z výchozích formulářů. */
	color: var(--barva-textu);
	font-family: inherit;
	/*
	 * 17px není libovolné číslo: pod 16px zvětšuje Safari na iPhonu
	 * stránku při kliknutí do pole, aby se text dal přečíst.
	 */
	font-size: 17px;
	line-height: 1.3;
}

.site-search .site-search__pole::placeholder {
	color: var(--barva-textu);
	opacity: 0.55;
}

.site-search .site-search__pole:focus {
	outline: 2px solid var(--barva-akcent);
	outline-offset: 1px;
	border-color: transparent;
}

/*
 * Tlačítko je jen ikona, proto se mu musí sebrat výchozí polstrování
 * z 20-zaklad.css (`button { padding: 15px 30px }`). 44 px je zároveň
 * spodní mez pohodlného cíle pro prst a sedí na výšku pole vedle.
 */
.site-search .site-search__odeslat {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	flex: 0 0 44px;
	padding: 0;
	border: 0;
	border-radius: var(--lt-radius);
	background-color: var(--barva-akcent);
	color: var(--barva-na-akcentu);
	cursor: pointer;
}

.site-search .site-search__odeslat:hover,
.site-search .site-search__odeslat:focus {
	background-color: #b9690a;
	color: #fff;
}

@media (max-width: 767px) {
	.site-search {
		flex: 1 1 100%;
		max-width: none;
	}
}