/* LIGOP – Hero s prezentací fotek (web i editor). Rozměry podle návrhu: 104/168 px, obsah 1256 px. */
.wp-block-ligop-hero-slider {
	position: relative; overflow: hidden; isolation: isolate;
	background: var(--wp--preset--color--ink, #231f20); color: #fff;
	padding-top: 104px; padding-bottom: 168px;
}
.wp-block-ligop-hero-slider .ligop-hs__fotky { position: absolute; inset: 0; overflow: hidden; z-index: -2; }
.wp-block-ligop-hero-slider .ligop-hs__foto {
	position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: center 55%;
	opacity: 0; transition: opacity 1.2s ease;
}
.wp-block-ligop-hero-slider .ligop-hs__foto.is-active { opacity: 1; }
.wp-block-ligop-hero-slider .ligop-hs__shade {
	position: absolute; inset: 0; z-index: -1; pointer-events: none;
	background: linear-gradient(90deg, rgba(24,20,18,.86) 0%, rgba(24,20,18,.62) 42%, rgba(24,20,18,.08) 78%);
}
.wp-block-ligop-hero-slider .ligop-hs__obsah {
	position: relative; max-width: var(--wp--style--global--wide-size, 1256px); margin: 0 auto;
	display: flex; flex-direction: column; gap: 28px; align-items: flex-start;
}
.wp-block-ligop-hero-slider .ligop-hs__obsah > * { margin: 0 !important; max-width: 100%; }
.wp-block-ligop-hero-slider .ligop-hs__obsah > p:not(:first-child) { max-width: 560px; text-wrap: pretty; }
.wp-block-ligop-hero-slider .ligop-hs__obsah > h1 { white-space: normal; }
.wp-block-ligop-hero-slider .ligop-hs__obsah > .wp-block-buttons { margin-top: 12px !important; gap: 16px; }
.wp-block-ligop-hero-slider .ligop-hs__obsah > .wp-block-buttons .wp-block-button__link { font-size: 18px; padding: 18px 28px; line-height: 1.2; }
.wp-block-ligop-hero-slider .ligop-hs__obsah > .wp-block-buttons :is(.is-style-ligop-obrys-svetly, .is-style-ligop-obrys-svetly-sipka) .wp-block-button__link { padding: 13px 16px 13px 26px; font-weight: 600; }
.wp-block-ligop-hero-slider .ligop-hs__obsah > .wp-block-list { font-size: 17px; font-weight: 500; line-height: 1.2; }
.wp-block-ligop-hero-slider .ligop-hs__obsah > p:first-child { line-height: 1.2; }

.wp-block-ligop-hero-slider .ligop-hs__ctrl {
	position: absolute; z-index: 2; bottom: 112px; right: max(32px, calc((100% - 1320px) / 2 + 32px));
	display: flex; align-items: center; gap: 10px;
}
.wp-block-ligop-hero-slider .ligop-hs__dot { width: 20px; height: 3px; border: 0; border-radius: 2px; padding: 0; cursor: pointer; background: rgba(255,255,255,.75); transition: width .4s ease, background .4s ease; }
.wp-block-ligop-hero-slider .ligop-hs__dot[aria-current="true"] { width: 32px; background: var(--wp--preset--color--primary, #f58220); }
.wp-block-ligop-hero-slider .ligop-hs__arrow {
	width: 52px; height: 52px; border-radius: 50%; border: 1.5px solid rgba(255,255,255,.85); background: rgba(24,20,18,.25); color: #fff;
	cursor: pointer; display: flex; align-items: center; justify-content: center; padding: 0; font-size: 22px; line-height: 1;
}
.wp-block-ligop-hero-slider .ligop-hs__arrow svg { width: 20px; height: 20px; }
.wp-block-ligop-hero-slider .ligop-hs__dot + .ligop-hs__arrow, .wp-block-ligop-hero-slider .ligop-hs__arrow:first-of-type { margin-left: 22px; }
.wp-block-ligop-hero-slider .ligop-hs__arrow + .ligop-hs__arrow { margin-left: 0; }
.wp-block-ligop-hero-slider .ligop-hs__arrow:hover { background: #fff; color: var(--wp--preset--color--ink, #231f20); }
.wp-block-ligop-hero-slider .ligop-hs__vymena { position: absolute; top: 16px; right: 16px; z-index: 3; display: flex; gap: 8px; flex-wrap: wrap; justify-content: flex-end; }
.wp-block-ligop-hero-slider .ligop-hs__prazdne { position: relative; z-index: 2; max-width: 520px; margin: 0 auto 24px; color: #1e1e1e; }

@media (prefers-reduced-motion: reduce) {
	.wp-block-ligop-hero-slider .ligop-hs__foto { transition: opacity .3s; transform: none !important; }
}
@media (max-width: 1119px) {
	.wp-block-ligop-hero-slider { padding-top: 72px !important; padding-bottom: 150px !important; }
}
@media (max-width: 767px) {
	.wp-block-ligop-hero-slider { padding-top: 44px !important; padding-bottom: 128px !important; }
	.wp-block-ligop-hero-slider .ligop-hs__obsah { gap: 18px; }
	.wp-block-ligop-hero-slider .ligop-hs__obsah > p:first-child { font-size: 14px !important; letter-spacing: .1em !important; }
	.wp-block-ligop-hero-slider .ligop-hs__obsah > h1 { font-size: 44px !important; }
	.wp-block-ligop-hero-slider .ligop-hs__obsah > p:not(:first-child) { font-size: 17px !important; }
	.wp-block-ligop-hero-slider .ligop-hs__obsah > .wp-block-list { font-size: 15px !important; gap: 10px 20px !important; }
	.wp-block-ligop-hero-slider .ligop-hs__obsah > .wp-block-buttons .wp-block-button__link { font-size: 16px; }
	.wp-block-ligop-hero-slider .ligop-hs__shade { background: linear-gradient(180deg, rgba(24,20,18,.6) 0%, rgba(24,20,18,.8) 100%); }
	.wp-block-ligop-hero-slider .ligop-hs__ctrl { right: 16px; bottom: 96px; }
	.wp-block-ligop-hero-slider .ligop-hs__arrow { width: 42px; height: 42px; }
	.wp-block-ligop-hero-slider .ligop-hs__dot + .ligop-hs__arrow { margin-left: 6px; }
}
/* Boční okraje jako zbytek webu (mobil 16 px, desktop 32 px). */
.wp-block-ligop-hero-slider { padding-left: var(--wp--style--root--padding-left, clamp(16px, 4vw, 32px)); padding-right: var(--wp--style--root--padding-right, clamp(16px, 4vw, 32px)); }
.wp-block-ligop-hero-slider .ligop-hs__stav { color: #fff; font-size: 13px; font-weight: 600; margin-right: 8px; background: rgba(24,20,18,.55); padding: 4px 8px; border-radius: 4px; }
