/* aby bol footer dole */
html {
	min-height: 100%;
}

/* vyska menu*/
.navbar {
	height: 3rem;
	padding: 0;
}

/* rovnaky styl pre menu tlacitko a tlacitko na zatvorenie menu */
.navbar-toggler {
	--bs-btn-close-bg: var(--bs-navbar-toggler-icon-bg);
	padding: 0.25rem;
	font-size: 1.5rem;
}

/* pravidla ked nie je vysuvne menu */
@media (min-width: 768px) {
	/* aby som videl hornu listu ked otvorim dropdown */
	.navbar {
		z-index: 1050;
	}
	/* tien pre dropdowns */
	.dropdown-menu {
		box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.4);
		border-radius: var(--bs-border-radius) !important;
	}
	/* polozky k uctu aby boli vpravo iba ked nie je vysuvne */
	.ms-auto-big {
		margin-left: auto;
	}
}

/* pravidla pre vysuvne menu */
@media (max-width: 767px) {
	/* styl vysuvacieho menu */
	.offcanvas {
		--bs-offcanvas-width: auto;
		bottom: auto;
		box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.4);
		margin: 0.25rem !important;
		border-radius: var(--bs-border-radius) !important;
	}

	/* otvorit aktivny dropdown */
	.nav-item .dropdown-menu:has(a.active) {
		display: block;
	}

	/* zjednotenie stylov pre dropdowns a non dropdowns */
	.dropdown-menu {
		--bs-dropdown-border-color: none;
		--bs-dropdown-spacer: 0;
		--bs-dropdown-padding-y: 0;
		--bs-dropdown-link-color: var(--bs-nav-link-color);
	}
	.dropdown-item {
		--bs-dropdown-item-padding-y: 0.2rem;
		--bs-dropdown-item-padding-x: 2rem;
	}
	.dropdown-item:active {
		background-color: white;
	}
	.dropdown-item:hover {
		background-color: var(--bs-dropdown-link-hover-bg);
	}
	.nav-link {
		--bs-nav-link-padding-y: 0.2rem;
		--bs-nav-link-padding-x: 0.5rem;
		--bs-navbar-active-color: var(--bs-primary);
	}
	.nav-link.show {
		--bs-navbar-active-color: var(--bs-nav-link-color);
	}
	.nav-link:hover, .nav-link.show:hover {
		background-color: var(--bs-tertiary-bg);
		color: var(--bs-nav-link-hover-color);
	}
	.nav-link.active, .nav-link.active.show:hover{
		--bs-nav-link-hover-color: var(--bs-primary);
		--bs-navbar-active-color: var(--bs-primary);
	}

	/* vacsi font pre vysuvne menu */
	.navbar-nav a {
		font-size: 1.1rem;
	}

	.dropdown {
		--m-slide-menu-mode: true;
	}
}

/* dropdowns polozky active a hover styl */
.dropdown-item {
	--bs-dropdown-link-active-color: black;
	--bs-dropdown-link-active-bg: white;
}
.dropdown-item.active {
	color: var(--bs-primary);
}
.dropdown-item.active:hover {
	background-color: var(--bs-tertiary-bg);
}

/* footer pozicia, vyska, farba */
.footer {
	position: absolute;
	bottom: 0;
	height: 3rem;
	width: 100%;
}

.web_version{
	font-size: 0.6rem;
}

/* potrebne aby polozky k uctu boli vpravo */
.navbar-nav {
	width: 100%;
}

/* svetlejsie pozadie ked sa vysunie menu */
.offcanvas-backdrop.show {
	opacity: 0.2;
}