/*
 * LLU 5.4.24 – compact light/dark section transitions
 *
 * The source photos, section colors and light/dark mode remain unchanged.
 * Only the vertical transition depth is reduced so the page looks crisper
 * and less washed out.
 */

/* NEWS / HERO -> PFERDE photo: 72–130px -> 28–54px. */
body.llu-home .llu-original-photo--horses::before,
body.llu-home .llu-original-photo--horses.llu-original-photo--from-news::before,
body.llu-home .llu-original-photo--horses.llu-original-photo--from-hero::before {
    height: clamp(28px, 3.4vw, 54px) !important;
    background:
        linear-gradient(
            to bottom,
            rgba(var(--llu-transition-rgb), .94) 0%,
            rgba(var(--llu-transition-rgb), .28) 42%,
            rgba(var(--llu-transition-rgb), 0) 100%
        ) !important;
}

/* Photo -> two-column section fades: 84–150px -> 32–60px. */
body.llu-home .llu-original-photo--horses::after,
body.llu-home .llu-original-photo--livestock::after {
    height: clamp(32px, 4vw, 60px) !important;
}

/* PFERDE section -> following photo: 76–136px -> 30–56px. */
body.llu-home .llu-original-photo--livestock::before {
    height: clamp(30px, 3.7vw, 56px) !important;
    background:
        linear-gradient(
            to bottom,
            rgba(var(--llu-transition-rgb), .94) 0%,
            rgba(var(--llu-transition-rgb), .28) 42%,
            rgba(var(--llu-transition-rgb), 0) 100%
        ) !important;
}

/* SALE top mode transition: 46–82px -> 18–34px. */
body.llu-home .llu-section--sale::before {
    height: clamp(18px, 2.3vw, 34px) !important;
    background:
        linear-gradient(
            to bottom,
            rgba(var(--llu-transition-rgb), .92) 0%,
            rgba(var(--llu-transition-rgb), .24) 46%,
            rgba(var(--llu-transition-rgb), 0) 100%
        ) !important;
}

/* SALE / CONTACT photo top: 82–150px -> 32–60px. */
body.llu-home .llu-original-photo--contact::before,
body.llu-home .llu-original-photo--after-sale::before {
    height: clamp(32px, 4vw, 60px) !important;
    background:
        linear-gradient(
            to bottom,
            rgba(var(--llu-transition-rgb), .96) 0%,
            rgba(var(--llu-transition-rgb), .30) 42%,
            rgba(var(--llu-transition-rgb), 0) 100%
        ) !important;
}

/* CONTACT photo -> contact section: 82–150px -> 32–60px. */
body.llu-home .llu-original-photo--contact::after,
body.llu-home .llu-original-photo--after-sale::after {
    height: clamp(32px, 4vw, 60px) !important;
}

/* Any remaining mode-clean helper strips stay very shallow. */
body.llu-home .llu-original-shadow,
body.llu-home .llu-original-divider,
body.llu-home .llu-original-divider--1,
body.llu-home .llu-original-divider--2,
body.llu-home .llu-original-divider--3 {
    max-height: 14px !important;
}

/* Respect reduced-motion without adding visual animation. */
@media (prefers-reduced-motion: reduce) {
    body.llu-home .llu-original-photo::before,
    body.llu-home .llu-original-photo::after,
    body.llu-home .llu-section--sale::before {
        transition: none !important;
    }
}