/*
 Theme Name:   SHS — Hotelová škola
 Theme URI:    https://shs.cz
 Description:  Child motiv GeneratePress pro web Hotelové školy, obchodní akademie a VOŠ, Praha 10. Vzhled se staví v GenerateBlocks (Global Styles) a v Customizeru; motiv drží jen tokeny, písmo a servisní funkce.
 Author:       SHS
 Template:     generatepress
 Version:      1.0.0
 Text Domain:  shs
*/

/*
 * Styly patří do assets/css/theme.css (zařazuje se přes functions.php).
 * Tento soubor zůstává prázdný záměrně — WordPress ho u child motivu
 * načítá jen kvůli hlavičce výše.
 */

/* ==========================================================================
   Úvodní slider (hero) v mobilním zobrazení
   Fotka nahoře celá (poměr 4 : 3), text s tlačítkem pod ní na tmavě modrém
   pozadí - dřív ležel text přes celou fotku a ta nebyla vidět.
   ========================================================================== */
@media (max-width: 900px) {
	/* Zdvojený selektor = vyšší specificita, pravidla přebijí Global Styles bez ohledu na pořadí načtení. */
	.shs-hero-sekce.shs-hero-sekce {
		min-height: 0;
	}

	.shs-hero-sekce.shs-hero-sekce .cb-carousel-block {
		position: relative;
		inset: auto;
		width: 100%;
		aspect-ratio: 4 / 3;
	}

	.shs-hero-sekce .shs-hero-panel.shs-hero-panel {
		position: relative;
		left: auto;
		right: auto;
		bottom: auto;
		width: 100%;
		min-height: 0;
		padding: 1.75rem clamp(20px, 6vw, 56px) 2.25rem;
		background-image: none;
		background-color: var(--ink);
	}
}

/* ==========================================================================
   Přesah obsahu do strany na mobilu
   Plnošířkové prvky používají width: 100vw (hero, mozaika čísel) a 100vw
   zahrnuje i šířku posuvníku, takže stránku mohly rozšířit nad šířku okna
   (bílý pruh vpravo, oříznutá hlavička). overflow-x: clip přesah odřízne
   a na rozdíl od hidden nevytváří posuvný kontejner (nerozbije sticky).
   ========================================================================== */
@media (max-width: 900px) {
	html,
	body {
		overflow-x: clip;
	}
}

/* ==========================================================================
   Šipky hero slideru na mobilu - uprostřed výšky fotky
   Dřív byly "pověšené" nahoře (top: 76px), protože text ležel přes fotku.
   Teď je fotka samostatně nad textem, šipky patří doprostřed její výšky.
   ========================================================================== */
@media (max-width: 900px) {
	.shs-hero-sekce.shs-hero-sekce .swiper-button-prev,
	.shs-hero-sekce.shs-hero-sekce .swiper-button-next {
		top: 50%;
	}
}