/* iKulecnik: cart confirmation and responsive navigation, 2026-10-21. */
html.sm-cart-modal-open #OPHWidgetWrapp {
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Match the existing mobile menu; override desktop specificity on narrow windows. */
@media (max-width: 767px) {
  body.template-11 #navigation .navigation-in,
  body.desktop.template-11 #navigation .navigation-in {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    margin: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    background: var(--ik-blue-dark) !important;
    overscroll-behavior: contain;
  }
  body.template-11 #navigation .navigation-in > .menu-level-1,
  body.desktop.template-11 #navigation .navigation-in > .menu-level-1 {
    height: auto !important;
    min-height: 0 !important;
  }
}

/* Mobile submenu cards must not depend on the desktop user-agent class. */
@media (max-width: 767px) {
  body.template-11 #header #navigation .menu-level-2 {
    width: 100% !important;
    padding: 6px 0 12px !important;
    box-sizing: border-box !important;
  }
  body.template-11 #header #navigation .menu-level-2 > li:not(.menu-item-category) {
    display: flex !important;
    align-items: center !important;
    position: relative !important;
    flex: 0 0 100% !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 72px !important;
    max-height: none !important;
    margin: 0 0 8px !important;
    padding: 8px 12px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    background: #fff !important;
    border: 1px solid #dbe3ef !important;
    border-radius: 10px !important;
    transform: none !important;
  }
  body.template-11 #header #navigation .menu-level-2 > li > .menu-image {
    flex: 0 0 64px !important;
    width: 64px !important;
    margin: 0 12px 0 0 !important;
    padding: 0 !important;
  }
  body.template-11 #header #navigation .menu-level-2 > li > .menu-image img {
    width: 64px !important;
    height: 48px !important;
    object-fit: contain !important;
  }
  body.template-11 #header #navigation .menu-level-2 > li > div {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    width: auto !important;
    padding: 0 !important;
  }
  body.template-11 #header #navigation .menu-level-2 > li > div > a,
  body.template-11 #header #navigation .menu-level-2 > li > div > a > span {
    color: #12366b !important;
    font-size: 15px !important;
    line-height: 1.35 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    padding: 0 !important;
    height: auto !important;
  }
  body.template-11 #header #navigation .menu-level-2 > li > div > a::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 10px;
  }
  body.template-11 #header #navigation .menu-level-3,
  body.template-11 #header #navigation .menu-level-2 > .menu-item-category {
    display: none !important;
  }
  /* Full names, availability and price remain together in one mobile row. */
  body.template-11 .sai-SearchWidget__productsList {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
  }
  body.template-11 .sai-SearchWidget__productsList .sai-ProductTeaser {
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }
  body.template-11 .sai-SearchWidget__productsList .sai-ProductTeaser__link {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: 12px !important;
    padding: 8px !important;
    box-sizing: border-box !important;
  }
  body.template-11 .sai-SearchWidget__productsList .sai-ProductTeaser__image {
    flex: 0 0 64px !important;
    width: 64px !important;
    height: 64px !important;
    margin: 0 !important;
  }
  body.template-11 .sai-SearchWidget__productsList .sai-ProductTeaser__image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
  }
  body.template-11 .sai-SearchWidget__productsList .sai-ProductTeaser__link > div:not(.sai-ProductTeaser__image) {
    flex: 1 1 0 !important;
    min-width: 0 !important;
  }
  body.template-11 .sai-SearchWidget__productsList .sai-ProductTeaser__title {
    display: block !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    white-space: normal !important;
    text-overflow: clip !important;
    -webkit-line-clamp: unset !important;
    overflow-wrap: anywhere !important;
    line-height: 1.35 !important;
    margin-bottom: 5px !important;
  }
}

/* Full product names must remain visible on desktop and tablet too. */
body.template-11 .sai-SearchWidget__productsList .sai-ProductTeaser {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}
body.template-11 .sai-SearchWidget__productsList .sai-ProductTeaser__title {
  display: block !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  white-space: normal !important;
  text-overflow: clip !important;
  -webkit-line-clamp: unset !important;
  overflow-wrap: anywhere !important;
}

/* Currency dropdown and subcategory readability, 2026-10-21. */
body.template-11 .top-navigation-bar [data-testid="topnavCurrencyDropdown"] { z-index: 20 !important; }
body.template-11 [data-testid="topnavCurrencyDropdown"] .dropdown-menu {
  background: #fff !important;
  opacity: 1 !important;
  border: 1px solid #dbe3ef !important;
  box-shadow: 0 8px 24px rgba(18,54,107,.18) !important;
}
body.template-11 [data-testid="topnavCurrencyDropdown"] .dropdown-menu li,
body.template-11 [data-testid="topnavCurrencyDropdown"] .dropdown-menu a {
  background: #fff !important;
  color: #12366b !important;
  opacity: 1 !important;
}
body.template-11 #content .subcategories > li > a .text { text-align: center !important; }
@media (max-width: 767px) {
  body.template-11 #content .subcategories > li > a {
    height: auto !important;
    min-height: 112px !important;
    padding: 12px 36px !important;
    align-items: center !important;
  }
  body.template-11 #content .subcategories > li > a .text {
    width: 100% !important;
    font-size: 18px !important;
    line-height: 1.35 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }
}

@media (max-width: 767px) {
  body.template-11 .top-navigation-bar #topNavigationDropdown { padding: 0 !important; }
  body.template-11 .top-navigation-bar #topNavigationDropdown::before { margin-right: 6px !important; }
  body.template-11 .top-navigation-bar #topNavigationDropdown::after { margin-left: 6px !important; }
  body.template-11 .top-navigation-bar [data-testid="topnavCurrencyDropdown"] .dropdown-menu { min-width: 112px !important; }
}