.kc_row .kc_col-sm-12{
 padding-left:0px !important;
 padding-right:0px !important;
}
/* Glow for the mobile hamburger dropdown - see .navbar-collapse below. Two
   separate animations, chained by their delays: FadeIn runs once, starting
   only once the dropdown has finished unfolding, easing the glow in from
   nothing; Breathe then takes over and loops forever. Kept apart (rather
   than one looping animation whose first frame is "no glow") because a
   single looping animation would replay that fade-in/fade-out every cycle
   instead of fading in once and settling into a continuous breathe. */
@keyframes navbarCollapseGlowFadeIn{
	from{
		box-shadow:0 4px 20px rgba(0,0,0,0.20), 0 6px 28px rgba(255,255,255,0);
	}
	to{
		box-shadow:0 4px 20px rgba(0,0,0,0.20), 0 6px 28px rgba(255,255,255,0.55);
	}
}
@keyframes navbarCollapseGlowBreathe{
	0%, 100%{
		box-shadow:0 4px 20px rgba(0,0,0,0.20), 0 6px 28px rgba(255,255,255,0.55);
	}
	50%{
		box-shadow:0 4px 20px rgba(0,0,0,0.20), 0 6px 42px rgba(255,255,255,0.80);
	}
}
.admin-bar .fixed-header .sticky-header{
	top:32px;
}
.p-t0{
	padding-top:0px !important;
}
.kc_column>.kc-col-container{
	display:block;
}
.kc-row-container.kc-container{
	max-width:1230px;
	width:100%;
}
.main-slider .tp-bullets{
	display:none; 
}
.page-title{
	position: relative;
	background-color:#2c4a90;
    padding: 225px 0px 60px;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    background-position: right bottom;
}
.pagination li a, .pagination li span{
	position: relative;
    display: inline-block;
    line-height: 30px;
    height: 44px;
    font-size: 18px;
    min-width: 45px;
    color: #242424;
    font-weight: 700;
    text-align: center;
    background: #ffffff;
    border: 2px solid #d4d4d4;
    text-transform: capitalize;
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    font-family: 'Open Sans', sans-serif;
}
.pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover, .pagination li span.current{
	color: #ffffff;
    border-color: #4349d9;
    background-color: #4349d9;
}
.main-header .search-box-outer .dropdown.open .search-box-btn .fa-search:before{
	content:'\f00d';
}

.default-form.comment-form h3 small a{
	position:relative;
	font-size: 16px;
	color: #242424;
	font-weight: 600;	
}
.fix_theme .fix_theme{
	margin-left:70px;	
}
/********************* Blog Widget Style ********************/

.widget ul{
	position:relative;
}
.widget ul li{
	position:relative;
	color:#797979;
	font-size:16px;
	font-weight:500;
	padding-bottom:10px;
	margin-bottom:10px;
	display:block;
	border-bottom:1px solid #e6e6e6;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}
.widget ul li:after{
	position:absolute;
	content:'\f105';
	left:0px;
	top:0px;
	color:#797979;
	font-size:14px;
	font-family: 'FontAwesome';
}
.widget ul li:last-child{
	border-bottom:0px;
}
.widget ul li a{
	position:relative;
	color:#797979;
	font-size:16px;
	font-weight:500;
	padding-left:20px;
}
.widget ul li:hover{
	color:#2760ca;
}

/*Popular Tags*/

.widget .tagcloud a{
	position:relative;
	display:inline-block;
	line-height:24px;
	padding:6px 18px 6px;
	margin:0px 6px 10px 0px;
	color:#a6a6a6;
	text-align:center;
	font-size:14px !important;
	background:none;
	font-weight:400;
	border:1px solid #e4e4e4;
	text-transform:capitalize;
	transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	font-family: 'Poppins', sans-serif;
}

.widget .tagcloud a:hover{
	border-color:#2760ca;
	background-color:#2760ca;
	color:#ffffff;	
}

/************Comment Form*****************/
.sidebar-page-container .comments-area .fix_theme{
	padding:25px 25px 25px;
	border-bottom:1px solid #ebe8e8;
}
.sidebar-page-container .comments-area .inner-box > .fix_theme:last-child{
	border-bottom:none;
}
.sidebar-page-container .comments-area .fix_theme .fix_theme{
	padding-bottom:0px;
	border-bottom:none;
	margin-top:25px;
	border-top:1px solid #ebe8e8;
}
.sidebar-page-container .comments-area .comment-box{
	padding:0px;
	border:none;
}
.fix_theme .comment-form{
	margin-top:25px;
	padding-top:25px;
	border-top:1px solid #ebe8e8;
}
.sidebar-page-container .fix_theme .comment-form .group-title{
	margin-bottom:0px;
}
.sidebar-page-container .our-blog{
	padding-right:15px;
}
/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #eee;
	clip: auto !important;
	clip-path: none;
	color: #444;
	display: block;
	font-size: 1em;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.widget_recent_comments ul li{
	padding-left:20px;
}
blockquote{
	margin:30px 0;
}
.wp-caption-text{
	padding-top:10px;
}
.footer-widget ul li ul li{
	margin-left:15px;
}
.page-wrapper{
	overflow:hidden;
}
.sidebar-page-container .our-blog{
	padding-right:0px !important;
}
/* Header top bar: multi-line hours/phone, vertical-center all info boxes.
   auto-container becomes a flex row so upper-right sits right next to the logo
   (instead of pinned to the far right edge) and floats no longer matter, since
   float has no effect on flex items per spec. */
.header-style-three .header-upper .auto-container{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	gap:40px;
}
.header-style-three .header-upper .upper-right{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	padding-top:0;
	margin-top:28px;
	margin-right:0;
}
.header-style-three .header-upper .info-box{
	float:none;
	display:flex;
	align-items:center;
	padding-left:0;
	padding-right:20px;
	margin-left:0;
	margin-right:20px;
	border-right:0;
}
.header-style-three .header-upper .info-box:last-child{
	padding-right:0;
	margin-right:0;
}

/* Icons: white glass badge (frosted circle) with a soft glow */
.header-style-three .header-upper .info-box .icon-box{
	position:static;
	top:auto;
	width:42px;
	height:42px;
	display:flex;
	align-items:center;
	justify-content:center;
	margin-right:12px;
	font-size:20px;
	color:#000000;
	background:rgba(255,255,255,0.14);
	-webkit-backdrop-filter:blur(6px);
	backdrop-filter:blur(6px);
	border:1px solid rgba(255,255,255,0.35);
	border-radius:50%;
	box-shadow:0 0 14px rgba(255,255,255,0.70);
}

/* Text: black, slightly bold, with a soft white glow so it stays legible over the photo */
.header-style-three .header-upper .info-box li,
.header-style-three .header-upper .info-box li span,
.header-style-three .header-upper .info-box li a{
	color:#000000;
	font-weight:600;
	text-shadow:0 0 6px rgba(255,255,255,0.9);
}

/* Header (upper + lower) share ONE continuous Tatry background image with a single gradient overlay (white -> navy) so there is no seam at the overlap zone */
.main-header.header-style-three{
	position:relative;
	z-index:1000;
	background:url('../images/header-tatry.jpg') center top/cover no-repeat;
}
.main-header.header-style-three::before{
	content:'';
	position:absolute;
	display:block;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:linear-gradient(to bottom, rgba(255,255,255,0.80) 0%, rgba(255,255,255,0.78) 90%, rgba(38,58,132,0.72) 98%, rgba(38,58,132,0.72) 100%);
	z-index:1;
	pointer-events:none;
}
.header-style-three .header-upper{
	position:relative;
	z-index:2;
	background:transparent;
	overflow:hidden;
}
.header-style-three .header-upper .auto-container{
	position:relative;
	z-index:2;
}
.header-style-three .header-lower{
	position:relative;
	z-index:2;
	background:transparent;
}
.header-style-three .header-lower .nav-outer{
	background-color:rgba(255,255,255,0.04);
	-webkit-backdrop-filter:blur(8px);
	backdrop-filter:blur(8px);
	border:1px solid rgba(255,255,255,0.30);
	border-radius:10px;
	box-shadow:0 4px 20px rgba(0,0,0,0.15);
	padding-left:20px !important;
	padding-right:20px;
	padding-top:0;
	margin-top:15px;
	margin-bottom:0;
	bottom:-33px;
	z-index:10;
}
.header-style-three .header-upper .logo-outer::before{
	content:'';
	position:absolute;
	top:-25px;
	left:-40px;
	width:260px;
	height:180px;
	background:radial-gradient(ellipse at center, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.55) 45%, rgba(255,255,255,0) 75%);
	filter:blur(12px);
	z-index:-1;
	pointer-events:none;
}

/* Use transparent-background logo over the Tatry header photo */
.header-style-three .header-upper .logo-outer .logo img{
	visibility:hidden;
}
.header-style-three .header-upper .logo-outer .logo{
	background-image:url('../images/LiptovInstalLogo04-transparent.png');
	background-size:contain;
	background-repeat:no-repeat;
	background-position:left center;
}

/* Nav menu: center items in the glass panel, remove old outline decoration */
.header-style-three .nav-outer.border{
	outline-offset:-2px;
	/* outline: none; */
}
.header-style-three .header-lower .nav-outer .upper-bg-border{
	display:none;
}
.header-style-three .header-lower .navbar-collapse{
	width:100%;
}
.header-style-three .header-lower ul.navigation{
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	width:100%;
}

/* Fix: main-menu was float:left (shrink-to-fit), preventing true centering */
.header-style-three .header-lower nav.main-menu{
	float:none;
	width:100%;
}
.header-style-three .header-lower .navbar-collapse{
	float:none;
}

/* Hidden on desktop: the full menu is already shown inline there.
   Must come BEFORE the @media block below: both this rule and the one that
   shows it in portrait share the .quick-mobile-menu selector with equal
   specificity and both need !important (it shares the .navigation class with
   the real desktop menu, which has a higher-specificity centering rule) — so
   with importance and specificity tied, whichever rule is later in the file
   wins. Placing the "show" rule last inside the media query lets it win in
   portrait, while this "hide" rule is the only one active outside it. */
.header-style-three .header-lower .quick-mobile-menu{
	display:none !important;
}

/* Mobile (<=1140px, hamburger menu breakpoint): theme's own responsive.css paints a
   solid navy background-color on .header-lower here, which loads after this file and
   overrides our transparent rule above, leaving a hard blue block behind the nav.
   Force it back to transparent so the header's own image+gradient (which already ends
   exactly at the header's bottom edge) shows through instead, and only the glass
   nav-outer panel remains visible. */
@media only screen and (max-width: 1140px){
	.header-style-three .header-lower{
		background:transparent !important;
	}

	/* Portrait/mobile: keep logo and the hours/phone column side by side
	   (not stacked), left-aligned so the icons line up vertically. !important
	   beats responsive.css's centering rules, which load after this file
	   and otherwise win on equal selector specificity. */
	.header-style-three .header-upper .auto-container{
		flex-direction:row !important;
		align-items:center;
		justify-content:flex-start;
		flex-wrap:wrap;
		gap:20px;
	}
	.header-style-three .header-upper .logo-outer{
		width:auto !important;
		text-align:left !important;
	}
	.header-style-three .header-upper .upper-right{
		width:auto !important;
		flex-direction:column !important;
		align-items:flex-start;
		margin-top:0;
	}
	.header-style-three .header-upper .info-box{
		width:auto !important;
		display:flex !important;
		justify-content:flex-start;
		margin-right:0 !important;
		padding-right:0;
		margin-bottom:8px;
	}

	/* Email stays landscape/desktop-only; hidden in portrait */
	.header-style-three .header-upper .info-box-email{
		display:none !important;
	}
}

/* Quick mobile menu: O nás + Služby stay visible on the nav panel itself,
   next to the hamburger button, only once the full menu actually collapses
   into that hamburger. That happens at Bootstrap's own 767px breakpoint
   (.navbar-toggle only shows below 768px), NOT at the 1140px breakpoint used
   above for the header-upper layout - using 1140px here too meant the quick
   menu and the full inline menu were both visible at once between 768-1140px. */
@media only screen and (max-width: 767px){
	.header-style-three .header-lower nav.main-menu .navbar-header{
		display:flex !important;
		align-items:center;
		justify-content:space-between;
		text-align:left;
	}
	.header-style-three .header-lower .quick-mobile-menu{
		display:flex !important;
		align-items:center;
		gap:20px;
		margin:0;
		padding:0;
		list-style:none;
	}
	.header-style-three .header-lower .quick-mobile-menu > li{
		position:relative;
		float:none;
		width:auto;
		margin:0;
		padding:0;
	}
	/* Match the landscape/desktop menu link style exactly (same color, weight,
	   size, no glow) so the quick panel items look like the same menu, just
	   in a different spot. */
	.header-style-three .header-lower .quick-mobile-menu > li > a{
		display:inline-block;
		padding:0;
		line-height:1;
		color:#ffffff;
		font-size:17px;
		font-weight:500;
		text-align:left;
		text-transform:capitalize;
		text-shadow:none;
	}

	/* No separate arrow button: tapping "Služby" itself toggles the submenu
	   (bound in header_v3.php), the same single gesture used to open it on
	   desktop, so hide the little arrow the theme would otherwise show. */
	.header-style-three .header-lower .quick-mobile-menu li.dropdown .dropdown-btn{
		display:none !important;
	}

	/* Same reveal mechanism as desktop (opacity/visibility, not display:none),
	   so a real mouse hovering a narrow window opens it exactly like desktop.
	   The theme normally only turns this on at min-width:768px; below that it
	   falls back to display:none, which is why hover didn't do anything here.
	   .open is toggled by the tap handler in header_v3.php for touchscreens,
	   which have no hover at all - same visual mechanism, two ways to trigger it. */
	.header-style-three .header-lower .quick-mobile-menu > li > ul{
		display:block !important;
		visibility:hidden;
		opacity:0;
	}
	.header-style-three .header-lower .quick-mobile-menu > li.dropdown:hover > ul,
	.header-style-three .header-lower .quick-mobile-menu > li.dropdown.open > ul{
		visibility:visible !important;
		opacity:1 !important;
		top:100%;
	}
}

/* Hamburger button: modern glass style instead of the theme's solid red square -
   small rounded corners, white double border, frosted white glass background
   with a glow, dark navy bars. !important beats responsive.css's solid-red
   rule, which loads after this file and otherwise wins on equal specificity. */
.header-style-three .header-lower .navbar-toggle{
	border:3px double rgba(255,255,255,0.85) !important;
	border-radius:8px !important;
	background:rgba(255,255,255,0.16) !important;
	-webkit-backdrop-filter:blur(8px);
	backdrop-filter:blur(8px);
	box-shadow:0 0 14px rgba(255,255,255,0.65);
}
.header-style-three .header-lower .navbar-toggle .icon-bar{
	background:#263a84 !important;
}

/* Hamburger dropdown menu: modern glass style instead of the theme's flat
   solid-navy list, and hide O nás + Služby here since they already live on
   the panel itself (quick-mobile-menu) - no need to duplicate them. */
@media only screen and (max-width: 767px){
	/* Float the opened dropdown over the page instead of pushing the header
	   taller - without this, an expanded submenu (e.g. Galéria's Foto items)
	   grows .navbar-collapse in normal flow, which stretches .main-header's
	   height and its cover background image along with it. nav-outer is
	   already position:relative, so this anchors right below the nav panel. */
	.header-style-three .header-lower .navbar-collapse{
		position:absolute;
		/* +1px: flush against nav-outer's own bottom edge, the panel's
		   border-bottom pseudo-element and the dropdown's top edge shared
		   the exact same pixel row, and sub-pixel rounding was letting the
		   dropdown win that row visually despite the z-index. A 1px gap
		   gives the line its own row to render in. */
		top:calc(100% + 1px);
		left:0;
		right:0;
		/* z-index here can't actually make nav-outer's own border paint over
		   this dropdown - since the dropdown is a DESCENDANT of nav-outer,
		   painting order rules put any positioned descendant above the
		   ancestor's own border/background regardless of the descendant's
		   z-index value. (nav-outer's border-bottom is drawn separately as
		   its own ::after below, specifically to get around that.) This
		   value just needs to comfortably clear ordinary page content and
		   the blur backdrop, which it does via .main-header's z-index:1000. */
		z-index:1;
		/* overflow:visible (not auto/hidden) - a glow/shadow on .navigation
		   inside would otherwise get clipped by this element too, on top of
		   .navigation's own overflow:hidden (needed for the rounded corners).
		   The panel's height is modest now that per-row blur is gone, so an
		   internal scrollbar isn't needed either. !important: same
		   .collapse.in/.collapsing tie as the box-shadow below - responsive.css
		   sets overflow:auto and border-radius:0px there at equal specificity,
		   loading after this file, which was both re-enabling a clip (auto)
		   and squaring off this wrapper's corners once fully open - the
		   mismatch against .navigation's still-rounded corner underneath is
		   what showed as a small square notch poking out of the corner. */
		overflow:visible !important;
		/* The glow lives here, on the wrapper, not on .navigation below -
		   .navigation needs its own overflow:hidden for the rounded corners,
		   and that clips away any shadow/filter placed on itself too. A
		   plain box-shadow on this unclipped wrapper (matching its corner
		   radius) isn't affected, and reads as wrapping the sides/bottom
		   only since both shadows are offset downward, not the top edge.
		   It's driven by the animations below rather than a plain declaration
		   now: bootstrap's own .collapse.in/.collapsing rules (responsive.css,
		   loaded after this file) set box-shadow:none at the exact same
		   selector specificity, so a plain declaration needed !important to
		   win - but !important always beats a running animation regardless
		   of specificity, which would have frozen the breathing effect. A
		   running animation instead outranks their normal-priority rule on
		   its own, no !important required. Neither animation uses
		   fill-mode:backwards, so before FadeIn's 1s delay elapses (which
		   covers bootstrap's ~0.35s unfold), box-shadow falls through to that
		   normal-priority box-shadow:none rule - no glow at all while the
		   dropdown is still unfolding. FadeIn then eases it in once, and
		   Breathe (starting right as FadeIn ends, listed after it so it wins
		   their overlap) takes over the continuous pulse from there. */
		border-radius:0 0 10px 10px !important;
		animation:navbarCollapseGlowFadeIn 0.6s ease-out 0.3s 1 forwards,
		          navbarCollapseGlowBreathe 3s ease-in-out 0.9s infinite;
	}
	/* nav-outer's own bottom border, drawn as its own pseudo-element (so it
	   genuinely belongs to the panel, not the dropdown) with a z-index above
	   the dropdown's (1), so it actually stays visible once the dropdown
	   opens instead of being painted over by it. */
	.header-style-three .header-lower .nav-outer.border{
		position:relative;
	}
	.header-style-three .header-lower .nav-outer.border::after{
		content:'';
		position:absolute;
		left:0;
		right:0;
		bottom:0;
		height:1px;
		background:rgba(255,255,255,0.75);
		z-index:2;
		pointer-events:none;
	}
	/* The panel itself no longer carries its own backdrop-filter - Chrome
	   wouldn't reliably blur it past a certain height no matter what we tried
	   (see git history). Instead the whole page behind the header gets
	   blurred as one full-viewport layer (below), and this panel just needs a
	   plain tinted background sitting above that. */
	.header-style-three .header-lower .navbar-collapse > .navigation{
		background:transparent !important;
		border:1px solid rgba(255,255,255,0.35) !important;
		border-top:none !important;
		border-radius:10px;
		border-top-left-radius:0;
		border-top-right-radius:0;
		overflow:hidden;
	}
	.header-style-three .header-lower .navbar-collapse > .navigation > li,
	.header-style-three .header-lower .navbar-collapse > .navigation > li > ul > li,
	.header-style-three .header-lower .navbar-collapse > .navigation > li > ul > li > ul > li{
		background:rgba(38,58,132,0.82) !important;
		border-top:1px solid rgba(255,255,255,0.18) !important;
	}
	.header-style-three .header-lower .navbar-collapse > .navigation > li:first-child{
		border-top:none !important;
	}
	.header-style-three .header-lower .navbar-collapse > .navigation > li > a,
	.header-style-three .header-lower .navbar-collapse > .navigation > li > ul > li > a,
	.header-style-three .header-lower .navbar-collapse > .navigation > li > ul > li > ul > li > a{
		background:transparent !important;
	}
	.header-style-three .header-lower .navbar-collapse > .navigation > li > a:hover,
	.header-style-three .header-lower .navbar-collapse > .navigation > li > a:active,
	.header-style-three .header-lower .navbar-collapse > .navigation > li > a:focus,
	.header-style-three .header-lower .navbar-collapse > .navigation > li:hover > a,
	.header-style-three .header-lower .navbar-collapse > .navigation > li.current > a,
	.header-style-three .header-lower .navbar-collapse > .navigation > li.current-menu-item > a{
		background:rgba(255,255,255,0.14) !important;
		color:#ffffff !important;
	}
	.header-style-three .header-lower .navbar-collapse > .navigation > li > ul,
	.header-style-three .header-lower .navbar-collapse > .navigation > li > ul > li > ul{
		background:transparent !important;
	}
	.header-style-three .header-lower .navbar-collapse > .navigation > li > ul > li{
		background:rgba(20,32,90,0.55) !important;
	}
	.header-style-three .header-lower .navbar-collapse .dropdown-btn{
		background:rgba(255,255,255,0.16);
		-webkit-backdrop-filter:blur(6px);
		backdrop-filter:blur(6px);
		border:1px solid rgba(255,255,255,0.6) !important;
		border-radius:6px;
		box-shadow:0 0 10px rgba(255,255,255,0.55);
	}

	/* Already accessible directly on the panel (quick-mobile-menu); no need
	   to list them again inside the hamburger dropdown. */
	.header-style-three .header-lower .navbar-collapse > .navigation > li:has(> a[title="O nás"]),
	.header-style-three .header-lower .navbar-collapse > .navigation > li:has(> a[title="Služby"]){
		display:none !important;
	}
}

/* While the hamburger dropdown is open, blur/dim the rest of the page behind
   it (everything except the header, which sits above this via its own
   z-index:1000). This is a full-viewport layer rather than blurring the
   panel's own background, since that per-element approach proved unreliable
   in Chrome. Toggled by the same body.mobile-menu-open class as the scroll
   lock, via header_v3.php. */
body.mobile-menu-open::before{
	content:'';
	position:fixed;
	inset:0;
	background:rgba(15,20,45,0.25);
	-webkit-backdrop-filter:blur(6px);
	backdrop-filter:blur(6px);
	z-index:998;
	pointer-events:none;
}

/* Suppress the page scrollbar while the hamburger dropdown is open (its own
   height can momentarily exceed the page's, flashing a scrollbar on the
   right); toggled by the click handler in header_v3.php. */
body.mobile-menu-open{
	overflow:hidden;
}

/* Hide scrollbars everywhere (page and the hamburger dropdown's own overflow)
   while keeping scrolling itself fully functional - this also removes any
   flash of a scrollbar during the dropdown's open/close animation, since
   there is simply never a visible bar to flash in the first place. */
html{
	scrollbar-width:none;
	-ms-overflow-style:none;
}
html::-webkit-scrollbar{
	display:none;
}
.header-style-three .header-lower .navbar-collapse{
	scrollbar-width:none;
	-ms-overflow-style:none;
}
.header-style-three .header-lower .navbar-collapse::-webkit-scrollbar{
	display:none;
}

body{
	background-color:#2c4a90;
}