/* Start custom CSS for page-settings */.barner-area .area-bg, .no_widget.footer-bottom-area {    background: url(https://travanio.com/wp-content/uploads/2025/10/header-map-scaled.jpeg) no-repeat scroll center center / 100% 100%;
}

.barner-area .area-bg{
  background-position: center !important;
  background-size: cover !important;
  background-color: rgba(0,0,0,.55);   /* míra ztmavení */
  background-blend-mode: multiply;     /* smíchá barvu s obrázkem */
}

/* Force opaque header always (instead of transparent over hero) */
.site-header,
.header,
.header-area,
.main-header,
.navbar,
.navbar-area {
  background: rgba(255,255,255,.96) !important;   /* bílý / mírně průsvitný */
  backdrop-filter: saturate(180%) blur(8px);      /* jemný glass efekt (podporované prohlížeče) */
  -webkit-backdrop-filter: saturate(180%) blur(8px);
  box-shadow: 0 2px 20px rgba(0,0,0,.08) !important;
  z-index: 9999 !important;
}

/* Když téma přidává „transparent“ třídu, zneškodnit ji */
.header-transparent,
.header--transparent,
.transparent-header {
  background: rgba(255,255,255,.96) !important;
  box-shadow: 0 2px 20px rgba(0,0,0,.08) !important;
}

/* Pro jistotu ať je header vždy nad hero */
.elementor-section .area-bg,
.welcome-text-area .area-bg { z-index: 0; }
.site-header, .header, .header-area { position: relative; z-index: 1001; }



/* === Always use the sticky look (desktop) === */
#mainmenu-area {
  background:#fff !important;
  box-shadow:0 2px 4px rgba(0,0,0,.03), 0 3px 6px rgba(0,0,0,.06) !important;
  z-index:99999 !important;
}
#mainmenu-area .mainmenu-area-bg { opacity:.8 !important; }

/* Logo/brand height like sticky */
#mainmenu-area .navbar-header h3 { height:60px !important; }

/* Burger button (if visible) like sticky */
#mainmenu-area .menu-toggle.full {
  color:#292929 !important;
  border-color:#292929 !important;
}

/* Menu links – same as `.is-sticky ul#nav li a` */
#main-nav ul#nav li > a {
  padding:30px 15px !important;
  color:#252525 !important;
  background:transparent !important;
  font-weight:600;
  letter-spacing:1px;
  text-transform:capitalize;
  transition:all .3s ease;
}

/* Submenu rows – keep the sticky borders/padding */
#main-nav ul#nav li ul a {
  border-bottom:1px solid #f3f3f3 !important;
  padding:12px 12px 12px 15px !important;
}
#main-nav ul#nav li ul li:last-child a { border-bottom:0 !important; }

/* Active / hover colours from sticky state */
#main-nav ul#nav li > a:hover,
#main-nav ul#nav li.active > a,
#main-nav ul#nav li.hover > a,
#main-nav ul#nav li.current-menu-parent > a,
#main-nav ul#nav li.current-menu-item > a,
#main-nav ul#nav li ul a:hover {
  color:#5368fd !important;
}

/* Keep wrapper height so layout doesn't jump */
#mainmenu-area-sticky-wrapper { height:81px !important; }

/* === Breakpoints – kopie sticky paddingů === */

/* ≥1920px */
@media only screen and (min-width:1920px){
  #main-nav ul#nav li > a { padding:30px 20px !important; }
}

/* 992–1200px */
@media only screen and (min-width:992px) and (max-width:1200px){
  #main-nav ul#nav li > a { padding:25px 10px !important; }
}/* End custom CSS */