/* Projektové styly barber-web (mimo mockup style.css). Načítá se v @layout.latte za style.css. */

/* ===== Preloader — "logo shine" (nahrazuje GIF; orig. záloha: _preloader-original-backup.txt) =====
   Maska loga je na kontejneru; uvnitř spodní šedý "stín" + posuvný pruh záře (transform = plynulé). */
.preloader {
	background-image: none !important;
	background-color: #1d1d1b !important;
	display: flex;
	align-items: center;
	justify-content: center;
}
.pl-shine {
	position: relative;
	width: 200px;
	height: 192px;
	overflow: hidden;
	-webkit-mask: url(../images/logos/dimplomat-bs_logo_white_NEW_FINAL.svg) center/contain no-repeat;
	mask: url(../images/logos/dimplomat-bs_logo_white_NEW_FINAL.svg) center/contain no-repeat;
}
.pl-shine .base {
	position: absolute;
	inset: 0;
	background: rgba(255, 255, 255, .10);
}
.pl-shine .sweep {
	position: absolute;
	top: -25%;
	bottom: -25%;
	left: 0;
	width: 55%;
	background: linear-gradient(105deg, transparent, rgba(255, 255, 255, .92), transparent);
	transform: translateX(-180%);
	animation: pl-shine 5s linear infinite;
}
@keyframes pl-shine {
	0%   { transform: translateX(-180%); }
	48%  { transform: translateX(320%); }
	100% { transform: translateX(320%); }
}

/* ===== Tlačítko "nahoru" (scroll-top) ===== */
.scroll-top {
	background: #00442b !important;
}

/* ===== Přepínač jazyků — pill toggle (varianta A), sladěno s menu ===== */
/* Zarovnání do řádku s tlačítkem "Rezervovat online" (jen na lg+, ať nerozbije mobilní d-none). */
@media (min-width: 992px) {
	.menu-button {
		display: flex !important;
		align-items: center;
		gap: 16px;
	}
}
.lang-switch {
	display: inline-flex;
	vertical-align: middle;
	border: 1px solid rgba(255, 255, 255, .35);
	border-radius: 5px;
	overflow: hidden;
	/* Stejná typografie jako položky menu. */
	font-family: "din-condensed-variable", sans-serif;
	text-transform: uppercase;
	line-height: 1;
}
.lang-switch a {
	padding: 5px 14px;
	color: #fff;
	font-size: 20px;
	text-decoration: none;
	transition: .25s;
}
.lang-switch a.active {
	background: #fff;
	color: #1d1d1b;
}
.lang-switch a:not(.active):hover {
	background: rgba(255, 255, 255, .15);
}