/*
 * Celler Garnison-Museum – Objektseite v2
 * Bewusst konservativ: Big-Picture-Struktur und Galerie bleiben unverändert.
 * Nur Titel und Metadaten erhalten eine leichte CGM-Anpassung.
 */

body.cgm-item-page .item-metadata {
    background: #fff;
}

/* Der bestehende Titel bleibt an seiner alten Stelle rechts,
   bekommt aber einen ruhigen Navy-Kopf. */
body.cgm-item-page .item-metadata > h1 {
    margin: 0 -21px 24px;
    padding: 19px 21px 20px;
    background: #0b2c45;
    color: #fff;
    font-family: "Caudex", serif;
    font-size: clamp(25px, 2.2vw, 34px);
    font-weight: 700;
    line-height: 1.12;
    letter-spacing: -.015em;
}

/* Metadaten nur etwas kompakter – Anordnung und Reihenfolge bleiben wie zuvor. */
body.cgm-item-page .item-metadata-content .element {
    margin-bottom: 0.9rem;
}

body.cgm-item-page .item-metadata-content .element h3 {
    margin-bottom: 0.2rem;
    color: #8d7136;
    line-height: 1.2;
}

body.cgm-item-page .item-metadata-content .element .element-text p,
body.cgm-item-page .item-metadata-content .element .element-text ul,
body.cgm-item-page .item-metadata-content .element .element-text ol {
    margin: 0;
    line-height: 1.35;
}

body.cgm-item-page .item-metadata-content .element .element-text p + p {
    margin-top: 0.3rem;
}

/* Sammlung und Tags bleiben normale Omeka-Beziehungen, nur etwas klarer. */
body.cgm-item-page #collection a,
body.cgm-item-page #item-tags a {
    color: #0b2c45;
    text-decoration-color: rgba(11,44,69,.30);
    text-underline-offset: 2px;
}

body.cgm-item-page #collection a:hover,
body.cgm-item-page #collection a:focus,
body.cgm-item-page #item-tags a:hover,
body.cgm-item-page #item-tags a:focus {
    color: #8d7136;
}

/* Mobil: Titelblock bleibt rechts/im Metadatenbereich und läuft nicht aus dem Viewport. */
@media screen and (max-width: 800px) {
    body.cgm-item-page .item-metadata > h1 {
        margin-left: 0;
        margin-right: 0;
        padding: 16px 17px 17px;
        font-size: clamp(24px, 7vw, 32px);
    }

    body.cgm-item-page .item-metadata {
        max-width: 100%;
        box-sizing: border-box;
    }

    body.cgm-item-page .item-metadata-content {
        max-width: 100%;
        box-sizing: border-box;
    }
}

/* ----------------------------------------
   LightGallery Zoom-Overlay bereinigen
   Entfernt den störenden horizontalen Streifen
   im Vollbild/Zoom der Objektbilder.
   ---------------------------------------- */
body.cgm-item-page .lg-backdrop {
    background-color: #000;
}

body.cgm-item-page .lg-outer,
body.cgm-item-page .lg-outer .lg-toolbar,
body.cgm-item-page .lg-outer .lg-components,
body.cgm-item-page .lg-outer .lg-sub-html {
    background: #000 !important;
}

body.cgm-item-page .lg-outer .lg-toolbar {
    border-bottom: 0 !important;
    box-shadow: none !important;
}

/* Falls LightGallery eine dünne Linie als Pseudo-Element rendert */
body.cgm-item-page .lg-outer .lg-toolbar::before,
body.cgm-item-page .lg-outer .lg-toolbar::after,
body.cgm-item-page .lg-outer .lg-components::before,
body.cgm-item-page .lg-outer .lg-components::after {
    display: none !important;
    content: none !important;
}

/* Bild sauber ohne Trennkante unter dem Toolbar-Bereich */
body.cgm-item-page .lg-outer .lg-content,
body.cgm-item-page .lg-outer .lg-inner,
body.cgm-item-page .lg-outer .lg-item,
body.cgm-item-page .lg-outer .lg-img-wrap {
    background: #000 !important;
}

/* Zähler und Icons bleiben sichtbar, aber ohne zusätzliche Kante */
body.cgm-item-page .lg-outer .lg-counter,
body.cgm-item-page .lg-outer .lg-toolbar .lg-icon,
body.cgm-item-page .lg-outer .lg-actions .lg-prev,
body.cgm-item-page .lg-outer .lg-actions .lg-next {
    text-shadow: none;
}