/* Only the new CType renders this root marker. */
[data-interfen-slider-hotspots="true"].interfen-slider-links {
  width: 100%;
  margin: 0;
  --swiper-navigation-color: #fff;
}

section.content:has([data-interfen-slider-hotspots="true"].interfen-slider-links) {
  margin-top: 0;
  padding-top: 0;
}

[data-interfen-slider-hotspots="true"] .interfen-hotspot-positioned,
[data-interfen-slider-hotspots="true"] .interfen-hotspot-content-positioned {
  position: relative;
}

[data-interfen-slider-hotspots="true"] .interfen-hotspot-layer {
  position: absolute;
  z-index: 1;
  overflow: hidden;
  pointer-events: none;
}

[data-interfen-slider-hotspots="true"] .interfen-hotspot-layer[hidden] {
  display: none;
}

[data-interfen-slider-hotspots="true"] .interfen-hotspot-svg {
  position: absolute;
  display: block;
  max-width: none;
  max-height: none;
  overflow: visible;
  pointer-events: none;
}

[data-interfen-slider-hotspots="true"] .interfen-hotspot-polygon {
  fill: transparent;
  stroke: transparent;
  stroke-width: 2;
  vector-effect: non-scaling-stroke;
  pointer-events: all;
  cursor: pointer;
}

[data-interfen-slider-hotspots="true"] .interfen-hotspot-layer[data-active="false"] .interfen-hotspot-polygon {
  pointer-events: none;
}

[data-interfen-slider-hotspots="true"] .interfen-hotspot-slide > .swiper-slide-content {
  z-index: 2;
  pointer-events: none;
}

[data-interfen-slider-hotspots="true"] .interfen-hotspot-slide > .swiper-slide-content :is(a, button, input, select, textarea, [tabindex], [role="button"]),
[data-interfen-slider-hotspots="true"] .interfen-hotspot-slide > .swiper-slide-content > * {
  pointer-events: auto;
}

/* Original headline width and wrapping stay intact. Only text catches clicks. */
[data-interfen-slider-hotspots="true"] .interfen-hotspot-slide > .swiper-slide-content > h2 {
  pointer-events: none;
}

[data-interfen-slider-hotspots="true"] .interfen-hotspot-slide > .swiper-slide-content > h2 > .interfen-headline-text {
  display: inline;
  pointer-events: auto;
}

/* Optional diagnostic view, scoped to this slider rather than the entire page. */
[data-interfen-slider-hotspots="true"][data-show-hotspots="true"] .interfen-hotspot-polygon {
  fill: rgb(0 158 186 / 17%);
  stroke: #007d94;
  stroke-dasharray: 7 5;
}

[data-interfen-slider-hotspots="true"] .interfen-hotspot-link:focus {
  outline: none;
}

[data-interfen-slider-hotspots="true"] .interfen-hotspot-link:focus-visible .interfen-hotspot-polygon {
  fill: rgb(255 200 0 / 18%);
  stroke: #0057b8;
  stroke-width: 3;
  stroke-dasharray: 7 4;
}