/* GRAVON_BRAND_V007
   Adaptive artwork slider + per-slide artwork/overlay mode.
   Theme colors remain controlled by CraftoThemeSettings / admin theme variables.
*/

.gravon-brand-v003 .gravon-hero[data-adaptive-slider] {
    background: var(--crafto-secondary, #0c0d29);
}

.gravon-brand-v003 .gravon-hero-slide.is-artwork .gravon-hero-artwork-mobile-copy {
    display: none !important;
}

.gravon-brand-v003 .gravon-hero-slide.is-artwork .gravon-hero-artwork-wrap {
    width: 100%;
    overflow: hidden;
    background: var(--crafto-secondary, #0c0d29);
}

.gravon-brand-v003 .gravon-hero-slide.is-artwork .gravon-hero-artwork {
    display: block;
    width: 100%;
}

/* Desktop behavior remains the strong, edge-to-edge artwork presentation. */
@media (min-width: 1200px) {
    .gravon-brand-v003 .gravon-hero[data-adaptive-slider] .gravon-hero-slide.is-artwork,
    .gravon-brand-v003 .gravon-hero[data-adaptive-slider] .gravon-hero-slide.is-artwork .gravon-hero-artwork-wrap {
        height: 100% !important;
        min-height: inherit !important;
    }

    .gravon-brand-v003 .gravon-hero[data-adaptive-slider] .gravon-hero-slide.is-artwork .gravon-hero-artwork {
        height: 100% !important;
        object-fit: cover !important;
    }
}

/* Tablet and mobile: never crop artwork. The full banner is fitted into the viewport width. */
@media (max-width: 1199.98px) {
    body.gravon-brand-v003 .gravon-hero[data-adaptive-slider] {
        height: auto !important;
        min-height: 0 !important;
    }

    body.gravon-brand-v003 .gravon-hero[data-adaptive-slider] .swiper-wrapper {
        align-items: flex-start;
    }

    body.gravon-brand-v003 .gravon-hero[data-adaptive-slider] .gravon-hero-slide.is-artwork {
        height: auto !important;
        min-height: 0 !important;
        background: var(--crafto-secondary, #0c0d29) !important;
    }

    body.gravon-brand-v003 .gravon-hero[data-adaptive-slider] .gravon-hero-slide.is-artwork .gravon-hero-artwork-wrap {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        aspect-ratio: 2048 / 1064;
        background: var(--crafto-secondary, #0c0d29) !important;
    }

    body.gravon-brand-v003 .gravon-hero[data-adaptive-slider] .gravon-hero-slide.is-artwork .gravon-hero-artwork {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        max-width: 100% !important;
        max-height: none !important;
        object-fit: contain !important;
        object-position: center center !important;
        filter: none !important;
    }

    body.gravon-brand-v003 .gravon-hero[data-adaptive-slider] .gravon-hero-slide.is-artwork .gravon-hero-artwork-wrap::after {
        display: none !important;
    }

    body.gravon-brand-v003 .gravon-hero[data-adaptive-slider] .gravon-hero-slide.is-overlay {
        height: auto !important;
        min-height: clamp(520px, 72vw, 650px) !important;
    }

    body.gravon-brand-v003 .gravon-hero[data-adaptive-slider] .crafto-hero-pagination {
        bottom: 12px !important;
    }
}

@media (max-width: 767.98px) {
    body.gravon-brand-v003 .gravon-hero[data-adaptive-slider] .gravon-hero-slide.is-overlay {
        min-height: 500px !important;
    }

    body.gravon-brand-v003 .gravon-hero[data-adaptive-slider] .gravon-hero-slide.is-artwork .gravon-hero-artwork-wrap {
        aspect-ratio: 2048 / 1064;
    }

    body.gravon-brand-v003 .gravon-hero[data-adaptive-slider] .crafto-hero-pagination {
        bottom: 8px !important;
    }
}