/* Desktop Kledingsectie widget wrappers: Men, Women, Youth en Accessories krijgen dezelfde volledige-breedte basis. */
.elementor-widget-mt_desktop_kledingsectie_men,
.elementor-widget-mt_desktop_kledingsectie_women,
.elementor-widget-mt_desktop_kledingsectie_youth,
.elementor-widget-mt_desktop_kledingsectie_accessories,
.elementor-widget-mt_desktop_kledingsectie_men > .elementor-widget-container,
.elementor-widget-mt_desktop_kledingsectie_women > .elementor-widget-container,
.elementor-widget-mt_desktop_kledingsectie_youth > .elementor-widget-container,
.elementor-widget-mt_desktop_kledingsectie_accessories > .elementor-widget-container {
  width: 100%;
  max-width: 100%;
}

.mtdk,
.mtdk * {
  box-sizing: border-box;
}

.mtdk {
  position: relative;
  z-index: var(--mtdk-z-index, 1);
  isolation: isolate;
  width: 100%;
  min-height: var(--mtdk-min-height, 1080px);
  margin-top: var(--mtdk-margin-top, 0px);
  margin-right: var(--mtdk-margin-right, 0px);
  margin-bottom: var(--mtdk-margin-bottom, 0px);
  margin-left: var(--mtdk-margin-left, 0px);
  padding: calc(var(--mtdk-menu-safe-offset, 56px) + var(--mtdk-padding-top, 0px)) var(--mtdk-padding-right, 0px) var(--mtdk-padding-bottom, 0px) var(--mtdk-padding-left, 0px);
  overflow: visible;
  background-color: var(--mtdk-section-background, #ece9eb);
}

.mtdk.mtdk-full {
  width: 100vw;
  margin-left: calc(50% - 50vw + var(--mtdk-margin-left, 0px));
  margin-right: calc(50% - 50vw + var(--mtdk-margin-right, 0px));
}

.mtdk-inner {
  position: relative;
  width: 100%;
  max-width: var(--mtdk-canvas-width, 1920px);
  margin-left: auto;
  margin-right: auto;
  min-height: inherit;
  overflow: visible;
}

.mtdk-grid {
  position: relative;
  z-index: 2;
  display: grid;
  width: 100%;
  grid-template-columns: repeat(var(--mtdk-columns, 3), minmax(0, 1fr));
  column-gap: var(--mtdk-column-gap, 28px) !important;
  row-gap: var(--mtdk-row-gap, 36px) !important;
  align-items: start;
}

.mtdk-card {
  position: relative;
  min-width: 0;
  overflow: visible;
}

.mtdk-card-link {
  display: block;
  color: inherit;
  text-decoration: none;
}

.mtdk-media {
  position: relative;
  width: 100%;
  overflow: hidden;
  line-height: 0;
}

.mtdk-img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}

.mtdk-card-image-16-9 .mtdk-media {
  aspect-ratio: 16 / 9;
  overflow: hidden;
}

.mtdk-card-image-16-9 .mtdk-product-img {
  width: 100%;
  height: 100%;
  max-width: none;
  margin: 0;
  object-fit: cover;
  object-position: center calc(50% + var(--mtdk-product-image-y, 0px));
}

.mtdk-copy {
  position: relative;
  display: grid;
  gap: var(--mtdk-text-gap, 3px);
  padding: 10px 0 0;
  line-height: 1.05;
}

.mtdk-title,
.mtdk-price {
  font-family: "Bebas Neue", sans-serif;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.mtdk-title {
  color: var(--mtdk-title-color, #1a1a1a);
  font-size: clamp(26px, 2vw, 44px);
}

.mtdk-subtitle,
.mtdk-color-count {
  font-family: "Rajdhani", sans-serif;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.mtdk-subtitle {
  color: var(--mtdk-collection-color, #9a9a9a);
  font-size: clamp(12px, 0.95vw, 18px);
}

.mtdk-meta {
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
  gap: var(--mtdk-meta-gap, 12px);
  padding-top: 4px;
}

.mtdk-price {
  color: var(--mtdk-price-color, #b2b2b2);
  font-size: clamp(20px, 1.4vw, 32px);
}

.mtdk-color-count {
  color: var(--mtdk-logo-variation-color, #b2b2b2);
  font-size: clamp(11px, 0.75vw, 14px);
}

.mtdk-variations {
  display: flex;
  flex-wrap: wrap;
  gap: var(--mtdk-thumb-gap, 8px);
  padding-top: 8px;
}

.mtdk-variation {
  display: inline-flex;
  width: var(--mtdk-thumb-size, 42px);
  height: var(--mtdk-thumb-size, 42px);
  overflow: hidden;
  border-radius: var(--mtdk-thumb-radius, 0px);
  background: rgba(150, 159, 165, 0.12);
  flex: 0 0 auto;
}

.mtdk-variation img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: var(--mtdk-thumb-fit, cover);
}

/* 1 1 1 preset: left product aligns left, middle centers, right aligns right. */
.mtdk-align-left {
  text-align: left;
}

.mtdk-align-center {
  text-align: center;
}

.mtdk-align-right {
  text-align: right;
}

.mtdk-align-left .mtdk-img {
  margin-left: 0;
  margin-right: auto;
}

.mtdk-align-center .mtdk-img {
  margin-left: auto;
  margin-right: auto;
}

.mtdk-align-right .mtdk-img {
  margin-left: auto;
  margin-right: 0;
}

.mtdk-align-left .mtdk-variations,
.mtdk-align-left .mtdk-meta {
  justify-content: flex-start;
}

.mtdk-align-center .mtdk-variations,
.mtdk-align-center .mtdk-meta {
  justify-content: center;
}

.mtdk-align-right .mtdk-variations,
.mtdk-align-right .mtdk-meta {
  justify-content: flex-end;
}


/* Desktop column alignment hardening: align image link, media, thumbnails and text
   consistently to the detected grid column for all desktop kledingsecties. */
.mtdk-align-left .mtdk-media-link,
.mtdk-align-left .mtdk-media,
.mtdk-align-left .mtdk-copy,
.mtdk-align-left .mtdk-variations {
  margin-left: 0;
  margin-right: auto;
}

.mtdk-align-left .mtdk-copy {
  text-align: left;
}

.mtdk-align-left .mtdk-variations {
  justify-content: flex-start;
}

.mtdk-align-center .mtdk-media-link,
.mtdk-align-center .mtdk-media,
.mtdk-align-center .mtdk-copy,
.mtdk-align-center .mtdk-variations {
  margin-left: auto;
  margin-right: auto;
}

.mtdk-align-center .mtdk-copy {
  text-align: center;
}

.mtdk-align-center .mtdk-variations {
  justify-content: center;
}

.mtdk-align-right .mtdk-media-link,
.mtdk-align-right .mtdk-media,
.mtdk-align-right .mtdk-copy,
.mtdk-align-right .mtdk-variations {
  margin-left: auto;
  margin-right: 0;
}

.mtdk-align-right .mtdk-copy {
  text-align: right;
}

.mtdk-align-right .mtdk-variations {
  justify-content: flex-end;
}

.mtdk-image-block {
  position: relative;
  min-width: 0;
  line-height: 0;
  overflow: visible;
}

.mtdk-image-block .mtdk-image-link {
  display: block;
  color: inherit;
  text-decoration: none;
}

.mtdk-image-block .mtdk-img {
  display: block;
  max-width: none;
}

.mtdk-pos-auto {
  grid-column: auto;
}

.mtdk-pos-col-1 {
  grid-column: 1 / 2;
}

.mtdk-pos-col-2 {
  grid-column: 2 / 3;
}

.mtdk-pos-col-3 {
  grid-column: 3 / 4;
}

.mtdk-pos-col-1-2 {
  grid-column: 1 / 3;
}

.mtdk-pos-col-2-3 {
  grid-column: 2 / 4;
}

.mtdk-pos-full-width,
.mtdk-pos-top-full-width,
.mtdk-pos-bottom-full-width {
  grid-column: 1 / 4;
}

.mtdk-pos-top-full-width {
  order: -100;
}

.mtdk-pos-bottom-full-width {
  order: 1000;
}

.mtdk-pos-column-background {
  min-height: 1px;
  background-size: cover;
  background-position: center center;
}

.mtdk-special-back,
.mtdk-pos-grid-background,
.mtdk-pos-floating-back {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
}

.mtdk-special-back .mtdk-img,
.mtdk-pos-grid-background .mtdk-img,
.mtdk-pos-floating-back .mtdk-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mtdk-special-front,
.mtdk-pos-floating-front {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20;
  pointer-events: none;
}

@media (max-width: 767px) {
  .mtdk {
    display: none;
  }
}

body.elementor-editor-active.elementor-device-mobile .elementor-widget-mt_desktop_kledingsectie_men,
body.elementor-editor-active.elementor-device-mobile .elementor-widget-mt_desktop_kledingsectie_women,
body.elementor-editor-active.elementor-device-mobile .elementor-widget-mt_desktop_kledingsectie_youth,
body.elementor-editor-active.elementor-device-mobile .elementor-widget-mt_desktop_kledingsectie_accessories,
body.elementor-editor-active.elementor-device-mode-mobile .elementor-widget-mt_desktop_kledingsectie_men,
body.elementor-editor-active.elementor-device-mode-mobile .elementor-widget-mt_desktop_kledingsectie_women,
body.elementor-editor-active.elementor-device-mode-mobile .elementor-widget-mt_desktop_kledingsectie_youth,
body.elementor-editor-active.elementor-device-mode-mobile .elementor-widget-mt_desktop_kledingsectie_accessories {
  display: none !important;
}

/* Kledingsectie may never stack above the site menu. */
.mt-nav,
#mt-nav,
#mtx-mobile-nav {
  z-index: 2147483000;
}

.mtdk-media-link {
  display: block;
  color: inherit;
  text-decoration: none;
}

.mtdk-media-link[aria-disabled="true"] {
  cursor: default;
}

.mtdk-product-img {
  transition: opacity 0.16s ease;
}

.mtdk-variation {
  padding: 0;
  border: 0;
  appearance: none;
  cursor: pointer;
}

.mtdk-variation.is-active {
  outline: none;
  outline-offset: 0;
}

.mtdk-thumb-active-border-enabled .mtdk-variation.is-active {
  outline: var(--mtdk-active-thumb-border-width, 1px) solid var(--mtdk-active-thumb-border-color, currentColor);
  outline-offset: 2px;
}


/* Optional section-wide text alignment override for desktop kledingsecties. */
.mtdk.mtdk-copy-align-left .mtdk-copy {
  text-align: left;
}

.mtdk.mtdk-copy-align-center .mtdk-copy {
  text-align: center;
}

.mtdk.mtdk-copy-align-right .mtdk-copy {
  text-align: right;
}

/* Optional section-wide thumbnail alignment override for desktop kledingsecties. */
.mtdk.mtdk-thumbs-align-left .mtdk-variations {
  justify-content: flex-start;
  margin-left: 0;
  margin-right: auto;
}

.mtdk.mtdk-thumbs-align-center .mtdk-variations {
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
}

.mtdk.mtdk-thumbs-align-right .mtdk-variations {
  justify-content: flex-end;
  margin-left: auto;
  margin-right: 0;
}

/* Desktop text display option: premium inline layout based on the supplied reference image.
   Default remains the existing stacked text view. */
.mtdk.mtdk-text-inline-premium .mtdk-copy-premium-inline {
  display: grid;
  grid-template-columns: minmax(0, auto) minmax(90px, auto) minmax(max-content, auto);
  align-items: center;
  justify-content: stretch;
  column-gap: clamp(10px, 1.4vw, 28px);
  row-gap: 0;
  width: 100%;
  padding-top: 10px;
  text-align: left;
  line-height: 0.9;
}

.mtdk.mtdk-text-inline-premium .mtdk-copy-premium-inline .mtdk-inline-title {
  min-width: 0;
  color: var(--mtdk-title-color, #1a1a1a);
  font-size: clamp(36px, 4.6vw, 104px);
  line-height: 0.88;
  white-space: nowrap;
}

.mtdk.mtdk-text-inline-premium .mtdk-copy-premium-inline .mtdk-inline-meta {
  position: relative;
  display: grid;
  align-content: center;
  gap: 0;
  min-width: max-content;
  padding-left: clamp(10px, 1vw, 20px);
  border-left: 0;
  line-height: 0.95;
  --mtdk-premium-divider-height: 70px;
  --mtdk-premium-divider-width: 3px;
  --mtdk-premium-divider-color: rgba(26, 26, 26, 0.18);
  --mtdk-premium-divider-y: 0px;
}

.mtdk.mtdk-text-inline-premium .mtdk-copy-premium-inline .mtdk-inline-meta::before {
  content: "";
  position: absolute;
  left: 0;
  top: calc(50% + var(--mtdk-premium-divider-y, 0px));
  width: var(--mtdk-premium-divider-width, 3px);
  height: var(--mtdk-premium-divider-height, 70px);
  background: var(--mtdk-premium-divider-color, rgba(26, 26, 26, 0.18));
  transform: translateY(-50%);
  pointer-events: none;
}

.mtdk.mtdk-text-inline-premium .mtdk-copy-premium-inline .mtdk-subtitle,
.mtdk.mtdk-text-inline-premium .mtdk-copy-premium-inline .mtdk-color-count {
  font-size: clamp(18px, 2.1vw, 52px);
  line-height: 0.92;
  white-space: nowrap;
}

.mtdk.mtdk-text-inline-premium .mtdk-copy-premium-inline .mtdk-inline-price {
  justify-self: end;
  color: var(--mtdk-price-color, #b2b2b2);
  font-size: clamp(42px, 5.8vw, 128px);
  line-height: 0.85;
  white-space: nowrap;
}

.mtdk.mtdk-text-inline-premium.mtdk-copy-align-center .mtdk-copy-premium-inline {
  justify-content: center;
}

.mtdk.mtdk-text-inline-premium.mtdk-copy-align-right .mtdk-copy-premium-inline {
  justify-content: end;
}

@media (max-width: 1199px) {
  .mtdk.mtdk-text-inline-premium .mtdk-copy-premium-inline {
    grid-template-columns: 1fr;
    justify-items: inherit;
    row-gap: var(--mtdk-text-gap, 3px);
  }

  .mtdk.mtdk-text-inline-premium .mtdk-copy-premium-inline .mtdk-inline-title,
  .mtdk.mtdk-text-inline-premium .mtdk-copy-premium-inline .mtdk-inline-price,
  .mtdk.mtdk-text-inline-premium .mtdk-copy-premium-inline .mtdk-subtitle,
  .mtdk.mtdk-text-inline-premium .mtdk-copy-premium-inline .mtdk-color-count {
    font-size: inherit;
    line-height: inherit;
    white-space: normal;
  }

  .mtdk.mtdk-text-inline-premium .mtdk-copy-premium-inline .mtdk-inline-meta {
    min-width: 0;
    padding-left: 0;
    border-left: 0;
  }

  .mtdk.mtdk-text-inline-premium .mtdk-copy-premium-inline .mtdk-inline-meta::before {
    display: none;
  }

  .mtdk.mtdk-text-inline-premium .mtdk-copy-premium-inline .mtdk-inline-price {
    justify-self: inherit;
  }
}

/* Text display replacement safety: only one product-info block is visible at a time. */
.mtdk.mtdk-text-standard .mtdk-copy-premium-inline {
  display: none !important;
}

.mtdk.mtdk-text-inline-premium .mtdk-copy-standard {
  display: none !important;
}

.mtdk.mtdk-text-inline-premium .mtdk-copy-premium-inline {
  position: relative;
  z-index: 1;
  clear: both;
}

/* Productinformatie afbeelding onder thumbnails: vervangt tekst wanneer de modus actief is. */
.mtdk.mtdk-info-image-mode .mtdk-copy-standard,
.mtdk.mtdk-info-image-mode .mtdk-copy-premium-inline {
  display: none !important;
}

.mtdk-info-image-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  margin: 10px auto 0;
  line-height: 0;
}

.mtdk-info-image {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: contain;
}

/* Aangepaste productinformatie-volgorde: behoudt de styling per teksttype. */
.mtdk.mtdk-info-custom-order.mtdk-text-standard .mtdk-copy-standard .mtdk-info-part {
  display: block;
}

.mtdk.mtdk-text-inline-premium .mtdk-copy-premium-custom-order {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: clamp(10px, 1.4vw, 28px);
  width: 100%;
  padding-top: 10px;
  text-align: left;
  line-height: 0.9;
}

.mtdk.mtdk-text-inline-premium .mtdk-copy-premium-custom-order .mtdk-info-part {
  position: relative;
  min-width: 0;
  white-space: nowrap;
}

.mtdk.mtdk-text-inline-premium .mtdk-copy-premium-custom-order .mtdk-info-part-title {
  color: var(--mtdk-title-color, #1a1a1a);
  font-size: clamp(36px, 4.6vw, 104px);
  line-height: 0.88;
}

.mtdk.mtdk-text-inline-premium .mtdk-copy-premium-custom-order .mtdk-info-part-collection,
.mtdk.mtdk-text-inline-premium .mtdk-copy-premium-custom-order .mtdk-info-part-logo-variation {
  font-size: clamp(18px, 2.1vw, 52px);
  line-height: 0.92;
}

.mtdk.mtdk-text-inline-premium .mtdk-copy-premium-custom-order .mtdk-info-part-price {
  color: var(--mtdk-price-color, #b2b2b2);
  font-size: clamp(42px, 5.8vw, 128px);
  line-height: 0.85;
}

.mtdk.mtdk-text-inline-premium .mtdk-copy-premium-custom-order .mtdk-info-part:nth-child(2) {
  padding-left: clamp(10px, 1vw, 20px);
}

.mtdk.mtdk-text-inline-premium .mtdk-copy-premium-custom-order .mtdk-info-part:nth-child(2)::before {
  content: "";
  position: absolute;
  left: 0;
  top: calc(50% + var(--mtdk-premium-divider-y, 0px));
  width: var(--mtdk-premium-divider-width, 3px);
  height: var(--mtdk-premium-divider-height, 70px);
  background: var(--mtdk-premium-divider-color, rgba(26, 26, 26, 0.18));
  transform: translateY(-50%);
  pointer-events: none;
}

@media (max-width: 1199px) {
  .mtdk.mtdk-text-inline-premium .mtdk-copy-premium-custom-order {
    flex-direction: column;
    align-items: inherit;
    gap: var(--mtdk-text-gap, 3px);
  }

  .mtdk.mtdk-text-inline-premium .mtdk-copy-premium-custom-order .mtdk-info-part {
    font-size: inherit;
    line-height: inherit;
    white-space: normal;
  }

  .mtdk.mtdk-text-inline-premium .mtdk-copy-premium-custom-order .mtdk-info-part:nth-child(2) {
    padding-left: 0;
  }

  .mtdk.mtdk-text-inline-premium .mtdk-copy-premium-custom-order .mtdk-info-part:nth-child(2)::before {
    display: none;
  }
}

/* MT desktop-only fix: accessories section follows the active dark theme background. */
body.mt-theme-dark .elementor-widget-mt_desktop_kledingsectie_accessories,
body.mt-theme-dark .elementor-widget-mt_desktop_kledingsectie_accessories > .elementor-widget-container,
body.mt-theme-dark .elementor-widget-mt_desktop_kledingsectie_accessories .mtdk,
body.mt-theme-dark .elementor-widget-mt_desktop_kledingsectie_accessories .mtdk-inner,
body.mt-theme-dark .elementor-widget-mt_desktop_kledingsectie_accessories .mtdk-grid {
  background: #080808;
  background-color: #080808;
}

body.mt-theme-dark .elementor-widget-mt_desktop_kledingsectie_accessories .mtdk-card,
body.mt-theme-dark .elementor-widget-mt_desktop_kledingsectie_accessories .mtdk-media,
body.mt-theme-dark .elementor-widget-mt_desktop_kledingsectie_accessories .mtdk-copy,
body.mt-theme-dark .elementor-widget-mt_desktop_kledingsectie_accessories .mtdk-info-image-wrap {
  background: transparent;
  background-color: transparent;
}