/* Custom CSS */

/*
 * The theme must measure desktop submenus before they are hidden with display.
 * Once JavaScript marks the menu ready, closed submenus no longer contribute
 * their large absolute boxes to document overflow.
 */
html.jm-desktop-menu-ready
  #tptndesktopmenu
  .dtmenu
  .dtmenu-list
  .desktop-menu
  li[data-depth="0"]
  > .sub-container {
  display: none;
}

html.jm-desktop-menu-ready
  #tptndesktopmenu
  .dtmenu
  .dtmenu-list
  .desktop-menu
  li[data-depth="0"]:hover
  > .sub-container {
  display: block;
}

/* Keep every product card in a carousel as tall as the tallest card. */
.tptnprodcarousel .embla__container {
  align-items: stretch;
}

.tptnprodcarousel .embla__slide {
  display: flex;
  height: auto;
}

.tptnprodcarousel .embla__slide .product-miniature {
  width: 100%;
  height: 100%;
}

/*
 * Space only the native product-accessories block ("Du kanske även gillar").
 * Category products and cross-selling share .tptnprodcarousel and must retain
 * their original spacing.
 */
.page-product .product__accessories {
  padding-top: 2.5rem;
}

/* Full promotional banner click target, enabled by .jm-banner-link. */
#tptnsubbanner .banner--clickable {
  cursor: pointer;
}

#tptnsubbanner .banner--clickable:focus-visible {
  outline: 3px solid var(--bs-primary);
  outline-offset: 3px;
}