/* Apartmán U Mátlů – vlastní úpravy nad Bootstrapem 5.3 */

:root {
	--um-modra: #0058aa;       /* barva rezervačních widgetů Megaubytko */
	--um-modra-tmava: #00417e;
	--um-zelena: #4c8a2e;      /* zelená z loga */
	--um-krem: #f8f5ef;
	--bs-primary: var(--um-modra);
	--bs-primary-rgb: 0, 88, 170;
	--bs-link-color: var(--um-modra);
	--bs-link-color-rgb: 0, 88, 170;
	--bs-link-hover-color: var(--um-modra-tmava);
	--bs-link-hover-color-rgb: 0, 65, 126;
}

html {
	scroll-padding-top: 4.5rem; /* kotvy se neschovají pod pevnou navigaci */
}

.btn-primary {
	--bs-btn-bg: var(--um-modra);
	--bs-btn-border-color: var(--um-modra);
	--bs-btn-hover-bg: var(--um-modra-tmava);
	--bs-btn-hover-border-color: var(--um-modra-tmava);
	--bs-btn-active-bg: var(--um-modra-tmava);
	--bs-btn-active-border-color: var(--um-modra-tmava);
}

.text-zelena { color: var(--um-zelena); }
.bg-krem { background-color: var(--um-krem); }

/* --- navigace --- */
.navbar-brand img {
	height: 36px;
	width: auto;
}
.navbar .nav-link {
	font-weight: 500;
}

/* --- úvodní fotka --- */
.hero {
	position: relative;
	min-height: 78vh;
	display: flex;
	align-items: flex-end;
	color: #fff;
	background: #333;
	overflow: hidden;
}
.hero > img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.hero::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, rgba(0, 0, 0, .72) 0%, rgba(0, 0, 0, .25) 55%, rgba(0, 0, 0, .1) 100%);
}
.hero .container {
	position: relative;
	z-index: 1;
}
.hero h1 {
	font-weight: 700;
	letter-spacing: .02em;
	text-shadow: 0 2px 12px rgba(0, 0, 0, .4);
}
.hero-hodnoceni {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	padding: .35rem .85rem;
	border-radius: 2rem;
	background: rgba(255, 255, 255, .92);
	color: #1c2b39;
	font-weight: 600;
	text-decoration: none;
}
.hero-hodnoceni strong {
	color: var(--um-modra);
	font-size: 1.15rem;
}

/* --- rychlé údaje --- */
.fakta .bi {
	font-size: 1.6rem;
	color: var(--um-zelena);
}

/* --- sekce --- */
section {
	padding: 4.5rem 0;
}
.nadpis-sekce {
	font-weight: 700;
	margin-bottom: .35rem;
}
.podnadpis-sekce {
	color: var(--bs-secondary-color);
	margin-bottom: 2.5rem;
}
.foto-zaoblene {
	border-radius: .75rem;
	box-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .12);
}

/* --- galerie --- */
.galerie-nahled {
	display: block;
	width: 100%;
	padding: 0;
	border: 0;
	border-radius: .5rem;
	overflow: hidden;
	background: #ddd;
	cursor: zoom-in;
}
.galerie-nahled img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .35s ease;
}
.galerie-nahled:hover img,
.galerie-nahled:focus-visible img {
	transform: scale(1.05);
}
#galerieModal .modal-content {
	background: #111;
}
#galerieModal .carousel-item img {
	max-height: calc(100vh - 7rem);
	width: auto;
	max-width: 100%;
	margin: 0 auto;
}
#galerieModal .carousel-caption {
	position: static;
	padding: .75rem 0 0;
}

/* --- ceník --- */
.cenik th,
.cenik td {
	text-align: center;
	vertical-align: middle;
}
.cenik td strong {
	white-space: nowrap;
}
@media (max-width: 575.98px) {
	.cenik {
		font-size: .875rem;
	}
	.cenik th,
	.cenik td {
		padding: .5rem .3rem;
	}
}
.cenik td small {
	display: block;
	color: var(--bs-secondary-color);
}

/* --- výlety --- */
.vylet-km {
	min-width: 4.75rem;
}

/* --- widgety Megaubytko --- */
.mu-widget {
	width: 100%;
	min-height: 120px;
}

/* --- patička --- */
footer a {
	color: rgba(255, 255, 255, .85);
}
footer a:hover {
	color: #fff;
}

/* --- cookie lišta --- */
.cookie-lista {
	position: fixed;
	left: 1rem;
	right: 1rem;
	bottom: 1rem;
	z-index: 1080;
	max-width: 760px;
	margin: 0 auto;
}