/* GeekHub Kitchen 3.4.2 — transparent Hero and true multi-image galleries. */

/* Keep the uploaded Hero photograph visible behind the copy. */
body.geekhub-custom-surface .gh-hero-slider--transparent .gh-hero-slide__overlay {
    z-index: 1;
    background:
        linear-gradient(
            90deg,
            rgb(3 10 18 / var(--gh-hero-overlay-strong, .18)) 0%,
            rgb(3 10 18 / var(--gh-hero-overlay-soft, .09)) 38%,
            rgb(3 10 18 / .025) 66%,
            transparent 100%
        ),
        linear-gradient(0deg, rgb(3 10 18 / .28) 0%, transparent 35%);
}

body.geekhub-custom-surface .gh-hero-slider--transparent .gh-hero-slide__copy {
    max-width: 810px;
    padding: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
}

body.geekhub-custom-surface .gh-hero-slider--transparent .gh-hero-slide__content h1,
body.geekhub-custom-surface .gh-hero-slider--transparent .gh-hero-slide__content > p,
body.geekhub-custom-surface .gh-hero-slider--transparent .gh-hero-slide__copy > p {
    text-shadow: 0 3px 26px rgba(0, 0, 0, .68), 0 1px 3px rgba(0, 0, 0, .82);
}

body.geekhub-custom-surface .gh-hero-slider--transparent .gh-kicker {
    text-shadow: 0 2px 16px rgba(0, 0, 0, .7);
}

body.geekhub-custom-surface .gh-hero-slider--transparent .gh-hero-slide__note {
    background: rgb(4 12 22 / .18);
    border-color: rgb(255 255 255 / .34);
    box-shadow: 0 8px 28px rgb(0 0 0 / .12);
}

/* Let large homepage galleries use more of the screen while text remains aligned. */
body.geekhub-custom-surface .gh-home-visual-section__slider {
    width: min(1500px, calc(100vw - 48px));
    max-width: none;
    margin-right: auto;
    margin-left: 50%;
    transform: translateX(-50%);
}

body.geekhub-custom-surface .gh-media-slider--wide .gh-media-slider__slide,
body.geekhub-custom-surface .gh-media-slider--wide .gh-slider-image {
    height: clamp(560px, 58vw, 800px);
}

/* Multi-image galleries used on generated company pages. */
.gh-media-slider--editorial,
.gh-media-slider--contact,
.gh-media-slider--catalog {
    width: 100%;
    border-radius: 22px;
}

.gh-media-slider--editorial .gh-media-slider__slide,
.gh-media-slider--editorial .gh-slider-image {
    height: clamp(440px, 48vw, 650px);
}

.gh-media-slider--contact .gh-media-slider__slide,
.gh-media-slider--contact .gh-slider-image {
    height: clamp(280px, 34vw, 420px);
}

.gh-media-slider--catalog .gh-media-slider__slide,
.gh-media-slider--catalog .gh-slider-image {
    height: clamp(380px, 42vw, 570px);
}

.gh-media-slider--catalog .gh-slider-image {
    object-fit: contain;
    padding: clamp(20px, 4vw, 50px);
    background: #eef2f4;
}

.gh-editorial-visual .gh-media-slider,
.gh-catalog__visual .gh-media-slider,
.gh-contact-gallery .gh-media-slider {
    box-shadow: 0 24px 65px rgba(8, 20, 31, .13);
}

.gh-editorial-visual .gh-media-slider::after,
.gh-media-slider--catalog::after,
.gh-media-slider--contact::after {
    height: 20%;
}

.gh-contact-gallery {
    margin: 0 0 30px;
}

/* All selected gallery slides must occupy the full frame. */
.gh-media-slider__track,
.gh-media-slider__slide {
    width: 100%;
}

.gh-media-slider__slide {
    flex: 0 0 100%;
}

.gh-slider-image {
    height: 100%;
}

@media (max-width: 767px) {
    body.geekhub-custom-surface .gh-hero-slider--transparent .gh-hero-slide__overlay {
        background:
            linear-gradient(0deg, rgb(3 10 18 / .5) 0%, rgb(3 10 18 / .12) 55%, transparent 100%),
            linear-gradient(90deg, rgb(3 10 18 / .12), transparent 72%);
    }

    body.geekhub-custom-surface .gh-home-visual-section__slider {
        width: calc(100vw - 28px);
    }

    body.geekhub-custom-surface .gh-media-slider--wide .gh-media-slider__slide,
    body.geekhub-custom-surface .gh-media-slider--wide .gh-slider-image {
        height: 440px;
    }

    .gh-media-slider--editorial .gh-media-slider__slide,
    .gh-media-slider--editorial .gh-slider-image,
    .gh-media-slider--catalog .gh-media-slider__slide,
    .gh-media-slider--catalog .gh-slider-image {
        height: 390px;
    }

    .gh-media-slider--contact .gh-media-slider__slide,
    .gh-media-slider--contact .gh-slider-image {
        height: 300px;
    }
}