/* Widget „Galerie jednotky“ – velká fotka, miniatury uvnitř vlevo dole, šipky, tlačítko Galerie */
.nl-gal { position: relative; width: 100%; }
.nl-gal--empty { padding: 40px; text-align: center; background: #f4f4f4; color: #777; }

/* poměr stran přes ::before (padding-top se nastavuje v ovládání widgetu; aspect-ratio v flexboxu Elementoru zmenšuje výšku) */
.nl-gal .nl-gal__main { position: relative; overflow: hidden; background: #ddd; }
.nl-gal .nl-gal__main::before { content: ""; display: block; padding-top: 56.25%; }
.nl-gal .nl-gal__track { position: absolute; inset: 0; display: flex; transition: transform .6s cubic-bezier(.16, 1, .3, 1); touch-action: pan-y; }
.nl-gal .nl-gal__slide { flex: 0 0 100%; height: 100%; }
.nl-gal .nl-gal__link { display: block; height: 100%; cursor: zoom-in; }
.nl-gal .nl-gal__img { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; }

/* šipky */
.nl-gal .nl-gal__arrow {
	position: absolute; top: 50%; z-index: 3; width: 46px; height: 46px; margin-top: -23px; padding: 0; border: 0; border-radius: 0;
	display: flex; align-items: center; justify-content: center; cursor: pointer;
	background-color: rgba(50, 50, 50, .7); color: #fff; transition: background-color .3s;
}
.nl-gal .nl-gal__arrow:hover { background-color: #C29250; }
.nl-gal .nl-gal__arrow--prev { left: 0; }
.nl-gal .nl-gal__arrow--next { right: 0; }
.nl-gal .nl-gal__arrow--next svg { transform: scaleX(-1); }

/* tlačítko „Galerie“ vpravo nahoře (vzhled běžného tlačítka Elementoru) */
.nl-gal .nl-gal__btn.elementor-button {
	position: absolute; top: 16px; right: 16px; z-index: 3; border-radius: 0; box-shadow: none; text-align: center;
	background-color: var(--e-global-color-0a396e9, #C29250); color: var(--e-global-color-e5764e6, #fff); fill: #fff;
	transition: background-color .3s;
}
.nl-gal .nl-gal__btn.elementor-button:hover { background-color: var(--e-global-color-a317205, #323232); color: #fff; }

/* miniatury uvnitř fotky vlevo dole (skleněný pásek) */
.nl-gal .nl-gal__thumbs {
	position: absolute; left: 16px; bottom: 16px; z-index: 3; display: flex; gap: 6px; max-width: calc(100% - 32px); padding: 6px; overflow-x: auto; scrollbar-width: none;
	background-color: rgba(35, 35, 35, .55); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
}
.nl-gal .nl-gal__thumbs::-webkit-scrollbar { display: none; }
.nl-gal .nl-gal__thumb { flex: 0 0 auto; width: 78px; height: 52px; padding: 0; border: 2px solid transparent; border-radius: 0; background: none; overflow: hidden; cursor: pointer; opacity: .7; transition: opacity .2s, border-color .2s; }
.nl-gal .nl-gal__thumb img { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; }
.nl-gal .nl-gal__thumb.is-active, .nl-gal .nl-gal__thumb:hover { opacity: 1; border-color: #fff; }

@media (max-width: 767px) {
	.nl-gal .nl-gal__thumb { width: 52px; height: 36px; }
	.nl-gal .nl-gal__arrow { width: 38px; height: 38px; margin-top: -19px; }
}
@media (prefers-reduced-motion: reduce) { .nl-gal .nl-gal__track { transition: none; } }