.himk-wrapper {
	position: relative;
	display: block;
	max-width: 100%;
}

/* Zarovnání bloku. Wrapper nese jak naše rozměry/styl, tak WordPress
 * "align" třídu na jednom a témže elementu, takže se zarovnání
 * aplikuje přímo na (případně šířkou omezený) obrázkový kontejner. */
.himk-wrapper.aligncenter {
	margin-left: auto;
	margin-right: auto;
}

.himk-wrapper.alignleft {
	float: left;
	margin: 0 1.5em 1em 0;
}

.himk-wrapper.alignright {
	float: right;
	margin: 0 0 1em 1.5em;
}

.himk-wrapper.alignwide,
.himk-wrapper.alignfull {
	width: 100%;
}

.himk-wrapper .himk-link {
	display: block;
	width: 100%;
	height: 100%;
}

.himk-wrapper .himk-image {
	max-width: 100%;
}

.himk-wrapper.himk-rounded {
	overflow: hidden;
}

.himk-wrapper.himk-clickable {
	cursor: pointer;
}

/* Vlastní "play" kurzor: konkrétní pravidlo pro unikátní třídu daného bloku
 * (např. .himk-cursor-1) se vkládá jako samostatný <style> tag přímo v PHP
 * výstupu bloku (viz build_play_cursor_style_tag() v hover-image-mk.php) -
 * ne sem, protože si ho generujeme dynamicky (jiný obrázek pro každý blok). */

/* Dočasné vypnutí přechodu při "replay" animace přes klik (viz replayFlyIn v frontend.js) -
 * obrázek/ghosty tak okamžitě skočí do výchozí pozice bez viditelné animace zpět. */
.himk-wrapper.himk-replay-reset .himk-image,
.himk-wrapper.himk-replay-reset .himk-fly-ghost {
	transition: none !important;
}

/* Cílový (konečný) stav animace "přilétnutí".
 * !important je zde záměrně - přebíjí pouze inline počáteční styl
 * (opacity/transform) nastavený v PHP pro daný konkrétní blok. */
.himk-fly .himk-image.himk-in-view {
	opacity: 1 !important;
	transform: none !important;
}

/* "Duchové" (ghosty) efektu rychlostní stopy - viditelné jen u animationStyle=trail. */
.himk-fly-ghost {
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	background-repeat: no-repeat;
}

.himk-fly-ghost.himk-in-view {
	opacity: 0 !important;
	transform: none !important;
}