/**
 * Custom GLightbox styles for SKN theme
 */

/* Fix image sizing */
.gslide img {
    max-height: 85vh;
    max-width: 85vw;
    object-fit: contain;
}

/* Improve navigation buttons */
.gclose {
    background: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gnext, .gprev {
    background: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* RTL support */
/* Keep close button in top-right corner even in RTL */
.gclose {
    right: 20px !important;
    left: auto !important;
}

html[dir="rtl"] .gnext {
    right: auto;
    left: 40px;
    transform: rotate(180deg);
}

html[dir="rtl"] .gprev {
    left: auto;
    right: 40px;
    transform: rotate(180deg);
}

/* Ensure proper z-index */
.glightbox-container {
    z-index: 9999;
}

/* Improve description area */
.gslide-description {
    display: none;
}

/* Custom counter styling */
.gslide-custom-counter {
    position: absolute;
    bottom: 20px;
    right: 20px;
    background: rgba(0, 0, 0, 0.5);
    color: white;
    padding: 5px 10px;
    border-radius: 15px;
    font-size: 14px;
    z-index: 9999;
}

html[dir="rtl"] .gslide-custom-counter {
    right: auto;
    left: 20px;
}