/**
 * Tagcloud archive (/tagcloud) and featured-news carousel on detail pages.
 */

.page-tagcloud .text--tagcloud-intro {
    max-width: var(--layout-measure);
    margin: 0 auto;
    padding: var(--section-space) var(--page-side-padding);
}

.page-tagcloud .text--tagcloud-archive {
    max-width: var(--layout-measure);
    margin: 0 auto var(--section-space);
    padding: 0 var(--page-side-padding) var(--section-space);
}

/* Featured news carousel on /tagcloud/<slug> – same content column as the heading */
.carousel.carousel--tagcloud-news {
    margin-bottom: var(--section-space);
}

.carousel--tagcloud-news .carousel-track {
    position: relative;
}

.carousel--tagcloud-news .carousel-slide {
    display: none;
}

.carousel--tagcloud-news .carousel-slide.active {
    display: block;
}

.tagcloud-news-slide {
    position: relative;
    display: block;
    background-color: transparent;
    background-size: cover;
    background-position: center;
    color: var(--banner-text-color);
    text-decoration: none;
}

.tagcloud-news-slide:hover,
.tagcloud-news-slide:focus {
    text-decoration: none;
}

.tagcloud-news-slide::before {
    content: '';
    position: absolute;
    inset: 0;
    background: var(--photo-overlay-color);
}

.tagcloud-news-slide__inner {
    position: relative;
    z-index: var(--raised-layer);
    max-width: var(--layout-measure);
    margin: 0 auto;
    padding: var(--tagcloud-slide-pad-block) var(--tagcloud-slide-pad-inline);
    color: var(--banner-text-color);
    text-align: var(--center-align);
}

.tagcloud-news-slide__titel {
    color: var(--banner-text-color);
    font-size: var(--heading-1-font-size);
    margin: 0 0 var(--control-space);
    text-shadow: var(--photo-heading-shadow);
}

.tagcloud-news-slide__uddrag {
    margin: 0 0 var(--gutter-space);
    color: var(--banner-text-color);
    text-shadow: var(--photo-body-shadow);
}

.tagcloud-news-slide__cta {
    pointer-events: none;
}

.carousel--tagcloud-news .carousel-prev,
.carousel--tagcloud-news .carousel-next {
    position: absolute;
    top: 50%;
    z-index: var(--front-layer);
    transform: translateY(-50%);
    display: block;
    min-width: 2.5rem;
    min-height: 2.5rem;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--banner-text-color);
    font-size: var(--heading-1-font-size);
    line-height: 1;
    cursor: pointer;
}

.carousel--tagcloud-news .carousel-prev {
    left: var(--item-space);
}

.carousel--tagcloud-news .carousel-next {
    right: var(--item-space);
}

.carousel--tagcloud-news .carousel-prev:hover,
.carousel--tagcloud-news .carousel-next:hover {
    color: var(--banner-link-hover-color);
}

.carousel--tagcloud-news .carousel-nav {
    display: flex;
    justify-content: var(--center-align);
    margin-top: calc(-1 * var(--block-space));
    position: relative;
    z-index: var(--raised-layer);
    padding-bottom: var(--item-space);
}

.carousel--tagcloud-news .carousel-dots {
    display: flex;
    gap: var(--tight-space);
}

.carousel--tagcloud-news .carousel-dot {
    width: 0.65rem;
    height: 0.65rem;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: var(--banner-link-hover-color);
    cursor: pointer;
}

.carousel--tagcloud-news .carousel-dot.active {
    background: var(--banner-text-color);
}

.text--tagcloud-other-tech {
    text-align: var(--center-align);
    padding: var(--section-space) var(--page-side-padding) calc(var(--section-space) * 1.5);
}

.tagcloud-other-tech {
    display: inline-flex;
    flex-direction: column;
    align-items: var(--center-align);
    gap: var(--cluster-gap);
    color: inherit;
    text-decoration: none;
}

.tagcloud-other-tech__icon {
    color: var(--body-link-color);
}

.tagcloud-other-tech__titel {
    margin: 0;
    color: var(--body-heading-color);
}

.tagcloud-other-tech__tekst {
    margin: 0;
    color: var(--body-text-color);
}

.tagcloud-other-tech:hover .tagcloud-other-tech__titel {
    color: var(--body-link-color);
}