/* Sportmann Magento head additions — staged only, 2026-10-20.
 * Existing base CSS remains required. */

/* BEGIN sportmann-navigation-sale-catalog-v1 */

/* Sportmann 2026-10-20: Salg follows the department menu; Katalog is the CTA.
   Outlet remains in the existing Salg submenu (category 1653).
   Menu visibility is configured in Sport Store View: 2606 off, 2609 on. */
#html-body:not([class*="checkout-"]):not(.spm-qv-embedded) #header.header nav.navigation > ul.categories > li:has(> a[href$="/salg"]) {
  order: 0 !important;
  margin: 0 !important;
}
#html-body:not([class*="checkout-"]):not(.spm-qv-embedded) #header.header nav.navigation > ul.categories > li > a.level-0[href$="/salg"] {
  height: 48px !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 0 clamp(6px, .8vw, 14px) !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--sm-menu-ink, #202020) !important;
}
#html-body:not([class*="checkout-"]):not(.spm-qv-embedded) #header.header nav.navigation > ul.categories > li > a.level-0[href$="/salg"]::after {
  display: block;
}
#html-body:not([class*="checkout-"]):not(.spm-qv-embedded) #header.header nav.navigation > ul.categories > li:has(> a[href$="/katalog"]) {
  order: 2;
  margin-left: clamp(16px, 2vw, 32px);
}
#html-body:not([class*="checkout-"]):not(.spm-qv-embedded) #header.header nav.navigation > ul.categories > li > a.level-0[href$="/katalog"] {
  box-sizing: border-box;
  height: 40px;
  min-height: 40px;
  margin-block: 4px;
  padding-inline: 14px;
  border: 1px solid transparent;
  border-bottom: 3px solid #8e263b;
  border-radius: 3px;
  background: #171717;
  color: #fff !important;
  font-weight: 600;
  text-decoration: none;
}
#html-body:not([class*="checkout-"]):not(.spm-qv-embedded) #header.header nav.navigation > ul.categories > li > a.level-0[href$="/katalog"]:hover {
  background: #2c2c2c;
}
#html-body:not([class*="checkout-"]):not(.spm-qv-embedded) #header.header nav.navigation > ul.categories > li > a.level-0[href$="/katalog"]::after {
  display: none;
}
#html-body:not([class*="checkout-"]):not(.spm-qv-embedded) #header.header nav.navigation > ul.categories > li > a.level-0[href$="/katalog"]:focus-visible {
  outline: 2px solid #171717;
  outline-offset: 3px;
}
@media (min-width: 768px) and (max-width: 1023px) and (hover: none), (min-width: 768px) and (max-width: 1023px) and (pointer: coarse) {
  #html-body:not([class*="checkout-"]):not(.spm-qv-embedded) #header.header nav.navigation > ul.categories > li > a.level-0[href$="/salg"] {
    height: 44px !important;
    min-height: 44px !important;
    padding-inline: 12px !important;
  }
  #html-body:not([class*="checkout-"]):not(.spm-qv-embedded) #header.header nav.navigation > ul.categories > li:has(> a[href$="/katalog"]) {
    margin-left: 8px;
  }
}
@media (max-width: 1023px) {
  #html-body:not([class*="checkout-"]):not(.spm-qv-embedded) #header.header .navigation-mobile .multilevel-mobile-menu > li:has(> .top-level-visible > [title="Salg"]) {
    padding: 0;
    border-bottom: 1px solid #eeece6;
  }
  #html-body:not([class*="checkout-"]):not(.spm-qv-embedded) #header.header .navigation-mobile .multilevel-mobile-menu > li > .top-level-visible:has(> [title="Salg"]) {
    width: 100% !important;
    min-height: 52px;
    margin: 0;
    padding: 0 22px;
    border: 0;
    border-radius: 0;
    background: transparent;
  }
  #html-body:not([class*="checkout-"]):not(.spm-qv-embedded) #header.header .navigation-mobile .multilevel-mobile-menu > li > .top-level-visible > [title="Salg"] {
    min-height: 52px;
    padding: 13px 40px 13px 0;
    color: #242620 !important;
    font-weight: 500;
  }
  #html-body:not([class*="checkout-"]):not(.spm-qv-embedded) #header.header .navigation-mobile .multilevel-mobile-menu > li > .top-level-visible:has(> [title="Salg"]) > button {
    right: 12px;
    color: #72766a;
  }
  #html-body:not([class*="checkout-"]):not(.spm-qv-embedded) #header.header .navigation-mobile .multilevel-mobile-menu > li > .top-level-visible:has(> [title="Katalog"]) {
    box-sizing: border-box;
    width: calc(100% - 40px);
    min-height: 46px;
    margin: 6px 20px;
    padding: 0 14px;
    border-bottom: 3px solid #8e263b;
    border-radius: 2px;
    background: #171717;
  }
  #html-body:not([class*="checkout-"]):not(.spm-qv-embedded) #header.header .navigation-mobile .multilevel-mobile-menu > li > .top-level-visible > [title="Katalog"] {
    min-height: 46px;
    padding-block: 10px;
    color: #fff !important;
    font-weight: 600;
  }
}

/* END sportmann-navigation-sale-catalog-v1 */