.site-header .container-fluid {
		 padding-left:4px;
		 padding-right:4px;
	 }

.site-header .header-container {
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
	padding:1rem 0;
}

.site-header .header-container a {
	text-decoration:none;
}

.site-header .header-container .site-logo img, .site-header .header-container .header-social img {
	height:2.25rem;
}

.site-header .header-container .header-social {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
	gap:.25rem;
}

.site-header .header-container .header-social a {
	display:block;
}

.site-header .header-container .header-left, .site-header .header-container .header-right {
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
	align-items: center;
}

.site-header .header-container .header-left {
	gap:5rem;
}

.site-header .header-container .header-right {
	gap:1rem;
}

/* MENU */

/* Základ menu */
.primary-menu .menu {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: clamp(1.85rem, 0.492rem + 2.1925vw, 4rem);
}

.primary-menu .menu li {
    position: relative;
}

.primary-menu .menu li a {
    text-decoration: none;
    color: #000;
    padding: 0.5rem 0;
    display: block;
}

.primary-menu .menu > li > a {
	text-transform:uppercase;
}

/* Podmenu */
.primary-menu .sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    list-style: none;
    background: #fff;
    padding: 0;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    min-width: 180px;
    z-index: 999;
}

.primary-menu .sub-menu li a {
    padding: 0.5rem 1rem;
    white-space: nowrap;
	transition:var(--ease);
}

.primary-menu .sub-menu li a:hover {
    background:var(--accent);
	color:#ffffff;
}

/* Zobrazenie pri hover */
.primary-menu .menu li:hover > .sub-menu {
    display: block;
}

.header-bottom {
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
	align-items: center;
	width:100%;
}

.header-bottom-1, .header-bottom-2, .header-bottom-3, .header-bottom-4, .header-bottom-5 {
	content:"";
	display:block;
	width:20%;
	height:3px;
}

.header-bottom-1 {
	background-color:var(--patboj);
}

.header-bottom-2 {
	background-color:var(--laser);
}

.header-bottom-3 {
	background-color:var(--plavanie);
}

.header-bottom-4 {
	background-color:var(--serm);
}

.header-bottom-5 {
	background-color:var(--ocr);
}

form#searchform {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0;
	border: 2px solid var(--gray);
	background-color: var(--light);
    border-radius: 5px;
    padding: 8px 0 8px 12px;
    outline: none;
	height:2.5rem;
	border-radius:50px;
	overflow:hidden;
}


form#searchform input[type="text"] {
	border:none;
	outline:none;
	background-color: var(--light);
}
	
.header-search input::placeholder {
  color: var(--text);
  opacity: .5;
  font-weight:200;
  
}

#searchsubmit {
  display: inline-flex;       
  align-items: center;        
  justify-content: center;    
  width: 40px;
  height: 40px;
  border: none;
  background-color: transparent;
  cursor: pointer;
  padding: 0;
  padding-right:1rem;
  opacity:0.5;
  transition:var(--ease);
}

#searchsubmit:hover {
	opacity:1;
}

.mobile-menu-wrapper form#searchform input[type="text"] {
	width:100%;
}

.hide-on-mobile {
    display: none;
}

#mobile-menu-toggle {
	display:block;
	background:transparent;
	border:none;
	padding:0;
}

#mobile-menu-toggle i:before {
	color:var(--text);
	font-size: 2rem;
    line-height: 1;
}

#mobile-menu-toggle[aria-expanded="false"] i.bi-x-lg {
	display:none;
}

#mobile-menu-toggle[aria-expanded="true"] i.bi-list {
	display:none;
}

.mobile-menu-wrapper {
    display: none;
    position: absolute;
    top: 70px;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 999;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    padding: 1rem;
}

.mobile-menu-wrapper.active {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 1rem;
	max-height:calc(100svh - 68px);
	overflow-y:scroll;
}

.mobile-menu-list, .mobile-menu-list .sub-menu {
	list-style:none;
	padding-left:0;
	margin-bottom:0;
}
	

.mobile-menu-list li {
    position: relative;
    padding: 0;
}

.mobile-menu-list li a {
	padding:.5rem 0 .5rem;
	width:100%;
	display:block;
	transition:var(--ease);
}

.mobile-menu > ul > li > a {
  text-transform: uppercase;
}

.mobile-menu-list li a:active {
	background-color:var(--accent);
	color:#ffffff;
}

.mobile-menu-list .sub-menu {
    display: none;
}

.mobile-menu-list .sub-menu li a {
	padding-left:1rem;
	padding-right:1rem;
	display:block;
}

.mobile-menu-list a {
	color:var(--text);
}


.mobile-menu-list li.menu-item-has-children > a::after {
    content: '\F285';
    float: right;
    transition: transform 0.3s;
    font-family: 'bootstrap-icons';
}

.mobile-menu-list li.active > .sub-menu {
    display: block;
	border-left: 3px solid var(--accent);
}

.mobile-menu-list li.active > a::after {
    transform: rotate(90deg);
}

.mobile-menu-wrapper .header-social {
	flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: .5rem;
	display:flex;

}

@media (min-width:992px) {
	 .site-header .container-fluid {
		 padding-left:2rem;
		 padding-right:2rem;
	 }
	 
	 .hide-on-mobile, #mobile-menu-toggle {
		 display:flex !important;
	 }
	 
	 .site-header .header-container .site-logo img {
		height: 2.5rem;
	}
	
	#mobile-menu-toggle {
		display:none !important;
	}
	
	#searchsubmit {
		padding-right:8px;
	}
	
	form#searchform input[type="text"] {
	min-width:300px;
}
}

@media(max-width:991px) and (orientation:landscape) {
	.mobile-menu-wrapper.active {
		max-height: calc(100svh - 68px);
		overflow-y: scroll;
	}
}