/* MAGSY - nova hlavicka a menu, 2026-10-22 (verze 9). Jen hlavicka. */
.top-navigation-bar{background:#0f2347!important;border-bottom:0!important}
.top-navigation-bar .container{display:flex;align-items:center}
.top-navigation-bar .top-navigation-menu{order:2;margin-left:16px;min-width:0;overflow:hidden;flex:0 1 auto;width:auto}
.top-navigation-bar .top-navigation-tools{order:4;flex:0 0 auto;width:auto}
#mg-ship{order:1;display:flex;align-items:center;gap:8px;color:#fff;font-size:14px;white-space:nowrap;padding-right:16px}
#mg-ship svg{flex-shrink:0}
#mg-ship .mg-n{color:#cdd9ee}
#mg-ship .mg-t{color:#6fd39a;font-weight:700}
.top-navigation-bar a,.top-navigation-bar button,.top-navigation-bar .top-navigation-menu-trigger,.top-navigation-bar .top-nav-button{color:#cdd9ee!important}
.top-navigation-bar a:hover,.top-navigation-bar button:hover,.top-navigation-bar .top-navigation-menu-trigger:hover{color:#fff!important;background:transparent!important}
.top-navigation-bar .top-nav-button::before,.top-navigation-bar .top-navigation-menu-trigger::after{color:#cdd9ee!important}
.top-navigation-bar .top-nav-button{white-space:nowrap!important}
#mg-rate{order:3;margin-left:auto;display:flex;align-items:center;gap:6px;color:#fff!important;font-size:14px;font-weight:500;white-space:nowrap;margin-right:20px;text-decoration:none}
#mg-rate .mg-star{color:#ffd24a}
#mg-rate .mg-src{color:#cdd9ee;font-weight:400}
#mg-rate:hover .mg-src{color:#fff}
@media (min-width:768px){.top-navigation-bar .top-navigation-bar-menu>li:not(:first-child),.top-navigation-bar .top-navigation-menu-trigger{display:none!important}}
#formSearchForm .query-input{border:2px solid #163a75!important;border-radius:8px!important;height:50px!important}
#formSearchForm .search-button{width:44px!important;height:38px!important;top:6px!important;right:6px!important;border-radius:6px!important;font-size:0!important;color:#fff!important;background:#163a75 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E") center/20px no-repeat!important}
#formSearchForm .search-button::before{content:none!important;display:none!important}
#formSearchForm .search-button:hover{background-color:#0f2347!important}
.header-top .header-phone a{font-size:18px}
.header-top .header-phone::after{content:"Po–Pá 7:00–15:30";display:block;font-size:13px;font-weight:400;color:#5b6372;line-height:1.2}
.header-top .header-phone::before{color:#c8102e!important}
.header-top .cart-count{border:1px solid #dfe3ea!important;border-radius:8px!important;padding-left:14px!important;padding-right:14px!important}
.header-bottom,.header-bottom .navigation-in,.header-bottom .navigation-in>ul,.header-bottom .menu-helper{background:#163a75!important}
.header-bottom .navigation-in>ul>li>a{text-transform:none!important;font-weight:600!important;font-size:15px!important;letter-spacing:.02em}
.header-bottom .navigation-in>ul>li>a:hover,.header-bottom .navigation-in>ul>li:hover>a,.header-bottom .navigation-in>ul>li.exp>a{background:rgba(255,255,255,.12)!important;color:#fff!important}
.header-bottom .navigation-in>ul>li>a:hover *,.header-bottom .navigation-in>ul>li:hover>a *,.header-bottom .menu-helper:hover,.header-bottom .menu-helper:hover span{color:#fff!important}
.header-bottom .menu-helper,.header-bottom .menu-helper *{text-transform:none!important}
@media (min-width:768px){.header-bottom .top-navigation-menu a{color:#fff!important}}
@media (max-width:1199px){#mg-ship .mg-n{display:none}#mg-rate .mg-src{display:none}}
@media (max-width:991px){#mg-rate{display:none}#header .header-top .cart-count{padding:0 20px 0 0!important}}
#mg-ship-m,#header .navigation-buttons>a.mg-login-m{display:none}
@media (max-width:767px){
  #mg-ship{display:none}
  #header{transform:none!important;top:0!important}
  #header{height:auto!important;padding-top:34px!important;background:#fff}
  #header .header-top,#header .header-top-wrapper{height:auto!important}
  #header .header-top-wrapper{flex-wrap:wrap!important;padding:0!important}
  body .overall-wrapper,body:not(.mobile-header-version-0):not(.template-07).template-13 .overall-wrapper{padding-top:185px!important}
  #header::before{content:"";position:absolute;top:0;left:0;right:0;height:34px;background:#0f2347}
  #mg-ship-m{display:flex;position:absolute;top:0;left:0;right:0;height:34px;box-sizing:border-box;align-items:center;justify-content:center;gap:6px;padding:0 10px;background:#0f2347;color:#fff;font-size:13px;line-height:1;white-space:nowrap;overflow:hidden;z-index:2}
  #mg-ship-m svg{width:18px;height:18px;flex-shrink:0}
  #mg-ship-m .mg-n{color:#cdd9ee}
  #mg-ship-m .mg-t{color:#6fd39a;font-weight:700}
  #header .navigation-buttons{position:relative;width:100%;height:80px;box-sizing:border-box;padding:12px 12px 10px 16px;align-items:center;border-bottom:1px solid #e3e7ee}
  #header .navigation-buttons>a[data-target=navigation]{width:58px!important;height:58px!important;margin:0 auto 0 0!important;padding:0!important;display:flex!important;flex-direction:column;justify-content:center;align-items:center;gap:1px;border-radius:10px;background:#163a75!important;color:#fff!important}
  #header .navigation-buttons>a[data-target=navigation]::before{content:""!important;width:30px;height:30px;margin:0!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M4 6.5h16M4 12h16M4 17.5h16'/%3E%3C/svg%3E") center/30px no-repeat}
  body.navigation-window-visible #header .navigation-buttons>a[data-target=navigation]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E")}
  #header .navigation-buttons>a[data-target=navigation]::after{font-size:11px!important;text-transform:none!important;font-weight:600!important;margin:0!important;line-height:1.2!important;color:#fff!important}
  #header .navigation-buttons>a[data-target=navigation] *{color:#fff!important}
  #header .navigation-buttons>a[data-target=search],#header .search .close{display:none!important}
  #header .navigation-buttons>a.cart-count,#header .navigation-buttons>a.mg-login-m{position:relative;width:46px!important;height:48px!important;margin:0!important;padding:0!important;border:0!important;display:flex!important;align-items:center;justify-content:center;color:#1c2230!important;background:transparent!important}
  #header .navigation-buttons>a.cart-count::before{content:""!important;width:30px;height:30px;margin:0!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231c2230' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 5h2l2.5 11h11L21 8H6.2'/%3E%3Ccircle cx='9' cy='20' r='1.4'/%3E%3Ccircle cx='17' cy='20' r='1.4'/%3E%3C/svg%3E") center/30px no-repeat}
  #header .navigation-buttons>a.cart-count i{position:absolute!important;top:2px!important;right:0!important;left:auto!important;bottom:auto!important;min-width:18px;height:18px;padding:0 5px;box-sizing:border-box;border-radius:9px;background:#c8102e!important;color:#fff!important;font-size:12px!important;font-weight:600;font-style:normal;line-height:18px!important;text-align:center}
  #header .navigation-buttons>a.mg-login-m svg{width:30px;height:30px}
  #header .site-name{position:absolute!important;top:16px!important;left:50%!important;transform:translateX(-50%);margin:0!important;z-index:5}
  #header .site-name img{height:48px!important;width:auto!important;max-height:none!important}
  #header .header-top .search{display:block!important;order:10;flex:0 0 100%;width:100%!important;max-width:100%;height:71px;box-sizing:border-box;padding:10px 16px!important;margin:0!important;position:relative!important;left:auto!important;top:auto!important;border-bottom:1px solid #e3e7ee;background:#fff}
  #header #formSearchForm .query-input{height:50px!important;font-size:16px!important;padding-right:56px!important}
  #header #formSearchForm .search-button{width:44px!important;height:40px!important;top:5px!important;right:5px!important;background-size:22px!important}
  body.navigation-window-visible #header{padding-top:0!important;background:#0f2347!important}
  body.navigation-window-visible #header::before,body.navigation-window-visible #mg-ship-m,body.navigation-window-visible #header .header-top .search{display:none!important}
  body.navigation-window-visible #header .navigation-buttons{height:60px;padding:1px 12px 1px 16px;border-bottom:0}
  #header .header-bottom,#header .navigation-in,#header .navigation-in>ul,#header .menu-helper{background:#fff!important}
  #header .navigation-in>ul>li>a,#header .navigation-in>ul>li>a *{color:#1c2230!important}
  #header .navigation-in>ul>li>a:hover,#header .navigation-in>ul>li:hover>a{background:#eef2f8!important;color:#163a75!important}
}
/* v8: viditelný focus z klávesnice na tmavém pozadí (WCAG) */
.top-navigation-bar a:focus-visible,.top-navigation-bar button:focus-visible,#mg-rate:focus-visible,.header-bottom .navigation-in>ul>li>a:focus-visible,.header-bottom .menu-helper:focus-visible{outline:2px solid #ffd24a!important;outline-offset:-2px;box-shadow:none!important}
#header .navigation-buttons>a:focus-visible,#formSearchForm .search-button:focus-visible{outline:2px solid #ffd24a!important;outline-offset:2px}
.header-bottom .menu-helper span::after,.header-bottom .menu-helper::after{text-transform:none!important}
@media (min-width:992px) and (max-width:1199px){#mg-rate::after{content:"Heureka";color:#cdd9ee;font-weight:400}}
@media (max-width:340px){#mg-ship-m{font-size:12px;gap:4px;padding:0 6px}}
/* v9: pole vyhledávání po kliknutí – jen jeden rámeček, našeptávač až pod polem */
#header #formSearchForm .query-input:focus,#header #formSearchForm .query-input:focus-visible{box-shadow:none!important;outline:none!important;border-color:#0f2347!important}
@media (max-width:767px){#header .searchWhisperer{margin-top:11px!important;border-top:1px solid #e3e7ee}}