/* Activity detail gallery, accepted variant A: one stable frame and ordinary horizontal slide. */

html[data-understar-page-kind="activity-detail"] {
    --us-activity-hero-height: 376px;
    --us-activity-frame-radius-top-left: 180px;
    --us-activity-frame-radius-rest: 16px;
    --us-activity-photo-motion: 320ms;
}

html[data-understar-page-kind="activity-detail"] [data-activity-detail-copy-card="true"] {
    height: auto !important;
    min-height: var(--us-activity-hero-height) !important;
}

html[data-understar-page-kind="activity-detail"] [data-activity-adaptive-frame="true"] {
    position: relative;
    align-self: flex-start;
    height: var(--us-activity-hero-height) !important;
    min-height: var(--us-activity-hero-height) !important;
    overflow: visible !important;
    border-radius: 0 !important;
    background: transparent !important;
    transition: none !important;
}

html[data-understar-page-kind="activity-detail"] [data-activity-adaptive-frame="true"] > .hero-slider-rehab {
    width: 100% !important;
    height: var(--us-activity-hero-height) !important;
    min-height: var(--us-activity-hero-height) !important;
    margin: 0 !important;
    overflow: hidden !important;
    border-radius:
        var(--us-activity-frame-radius-top-left)
        var(--us-activity-frame-radius-rest)
        var(--us-activity-frame-radius-rest)
        var(--us-activity-frame-radius-rest) !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
    clip-path: none !important;
    background: #e8e4e0 !important;
    transition: none !important;
    isolation: isolate;
}

html[data-understar-page-kind="activity-detail"] [data-activity-adaptive-frame="true"] > .hero-slider-rehab > .swiper-wrapper {
    height: 100% !important;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important;
}

html[data-understar-page-kind="activity-detail"] [data-activity-adaptive-frame="true"] > .hero-slider-rehab .swiper-slide {
    display: flex !important;
    align-items: stretch !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    opacity: 0.01 !important;
    pointer-events: none !important;
    transition: opacity var(--us-activity-photo-motion) ease-out !important;
}

html[data-understar-page-kind="activity-detail"] [data-activity-adaptive-frame="true"] > .hero-slider-rehab:not(.swiper-initialized) .swiper-slide:first-child,
html[data-understar-page-kind="activity-detail"] [data-activity-adaptive-frame="true"] > .hero-slider-rehab .swiper-slide-active {
    opacity: 1 !important;
    pointer-events: auto !important;
}

html[data-understar-page-kind="activity-detail"] [data-activity-adaptive-frame="true"] > .hero-slider-rehab .swiper-slide > [data-activity-frame-content="true"] {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    flex: 0 0 auto !important;
    border-radius: 0 !important;
    transition: none !important;
}

html[data-understar-page-kind="activity-detail"] [data-activity-adaptive-frame="true"] > .hero-slider-rehab picture,
html[data-understar-page-kind="activity-detail"] [data-activity-adaptive-frame="true"] > .hero-slider-rehab img {
    -webkit-user-select: none;
    user-select: none;
}

html[data-understar-page-kind="activity-detail"] [data-activity-adaptive-frame="true"] > .hero-slider-rehab img {
    object-fit: cover !important;
    transform: none !important;
    transition: none !important;
    animation: none !important;
    -webkit-user-drag: none;
}

html[data-understar-page-kind="activity-detail"] [data-activity-adaptive-frame="true"] > .hero-slider-rehab .activity-header-pagination {
    right: 0 !important;
    bottom: 24px !important;
    left: 0 !important;
    width: 100% !important;
    transform: none !important;
    transition: none !important;
}

/* Section galleries use the same one-frame horizontal motion as Children and News. */
[data-activity-standard-slider="true"] > .swiper-wrapper {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important;
}

[data-activity-standard-slider="true"] .swiper-slide {
    opacity: 0.01;
    pointer-events: none;
    transition: opacity 320ms ease-out !important;
}

[data-activity-standard-slider="true"]:not(.swiper-initialized) .swiper-slide:first-child,
[data-activity-standard-slider="true"] .swiper-slide-active {
    opacity: 1;
    pointer-events: auto;
}

[data-activity-standard-slider="true"],
[data-activity-standard-slider="true"] img,
[data-activity-standard-slider="true"] button,
[data-activity-standard-slider="true"] .swiper-pagination {
    -webkit-user-select: none;
    user-select: none;
}

/* Project breakpoints are sm=768, md=1024, lg=1280 and xl=1920. */
@media (min-width: 768px) {
    html[data-understar-page-kind="activity-detail"] {
        --us-activity-hero-height: 420px;
        --us-activity-frame-radius-top-left: 250px;
        --us-activity-frame-radius-rest: 24px;
    }

    html[data-understar-page-kind="activity-detail"] [data-activity-detail-hero="true"] > [data-activity-detail-copy-card="true"],
    html[data-understar-page-kind="activity-detail"] [data-activity-detail-hero="true"] > [data-activity-adaptive-frame="true"] {
        width: auto !important;
        min-width: 0 !important;
        flex: 1 1 0% !important;
    }

    html[data-understar-page-kind="activity-detail"] [data-activity-adaptive-frame="true"] > .hero-slider-rehab .swiper-slide {
        justify-content: flex-end !important;
    }
}

@media (min-width: 1024px) {
    html[data-understar-page-kind="activity-detail"] {
        --us-activity-frame-radius-top-left: 300px;
    }
}

@media (min-width: 1280px) {
    html[data-understar-page-kind="activity-detail"] {
        --us-activity-hero-height: 510px;
        --us-activity-frame-radius-top-left: 375px;
    }
}

@media (min-width: 1920px) {
    html[data-understar-page-kind="activity-detail"] {
        --us-activity-hero-height: 650px;
    }
}

@media (prefers-reduced-motion: reduce) {
    html[data-understar-page-kind="activity-detail"] .hero-slider-rehab,
    html[data-understar-page-kind="activity-detail"] .hero-slider-rehab > .swiper-wrapper,
    html[data-understar-page-kind="activity-detail"] .activity-header-pagination,
    html[data-understar-page-kind="activity-detail"] .activity-gallery-controls {
        transition-duration: 0ms !important;
    }

    [data-activity-standard-slider="true"],
    [data-activity-standard-slider="true"] > .swiper-wrapper,
    [data-activity-standard-slider="true"] .swiper-slide,
    [data-activity-standard-slider="true"] .swiper-pagination {
        transition-duration: 0ms !important;
    }
}


/* Keep the native asymmetric frame. Reserve its curved corner for decoration,
   and fit the complete Support collage inside the remaining safe rectangle. */
[data-activity-standard-slider="true"]:has([data-activity-slider-file-id="15319"]) {
    --us-support-collage-corner: 180px;
    background: rgb(249,248,243);
}

[data-activity-standard-slider="true"] [data-activity-slider-file-id="15319"] {
    padding: calc(var(--us-support-collage-corner) * .3 + 4px) 16px 16px
        calc(var(--us-support-collage-corner) * .3 + 4px) !important;
    border-radius: 0 !important;
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-origin: content-box !important;
    background-clip: content-box !important;
}

@media (min-width: 768px) {
    section > div:has(> [data-activity-standard-slider="true"] [data-activity-slider-file-id="15319"]) {
        position: relative;
        align-self: stretch;
    }
    [data-activity-standard-slider="true"]:has([data-activity-slider-file-id="15319"]) {
        position: absolute;
        inset: 0;
        height: 100%;
    }
    [data-activity-standard-slider="true"]:has([data-activity-slider-file-id="15319"]) > .swiper-wrapper,
    [data-activity-standard-slider="true"]:has([data-activity-slider-file-id="15319"]) .swiper-slide,
    [data-activity-standard-slider="true"] [data-activity-slider-file-id="15319"] {
        height: 100% !important;
    }
}
@media (min-width: 1024px) {
    [data-activity-standard-slider="true"]:has([data-activity-slider-file-id="15319"]) { --us-support-collage-corner: 250px; }
}
@media (min-width: 1280px) {
    [data-activity-standard-slider="true"]:has([data-activity-slider-file-id="15319"]) { --us-support-collage-corner: 300px; }
}
@media (min-width: 1920px) {
    [data-activity-standard-slider="true"]:has([data-activity-slider-file-id="15319"]) { --us-support-collage-corner: 375px; }
}
[data-activity-standard-slider="true"] [data-activity-slider-file-id="15319"][data-complete-collage-fit="true"] {
    padding: 0 !important;
    background-size: var(--us-support-collage-size) !important;
    background-position: var(--us-support-collage-position) !important;
    background-origin: border-box !important;
    background-clip: border-box !important;
}

/* Local candidate: keep the gallery at its settled desktop width before Swiper starts. */
@media (min-width: 768px) {
    section > div:has(> [data-activity-standard-slider="true"]):not(:has([data-activity-slider-file-id="15319"])) {
        flex-shrink: 0;
    }
    section:has(> div > [data-activity-standard-slider="true"]):not(:has([data-activity-slider-file-id="15319"])) > div:first-child {
        min-width: 0;
    }
}