/**
 * Cheshire Addon: InThreadGallery (ITG) — Styles
 * Inline-Thumbnails ([gallery=ID]), Lightbox-Cursor auf bestehenden Kern-
 * Anhaengen, Lightbox-Overlay + Bilder-Picker-Button im Editor. Kein eigenes
 * Galerie-Layout mehr — die Anhaenge-Reihe des Kerns bleibt die einzige
 * sichtbare Bild-Liste (siehe itg.js, keine doppelte Anzeige).
 * @see addons/InThreadGallery/assets/itg.js, itg-editor.js
 */
.itg-inline-img {
    max-width: 220px;
    max-height: 160px;
    display: inline-block;
    vertical-align: middle;
    margin: .2rem;
    border-radius: 4px;
    border: 1px solid #c5d5e8;
    cursor: zoom-in;
}

/* Bestehende Kern-Anhaenge (.cheshire-att-thumb) werden per itg.js lightbox-
   faehig gemacht — optischer Hinweis, dass ein Klick jetzt die Vollbild-
   Ansicht oeffnet statt (nur) einen neuen Tab. */
.cheshire-att-thumb { cursor: zoom-in; }

.itg-insert-btn {
    display: block;
    margin: .3rem auto 0;
    font-size: .75rem;
    padding: .15rem .5rem;
    border: 1px solid #c5d5e8;
    border-radius: 3px;
    background: #f0f4f8;
    color: #2E4057;
    cursor: pointer;
}

.itg-lightbox-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .85);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 100000;
}

.itg-lightbox-overlay.itg-open { display: flex; }

.itg-lb-img {
    max-width: 90vw;
    max-height: 90vh;
    box-shadow: 0 8px 32px rgba(0, 0, 0, .5);
}

.itg-lb-close,
.itg-lb-prev,
.itg-lb-next {
    position: absolute;
    background: rgba(255, 255, 255, .15);
    color: #fff;
    border: none;
    font-size: 1.8rem;
    line-height: 1;
    cursor: pointer;
    padding: .3rem .8rem;
    border-radius: 4px;
}

.itg-lb-close { top: 1rem; right: 1.2rem; }
.itg-lb-prev  { left: 1rem; top: 50%; transform: translateY(-50%); }
.itg-lb-next  { right: 1rem; top: 50%; transform: translateY(-50%); }