/* ==========================================================================
   P'INC. GLightbox – Custom Styles
   Version: 1.0
   ========================================================================== */

/* --------------------------------------------------------------------------
   Hintergrund / Overlay
   -------------------------------------------------------------------------- */
.glightbox-container .goverlay {
    background: rgba(0, 0, 0, 0.92) !important;
}

/* --------------------------------------------------------------------------
   Close Button
   -------------------------------------------------------------------------- */
.glightbox-container .gclose {
    opacity: 0.7;
    transition: opacity 0.2s ease;
}

.glightbox-container .gclose:hover {
    opacity: 1;
}

.glightbox-container .gclose svg {
    width: 20px;
    height: 20px;
}

/* --------------------------------------------------------------------------
   Navigation Pfeile
   -------------------------------------------------------------------------- */
.glightbox-container .gprev,
.glightbox-container .gnext {
    opacity: 0.6;
    transition: opacity 0.2s ease;
}

.glightbox-container .gprev:hover,
.glightbox-container .gnext:hover {
    opacity: 1;
}

/* --------------------------------------------------------------------------
   Beschreibungen / Captions
   -------------------------------------------------------------------------- */
.glightbox-container .gslide-title {
    font-family: inherit;
    font-size: 1rem;
    font-weight: 600;
    color: #fff;
    margin-bottom: 0.25em;
}

.glightbox-container .gslide-desc {
    font-family: inherit;
    font-size: 0.875rem;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.8);
}

.glightbox-container .gdesc-inner {
    padding: 16px 24px;
}

.glightbox-container .gslide-description.description-bottom {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.75) 0%, transparent 100%);
}

/* --------------------------------------------------------------------------
   Loader
   -------------------------------------------------------------------------- */
.glightbox-container .gloader {
    border-color: rgba(255, 255, 255, 0.3) transparent transparent transparent;
}

/* --------------------------------------------------------------------------
   Bilder – Cursor wenn Zoom deaktiviert
   Auskommentieren wenn zoomable: true
   -------------------------------------------------------------------------- */
.glightbox-container .gslide-image img {
    cursor: default !important;
}

/* Wenn Zoom aktiv, stattdessen:
.glightbox-container .gslide-image img {
    cursor: zoom-in !important;
}
.glightbox-container .gslide-image img.zoomable {
    cursor: zoom-in !important;
}
*/

/* --------------------------------------------------------------------------
   Animationen – Geschwindigkeit anpassen (optional)
   -------------------------------------------------------------------------- */

/*
.glightbox-container .gslide {
    transition-duration: 0.25s !important;
}
*/