/*
 * Tooltipy obrázka s pinmi (plugin DevVN Image Hotspot) v hero sekcii.
 *
 * Plugin v každom tooltipe vykreslí najprv <span class="close_ihp"> s ikonou
 * zatvárania a až za ním text bodu. Pri niektorých bodoch (BETÓNOVÉ VÝROBKY,
 * REGÁLY) chýba v uloženom obsahu ikona aj uzatváracie </span>, takže text
 * skončí VNÚTRI ikony: na desktope je span skrytý (tooltip je prázdny) a na
 * mobile má span pevnú šírku 25px, do ktorej sa text láme po písmenách —
 * výsledkom je zvislý stĺpec znakov.
 *
 * Takýto „pokazený“ span (obsahuje niečo iné než svg) preto vrátime do
 * normálneho toku. Ozajstné ikony zatvárania (len svg) ostávajú nedotknuté.
 */

#powerTip span.close_ihp:has(> :not(svg)) {
	display: block;
	float: none;
	width: auto;
	height: auto;
}

/*
 * Popisky bodov sú krátke názvy kategórií — nech sa nelámu ani vtedy, keď je
 * pin pri okraji obrázka a tooltipu ostane málo miesta.
 */
#powerTip .box_view_html {
	white-space: nowrap;
}

#powerTip .box_view_html p {
	margin: 0;
}

@media (max-width: 500px) {
	#powerTip .box_view_html {
		white-space: normal;
	}
}

/*
 * Na telefóne sa obrázok s pinmi na úvodnej stránke nezobrazuje — piny sú
 * pri tejto šírke príliš malé. Skrýva sa len shortcode, nie celá hero sekcia:
 * hlavička je na mobile position:absolute (70px) a leží práve na pozadí hero
 * sekcie. Bez nej by prekryla začiatok žltej sekcie „Naše produkty“.
 * Hero sekcia preto ostane presne taká vysoká ako hlavička.
 */
@media (max-width: 560px) {
	.home .elementor-element-907f551 {
		display: none;
	}

	.home .elementor-element-7069ce4 {
		min-height: 70px;
		padding-top: 0;
		padding-bottom: 0;
	}
}