/* LXF-only: aligned header, desktop menu and cookie banner. */
/* Remove decorative loading delays from controls. Keep interaction animations. */
html body .top-nav-button-login,
html body .menu-helper,
html body #navigation .navigation-in.menu,
html body .widget-parameter-wrapper { animation: none !important; opacity: 1 !important; }
.lxf-cookie-preferences {display:block; margin:16px auto; padding:12px; background:transparent; color:#24242e; border:0; text-decoration:underline; cursor:pointer; min-height:44px;}
/* Cookie banner: clear contrast while keeping both actions readable. */
html body .siteCookies {width:640px; max-width:calc(100vw - 32px);}
@media(min-width:992px) {
 html body .siteCookies {
  position:fixed !important; top:auto !important; bottom:24px !important;
  left:50% !important; right:auto !important; transform:translateX(-50%) !important;
  max-height:calc(100dvh - 48px); overflow-y:auto;
 }
}
html body .siteCookies .siteCookies__form {padding:24px !important;}
html body .siteCookies .lxf-cookie-heading {display:flex; align-items:center; gap:12px; margin-bottom:12px;}
html body .siteCookies .lxf-cookie-heading svg {flex:none;}
html body .siteCookies .lxf-cookie-heading h2 {color:#fff; font-size:22px; line-height:1.25; margin:0;}
html body .siteCookies .siteCookies__text p {margin:0 0 8px; color:#f5f5f5 !important; font-size:15px; line-height:1.5; text-align:left;}
html body .siteCookies .siteCookies__buttonWrap {display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; width:100%; margin-top:20px;}
html body .siteCookies .siteCookies__button {width:100% !important; max-width:none !important; height:auto !important; margin:0 !important; padding:10px 12px; border-radius:6px !important; white-space:normal; font-size:14px; line-height:1.3;}
html body .siteCookies .siteCookies__button.lxf-cookie-secondary {background:transparent !important; color:#fff !important; border-color:#a4a4a8 !important;}
html body .siteCookies .siteCookies__button.lxf-cookie-secondary:hover {background:#414146 !important;}
@media(max-width:575px) {
 html body .siteCookies {left:16px !important; right:16px !important; bottom:16px !important; width:auto !important; transform:none !important; max-height:calc(100dvh - 32px); overflow-y:auto;}
 html body .siteCookies .siteCookies__form {padding:20px !important;}
 html body .siteCookies .siteCookies__buttonWrap {grid-template-columns:1fr; gap:8px; margin-top:16px;}
}
html body .siteCookies.siteCookies--light,
html body .siteCookies .siteCookies__form {
 background:#29292d !important; color:#f5f5f5 !important;
 border-radius:12px; box-shadow:0 12px 36px rgba(0,0,0,.24);
}
html body .siteCookies .siteCookies__text {color:#f5f5f5 !important; line-height:1.5;}
html body .siteCookies .siteCookies__text a,
html body .siteCookies .siteCookies__link {
 color:#fff !important; text-decoration:underline; text-underline-offset:3px;
}
html body .siteCookies .siteCookies__link {
 min-height:44px; opacity:1; background:transparent !important;
 border:1px solid #a4a4a8; border-radius:6px; padding:8px 16px;
}
html body .siteCookies .siteCookies__button {
 background:#f5f5f5 !important; color:#24242e !important;
 border:1px solid #f5f5f5 !important; min-height:44px;
}
html body .siteCookies .siteCookies__button:hover {background:#e3e3e3 !important;}
html body .siteCookies :is(a,button):focus-visible {outline:2px solid #fff; outline-offset:3px;}
.lxf-menu-backdrop {display:none;}
@media (min-width:992px) {
 body.lxf-menu-open.submenu-visible:not(.menu-helper-visible)::before {display:none !important;}
 body.lxf-menu-open #header {position:relative; z-index:1000;}
 body.lxf-menu-open .lxf-menu-backdrop {
  display:block; position:fixed; inset:0; z-index:1;
  background:rgba(24,24,28,.28); cursor:default;
 }
}
@media (min-width: 992px) {
 body .top-navigation-bar > .container,
 body #header > .container,
 body .content-wrapper.container,
 body .breadcrumbs-wrapper > .breadcrumbs {
  width: calc(100% - 80px); max-width:1600px !important;
  margin-inline:auto; padding-inline:0;
 }
 body .top-navigation-menu .top-navigation-bar-menu {margin-left:0; padding-left:0; text-align:left;}
 body .top-navigation-menu .top-navigation-bar-menu > li:first-child {margin-left:0; padding-left:0;}
 body .top-navigation-menu .top-navigation-bar-menu > li:first-child > a {padding-left:0;}
 body .top-navigation-bar {background:#fafafa;}
 body #navigation .navigation-in {background:#f5f5f5 !important;}
 body #header::after {background:#f5f5f5;}
 body #navigation .navigation-in > .menu-level-1 {justify-content:flex-start;}
 /* Keep the label on the content axis, with hover space before it. */
 body #navigation .navigation-in > .menu-level-1 > li:first-child {margin-left:-18px;}
 body #navigation .navigation-in > .menu-level-1 > li:first-child > a {padding-left:18px !important;}
 body .container.breadcrumbs-wrapper {width:100%; max-width:none !important; padding-inline:0; background:#fff; border-bottom:1px solid #eee;}
 body .breadcrumbs.navigation-home-icon-wrapper::before {left:0;}
 body .container.breadcrumbs-wrapper {margin-bottom:0;}
 html.luxifer body #header .site-name a img {left:0; margin-left:0 !important;}
 body .content-wrapper.container {padding-top:24px;}
 body #content h1.category-title {margin-top:0; margin-bottom:24px;}
}

/* Klidný hover bez změny rozměrů, stejná čitelnost pro klávesnici. */
@media (min-width: 992px) {
 html.luxifer body #navigation .menu-level-1 > li:is(:hover, .exp, .lxf-pinned) > a,
 html.luxifer body #navigation .menu-level-1 > li > a:focus-visible {
   color: #24242e !important; background: #eeeeee !important;
   box-shadow: none; text-decoration: none;
 }
 html.luxifer body #navigation .menu-level-2 a:is(:hover, :focus-visible) {
   color: #24242e !important; text-decoration: underline !important;
   text-decoration-color: #777777 !important; text-underline-offset: 4px;
 }
 html.luxifer body .top-navigation-bar a:is(:hover, :focus-visible) {
   color: #24242e !important; text-decoration: underline;
   text-decoration-color: #777777; text-underline-offset: 4px;
 }
 html.luxifer body #header .navigation-buttons a:is(:hover, :focus-visible),
 html.luxifer body #header .navigation-buttons a:is(:hover, :focus-visible)::before,
 html.luxifer body #header .navigation-buttons a:is(:hover, :focus-visible) .cart-price {
   color: #24242e !important;
 }
 html.luxifer body #header .navigation-buttons a:is(:hover, :focus-visible) {background:#f4f4f4 !important;}
 body #header :is(a, button, input):focus-visible,
 body .top-navigation-bar :is(a, button):focus-visible {
   outline: 2px solid #24242e; outline-offset: -3px;
 }
}

@media (min-width:992px) {
 body.lxf-menu-pinned #navigation, body.lxf-menu-pinned #navigation .navigation-in {overflow:visible !important;}
 body.lxf-menu-pinned #header {position:relative; z-index:1000;}
 body.lxf-menu-pinned #navigation .menu-level-1 > li:not(.lxf-pinned) > .menu-level-2 {display:none !important;}
 body.lxf-menu-pinned #navigation .menu-level-1 > li.lxf-pinned > .menu-level-2 {
  display:flex !important; visibility:visible !important; opacity:1 !important;
  max-height: min(65vh, 650px); overflow-y:auto; background:white;
  box-shadow:0 12px 24px rgba(0,0,0,.14);
 }
}

/* Desktop submenu: no clipped text or header separator over the panel. */
@media (min-width:992px) {
 body #header::after {z-index:0; pointer-events:none;}
 body #navigation {z-index:2;}
 body.submenu-visible #navigation,
 body.submenu-visible #navigation .navigation-in {overflow:visible !important;}
 body #navigation .menu-level-1 > li > .menu-level-2 {
  top:100% !important; background:#fff; box-sizing:border-box;
  /* Full-width surface; align its content to the same 1600px grid. */
  left:50% !important; width:100vw !important; max-width:none !important;
  margin-left:0 !important; transform:translateX(-50%);
  padding:20px max(40px, calc((100vw - 1600px) / 2)) 10px !important;
  max-height:65vh; overflow-y:auto; overflow-x:hidden;
  box-shadow:0 12px 24px rgba(0,0,0,.14);
 }
 body #navigation .menu-level-1 > li > .menu-level-2::before {display:none;}
 body #navigation .menu-level-1 > li.exp > a::after {display:none;}
 body #navigation .menu-level-2 > li > div > ul {
  height:auto !important; max-height:none !important; overflow:visible !important;
 }
}