/*
 * Celler Garnison-Museum
 * Einheitliche kompakte Hero-Skala für alle Inhaltsseiten.
 *
 * WICHTIG:
 * - Die Startseite (.cgm-landing) wird absichtlich NICHT angefasst.
 * - Diese Datei wird global zuletzt geladen und vereinheitlicht nur
 *   Hero-Höhe, Titelgröße und Lead-Rhythmus.
 */

/* ==========================================================
   1. STANDARD-HEROS
   /items, /collections, /exhibits, /panorama,
   /militaerisches-celle, /impressum, /datenschutz
   ========================================================== */

body.cgm-items-page .cgm-items-hero,
body.cgm-collections-page .cgm-collections-hero,
body.cgm-exhibit-browse .cgm-exhibit-browse-hero,
body.cgm-panorama-page .cgm-panorama-hero,
body.cgm-military-map-page .cgm-military-hero,
body.cgm-impressum-page .cgm-impressum-hero,
body.cgm-datenschutz-page .cgm-datenschutz-hero {
    padding: 34px 0 32px !important;
    min-height: 0 !important;
}

body.cgm-items-page .cgm-items-hero h1,
body.cgm-collections-page .cgm-collections-hero h1,
body.cgm-exhibit-browse .cgm-exhibit-browse-hero h1,
body.cgm-panorama-page .cgm-panorama-hero h1,
body.cgm-military-map-page .cgm-military-hero h1,
body.cgm-impressum-page .cgm-impressum-hero h1,
body.cgm-datenschutz-page .cgm-datenschutz-hero h1 {
    font-size: clamp(34px, 4.1vw, 50px) !important;
    line-height: 1.04 !important;
}

/* Kicker rhythm */
body.cgm-items-page .cgm-items-kicker,
body.cgm-collections-page .cgm-collections-kicker,
body.cgm-exhibit-browse .cgm-exhibit-kicker,
body.cgm-panorama-page .cgm-panorama-kicker,
body.cgm-military-map-page .cgm-military-kicker,
body.cgm-impressum-page .cgm-impressum-kicker,
body.cgm-datenschutz-page .cgm-datenschutz-kicker {
    margin-bottom: 8px !important;
    font-size: 11px !important;
}

/* Intro/lead rhythm */
body.cgm-items-page .cgm-items-lede,
body.cgm-collections-page .cgm-collections-lede,
body.cgm-exhibit-browse .cgm-exhibit-browse-hero > .cgm-exhibit-shell > p:last-child,
body.cgm-panorama-page .cgm-panorama-lede,
body.cgm-military-map-page .cgm-military-lede,
body.cgm-datenschutz-page .cgm-datenschutz-lead {
    max-width: 760px !important;
    margin-top: 13px !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
}

/* ==========================================================
   2. IMAGE-HEROS
   /digitales-angebot and /about
   Same perceived scale, while keeping image slider controls.
   ========================================================== */

body.cgm-digital-page .cgm-digital-hero,
body.cgm-digital-page .cgm-digital-hero-inner,
body.cgm-about-page .cgm-about-hero,
body.cgm-about-page .cgm-about-hero-inner {
    min-height: 350px !important;
}

body.cgm-digital-page .cgm-digital-hero-inner,
body.cgm-about-page .cgm-about-hero-inner {
    padding-top: 30px !important;
    padding-bottom: 66px !important;
}

body.cgm-digital-page .cgm-digital-hero h1,
body.cgm-about-page .cgm-about-hero h1 {
    font-size: clamp(34px, 4.1vw, 50px) !important;
    line-height: 1.04 !important;
}

body.cgm-digital-page .cgm-digital-kicker,
body.cgm-about-page .cgm-about-kicker {
    margin-bottom: 8px !important;
    font-size: 11px !important;
}

body.cgm-digital-page .cgm-digital-hero-controls,
body.cgm-about-page .cgm-about-hero-controls {
    bottom: 17px !important;
}

/* ==========================================================
   3. COLLECTION DETAIL
   More information in the header, so keep it compact without
   forcing exactly the same height as the overview hero.
   ========================================================== */

body.cgm-collection-show-page .cgm-collection-show-hero {
    padding: 26px 0 28px !important;
}

body.cgm-collection-show-page .cgm-collection-show-back {
    margin-bottom: 14px !important;
}

body.cgm-collection-show-page .cgm-collection-show-hero h1 {
    font-size: clamp(32px, 4vw, 48px) !important;
    line-height: 1.04 !important;
}

body.cgm-collection-show-page .cgm-collection-show-count {
    margin-top: 12px !important;
}

body.cgm-collection-show-page .cgm-collection-show-description {
    margin-top: 12px !important;
    font-size: 15px !important;
    line-height: 1.48 !important;
}

/* ==========================================================
   4. EXHIBIT DETAIL / CHAPTER
   ========================================================== */

/* Exhibition landing page with cover image. */
body.cgm-exhibit-summary .cgm-exhibit-hero {
    min-height: 380px !important;
}

body.cgm-exhibit-summary .cgm-exhibit-hero-inner {
    padding-top: 54px !important;
    padding-bottom: 46px !important;
}

body.cgm-exhibit-summary .cgm-exhibit-hero h1 {
    font-size: clamp(34px, 4.2vw, 52px) !important;
    line-height: 1.04 !important;
}

body.cgm-exhibit-summary .cgm-exhibit-lede {
    max-width: 760px !important;
    margin-top: 14px !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
}

body.cgm-exhibit-summary .cgm-exhibit-start {
    margin-top: 18px !important;
}

/* Individual exhibition chapter. */
body.cgm-exhibit-story .cgm-exhibit-page-hero {
    padding: 30px 0 28px !important;
}

body.cgm-exhibit-story .cgm-exhibit-parent-title {
    margin-bottom: 12px !important;
}

body.cgm-exhibit-story .cgm-exhibit-page-hero h1 {
    font-size: clamp(31px, 3.8vw, 46px) !important;
    line-height: 1.05 !important;
}


/* ==========================================================
   5. DIGITALES ANGEBOT – MOBILE CONTENT RHYTHM
   The text is relatively short; previous spacing was too large.
   ========================================================== */

@media screen and (max-width: 620px) {
    body.cgm-digital-page .cgm-digital-copy-section {
        padding: 30px 0 0 !important;
    }

    body.cgm-digital-page .cgm-digital-copy-section--continuation {
        padding-top: 0 !important;
        padding-bottom: 36px !important;
    }

    body.cgm-digital-page .cgm-digital-editorial-row,
    body.cgm-digital-page .cgm-digital-copy-section--continuation .cgm-digital-editorial-row {
        gap: 12px !important;
        padding-top: 24px !important;
        padding-bottom: 28px !important;
    }

    body.cgm-digital-page .cgm-digital-copy-section > .cgm-digital-shell > .cgm-digital-editorial-row:first-child {
        padding-top: 0 !important;
    }

    body.cgm-digital-page .cgm-digital-copy-section--continuation .cgm-digital-editorial-row:first-child {
        padding-top: 26px !important;
    }

    body.cgm-digital-page .cgm-digital-editorial-body p {
        margin-bottom: 14px !important;
    }

    body.cgm-digital-page .cgm-digital-preservation-banner {
        margin-top: 18px !important;
        margin-bottom: 18px !important;
        padding-top: 27px !important;
        padding-bottom: 29px !important;
    }

    body.cgm-digital-page .cgm-digital-preservation-banner p {
        font-size: 20px !important;
        line-height: 1.38 !important;
    }

    body.cgm-digital-page .cgm-digital-featured {
        padding: 38px 0 44px !important;
    }

    body.cgm-digital-page .cgm-digital-section-heading {
        margin-bottom: 18px !important;
    }
}


/* ==========================================================
   6. MOBILE HERO SCALE
   ========================================================== */

@media screen and (max-width: 680px) {
    body.cgm-items-page .cgm-items-hero,
    body.cgm-collections-page .cgm-collections-hero,
    body.cgm-exhibit-browse .cgm-exhibit-browse-hero,
    body.cgm-panorama-page .cgm-panorama-hero,
    body.cgm-military-map-page .cgm-military-hero,
    body.cgm-impressum-page .cgm-impressum-hero,
    body.cgm-datenschutz-page .cgm-datenschutz-hero {
        padding: 25px 0 24px !important;
    }

    body.cgm-items-page .cgm-items-hero h1,
    body.cgm-collections-page .cgm-collections-hero h1,
    body.cgm-exhibit-browse .cgm-exhibit-browse-hero h1,
    body.cgm-panorama-page .cgm-panorama-hero h1,
    body.cgm-military-map-page .cgm-military-hero h1,
    body.cgm-impressum-page .cgm-impressum-hero h1,
    body.cgm-datenschutz-page .cgm-datenschutz-hero h1 {
        font-size: clamp(30px, 8.5vw, 40px) !important;
    }

    body.cgm-items-page .cgm-items-lede,
    body.cgm-collections-page .cgm-collections-lede,
    body.cgm-exhibit-browse .cgm-exhibit-browse-hero > .cgm-exhibit-shell > p:last-child,
    body.cgm-panorama-page .cgm-panorama-lede,
    body.cgm-military-map-page .cgm-military-lede,
    body.cgm-datenschutz-page .cgm-datenschutz-lead {
        margin-top: 10px !important;
        font-size: 15px !important;
        line-height: 1.45 !important;
    }

    /* Image slider heroes */
    body.cgm-digital-page .cgm-digital-hero,
    body.cgm-digital-page .cgm-digital-hero-inner,
    body.cgm-about-page .cgm-about-hero,
    body.cgm-about-page .cgm-about-hero-inner {
        min-height: 285px !important;
    }

    body.cgm-digital-page .cgm-digital-hero-inner,
    body.cgm-about-page .cgm-about-hero-inner {
        align-items: flex-end !important;
        padding-top: 24px !important;
        padding-bottom: 65px !important;
    }

    body.cgm-digital-page .cgm-digital-hero h1,
    body.cgm-about-page .cgm-about-hero h1 {
        font-size: clamp(30px, 8.5vw, 40px) !important;
    }

    body.cgm-digital-page .cgm-digital-hero-controls,
    body.cgm-about-page .cgm-about-hero-controls {
        bottom: 13px !important;
    }

    body.cgm-collection-show-page .cgm-collection-show-hero {
        padding: 22px 0 24px !important;
    }

    body.cgm-collection-show-page .cgm-collection-show-back {
        margin-bottom: 11px !important;
    }

    body.cgm-collection-show-page .cgm-collection-show-hero h1 {
        font-size: clamp(29px, 8.3vw, 39px) !important;
    }

    body.cgm-exhibit-summary .cgm-exhibit-hero {
        min-height: 330px !important;
    }

    body.cgm-exhibit-summary .cgm-exhibit-hero-inner {
        padding-top: 42px !important;
        padding-bottom: 38px !important;
    }

    body.cgm-exhibit-summary .cgm-exhibit-hero h1 {
        font-size: clamp(30px, 8.5vw, 40px) !important;
    }

    body.cgm-exhibit-summary .cgm-exhibit-lede {
        font-size: 15px !important;
        line-height: 1.45 !important;
    }

    body.cgm-exhibit-story .cgm-exhibit-page-hero {
        padding: 25px 0 24px !important;
    }

    body.cgm-exhibit-story .cgm-exhibit-page-hero h1 {
        font-size: clamp(29px, 8.2vw, 39px) !important;
    }
}