/* Taurus Gallery - jquery.mb.gallery customization */

.taurus-gallery-wrapper {
    max-width: 100%;
    margin: 20px auto;
}

.taurus-gallery {
    display: none;
}

/* Override default styles for site integration */
.taurus-gallery-wrapper .tg-container {
    margin: 0 auto;
}

/* Fix: inline full image is position:absolute, so content needs top margin */
.taurus-gallery-wrapper .thumb-grid.full-inline {
    margin-top: 10px;
}

.taurus-gallery-wrapper .tg-overlay {
    
}

.taurus-gallery-wrapper .tg-placeHolder {
    
}

.taurus-gallery-wrapper nav.thumbGridNav {
    margin-top: 10px;
    margin-bottom: 10px;
}

.taurus-gallery-wrapper nav.thumbGridNav a {
    background: var(--primary, #f57c21);
    opacity: 0.4;
}

.taurus-gallery-wrapper nav.thumbGridNav a.sel {
    opacity: 1;
}

.taurus-gallery-wrapper nav.thumbGridNav a:hover {
    opacity: 0.7;
}

/* Center thumbnails */
.taurus-gallery-wrapper .thumb-grid {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

/* Hide caption overlay on thumbnails */
.taurus-gallery-wrapper .tg-title {
    display: none !important;
}

/* Inline fullscreen image container */
.taurus-gallery-wrapper .inline-full-box {

    overflow: hidden;
}

/* Disable pointer on inline image (no fullscreen on click) */
.taurus-gallery-wrapper .inline-full-img {
    cursor: default;
    background-size: contain !important;
    background-color: #fff !important;
    transform: none !important;
}

/* Remove the magnifying glass icon on hover */
.taurus-gallery-wrapper .inline-full-box:hover:after {
    display: none;
}

/* Disable hover scale on thumbnails */
.taurus-gallery-wrapper .thumb-grid li:hover .thumb_box {
    transform: none !important;
    opacity: 1 !important;
}

/* Prev/Next arrows wrapper - sits between main image and thumbnails */
.gallery-nav-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    margin-top: 510px; /* clears the absolute-positioned main image (500px height + 10px gap) */
    margin-bottom: 0;
}

.gallery-nav {
    display: none;;
    position: relative;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #FF7C07;
    color: #fff;
    /*display: flex;*/
    align-items: center;
    justify-content: center;
    font-size: 16px;
    cursor: pointer;
    z-index: 10;
    transition: background 0.25s;
}

.gallery-nav:hover {
    background: #e06a00;
}

.gallery-nav-prev {
}

.gallery-nav-next {
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .taurus-gallery-wrapper .inline-full-box {
        border-radius: 4px;
    }

    .gallery-nav {
        width: 36px;
        height: 36px;
        font-size: 14px;
    }
}