/* Lai-Teräs yläpalkki 0.1.0 — logo ei katoa yläpalkista (ks. laiteras-ylapalkki.php, dokumentti 24).
 * Valitsimet ovat teeman sääntöjä tarkempia (.site-container-etuliite), joten latausjärjestys ei ratkaise.
 * Todennus: node tyokalut/ylapalkki-leveydet.js --css lisaosat/laiteras-ylapalkki/assets/ylapalkki.css --skrollattu --venytys 1024:1920,768:1024 */

@media only screen and (min-width: 1024px) {
	/* Teeman mmd_bodyend.js lukitsee latauksessa mitatun leveyden inline-max-widthiksi (em). Jos logo oli
	   latauksen hetkellä puristunut, se jäi pieneksi myös ikkunaa suurennettaessa. Palautetaan mukauttimen
	   asetus 340 px (genesis-sample-inline-css). */
	.wp-custom-logo .site-container .title-area { max-width: 340px !important; }
}

@media only screen and (min-width: 1024px) and (max-width: 1365px) {
	/* Yhdeksän kohdan valikko vei tilan ja logoalue (flex: auto, img width 100 %) joustoi nollaan:
	   1024 px → logo 0 px, 1280 px → 161 px. Logo saa kiinteän leveyden, valikko tiivistyy. */
	.site-container .site-header { padding-left: 1.5rem; padding-right: 1.5rem; }
	.wp-custom-logo .site-container .title-area { flex: 0 0 auto; width: auto; padding-right: 1.25rem; }
	.wp-custom-logo .site-container .title-area img,
	.wp-custom-logo .site-container .site-header.skrollaus .title-area img { width: clamp(200px, 17vw, 240px); max-width: none; }
	.site-container .nav-primary { flex: 1 1 0; width: auto; min-width: 0; }
	.site-container .genesis-nav-menu > .menu-item > a { padding-left: .55em; padding-right: .55em; letter-spacing: .02em; }
}