/* MOJEKAFE checkout/header hotfix bundle 2026-09-21.
   Purpose: keep Shoptet html-kody fields small and keep cart/pickup/product
   modal fixes in versioned file-manager assets. */

@media (min-width:768px) {
  #login.user-action-login.popup-widget:before,
  #login.login-widget:before {
    display:none!important;
    content:none!important;
  }

  #header#header .search-form .query-input {
    border-width:3px 0 3px 3px!important;
    border-style:solid!important;
    border-color:#202020!important;
    box-shadow:none!important;
    transition:none!important;
    height:46px!important;
    min-height:46px!important;
    box-sizing:border-box!important;
    border-radius:11px 0 0 11px!important;
  }

  #header#header .search-form button[type="submit"] {
    border-width:3px 3px 3px 0!important;
    border-style:solid!important;
    border-color:#202020!important;
    box-shadow:none!important;
    transition:none!important;
    height:46px!important;
    min-height:46px!important;
    box-sizing:border-box!important;
    border-radius:0 11px 11px 0!important;
  }

  #header .navigation-buttons #topNavigationDropdown,
  #header .navigation-buttons .mk-lang-current,
  #header .navigation-buttons .login-link,
  #header .navigation-buttons .cart-count {
    border:3px solid #202020!important;
    border-radius:11px!important;
    box-shadow:none!important;
    transition:none!important;
    height:46px!important;
    min-height:46px!important;
    box-sizing:border-box!important;
  }
}

@media (max-width:767px) {
  body.ordering-process #header .navigation-buttons a.mk-cart-icon-rescue1 {
    display:block!important;
    position:fixed!important;
    top:6px!important;
    right:70px!important;
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
    min-height:44px!important;
    z-index:76!important;
  }

  body.mobile.ordering-process .cart-header {
    display:none!important;
  }
}

@media (min-width:768px) {
  body.ordering-process #header .navigation-buttons a.mk-cart-icon-rescue1 {
    display:none!important;
  }
}

@media (max-width:767px) {
  html body.mobile.in-kosik #header .search,
  html body.mobile.ordering-process #header .search {
    display:block!important;
    visibility:visible!important;
    position:absolute!important;
    left:14px!important;
    right:14px!important;
    top:56px!important;
    width:auto!important;
    height:56px!important;
    opacity:1!important;
    transform:none!important;
    z-index:60!important;
    pointer-events:auto!important;
    overflow:visible!important;
  }

  html body.mobile.in-kosik #header .search-form,
  html body.mobile.ordering-process #header .search-form {
    display:flex!important;
    visibility:visible!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:7px!important;
    width:100%!important;
    height:42px!important;
    opacity:1!important;
    transform:none!important;
    pointer-events:auto!important;
    box-shadow:0 4px 12px rgba(0,0,0,.08)!important;
    overflow:visible!important;
  }

  html body.mobile.in-kosik #header .search-form *,
  html body.mobile.ordering-process #header .search-form * {
    pointer-events:auto!important;
  }

  html body.mobile.in-kosik #header .search-form .query-input,
  html body.mobile.ordering-process #header .search-form .query-input {
    min-width:0!important;
    flex:1 1 auto!important;
  }

  html body.mobile.in-kosik #header .search-form button[type="submit"],
  html body.mobile.ordering-process #header .search-form button[type="submit"] {
    flex:0 0 auto!important;
    min-width:86px!important;
    white-space:nowrap!important;
  }

  html body.mobile.in-kosik:before,
  html body.mobile.in-kosik .top-navigation-bar,
  html body.mobile.in-kosik #header,
  html body.mobile.in-kosik #header .navigation-wrapper,
  html body.mobile.ordering-process:before,
  html body.mobile.ordering-process .top-navigation-bar,
  html body.mobile.ordering-process #header,
  html body.mobile.ordering-process #header .navigation-wrapper {
    height:112px!important;
    min-height:112px!important;
  }

  html body.mobile.in-kosik .overall-wrapper,
  html body.mobile.ordering-process .overall-wrapper {
    padding-top:112px!important;
  }
}

#colorbox.mkShip {
  z-index:2147482602!important;
  position:fixed!important;
  left:50%!important;
  top:40px!important;
  transform:translateX(-50%)!important;
  width:min(700px,calc(100vw - 40px))!important;
  height:calc(100vh - 80px)!important;
}

#colorbox.mkShip.logistics-modal {
  left:10px!important;
  top:10px!important;
  transform:none!important;
  width:calc(100vw - 20px)!important;
  height:calc(100vh - 20px)!important;
}

#colorbox.mkShip #cboxWrapper,
#colorbox.mkShip #cboxContent,
#colorbox.mkShip #cboxLoadedContent {
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
}

#colorbox.mkShip #cboxLoadedContent {
  overflow:auto!important;
  -webkit-overflow-scrolling:touch!important;
}

#colorbox.mkShip.logistics-modal #cboxWrapper,
#colorbox.mkShip.logistics-modal #cboxContent,
#colorbox.mkShip.logistics-modal #cboxLoadedContent {
  position:absolute!important;
  inset:0!important;
  overflow:hidden!important;
}

#colorbox.mkShip #packeta-widget,
#colorbox.mkShip iframe#packeta-widget {
  width:100%!important;
  height:100%!important;
  min-height:0!important;
}

#colorbox.mkShip #cboxClose {
  z-index:2147482604!important;
}

@media (max-width:768px) {
  #colorbox.mkShip {
    left:12px!important;
    right:12px!important;
    top:12px!important;
    transform:none!important;
    width:calc(100vw - 24px)!important;
    height:calc(100dvh - 24px)!important;
  }

  #colorbox.mkShip.logistics-modal {
    left:10px!important;
    right:10px!important;
    top:10px!important;
    width:calc(100vw - 20px)!important;
    height:calc(100dvh - 20px)!important;
  }
}

#colorbox.productDetail #cboxLoadedContent {
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
}

#colorbox.productDetail img.cboxPhoto {
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:calc(100dvh - 90px)!important;
  object-fit:contain!important;
  float:none!important;
}