@charset "utf-8";

/* =========================================================
   INOX-POOL.EU — B verze (test)
   Obsahuje jen rozdíly oproti style.css — načíst AŽ ZA style.css
   ========================================================= */

:root{
	--gap: calc(20px + 1vw);
}

@media screen and (min-width: 1900px) {
    :root {
        --margin: calc(var(--gap) * 5);
    }
}

/* fixní pozadí — broušená nerez, jemná průhlednost
   (pseudo-element místo background-attachment: fixed, který nefunguje na iOS) */
body{
	position: relative;
	z-index: 0;
}
body::before{
	content: "";
	position: fixed;
	inset: 0;
	z-index: -1;
	background: url('../content/img/bg-page.jpg') center / cover no-repeat;
	opacity: .2;
	pointer-events: none;
}

.subtitle{ color: #fff; }

a{ color: #012; }


/* ---------- layout ---------- */

.layout{ max-width: none; }


/* ---------- hero ---------- */

.hero{
	margin-left: 0;
	margin-right: 0;
}

.owl-theme .owl-dots .owl-dot span{ transition: all .2s ease; }
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span{ width: 60px; }

.owl-nav{ top: 30%; }
.owl-nav span{ aspect-ratio: 1/4; }


/* ---------- tmavý blok ---------- */

.services{ 
	/* background-color: #001122f7;  */
}
.services > p{ color: #bac7d7; }


/* ---------- tlačítko ---------- */

.button{ padding: calc(var(--gap) / 4) var(--gap); }