.elementor-1666 .elementor-element.elementor-element-9ab52b6{--display:flex;--overlay-opacity:0.5;--border-radius:10px 10px 10px 10px;}.elementor-1666 .elementor-element.elementor-element-9ab52b6::before, .elementor-1666 .elementor-element.elementor-element-9ab52b6 > .elementor-background-video-container::before, .elementor-1666 .elementor-element.elementor-element-9ab52b6 > .e-con-inner > .elementor-background-video-container::before, .elementor-1666 .elementor-element.elementor-element-9ab52b6 > .elementor-background-slideshow::before, .elementor-1666 .elementor-element.elementor-element-9ab52b6 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1666 .elementor-element.elementor-element-9ab52b6 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-733ee90 );--background-overlay:'';}#elementor-popup-modal-1666{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-1666 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-1666 .dialog-close-button{display:flex;}#elementor-popup-modal-1666 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}@media(min-width:768px){.elementor-1666 .elementor-element.elementor-element-9ab52b6{--content-width:1200px;}}/* Start custom CSS for container, class: .elementor-element-9ab52b6 */.custom-woo-gallery {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
}

.custom-woo-gallery__main {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.custom-woo-gallery__image-wrap {
    width: 100%;
    position: relative;
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background-color: #f1f1f1 !important;
}

.custom-woo-gallery__image {
    display: none;
    width: 100%;
    height: 100%;
    object-fit: contain;
    cursor: zoom-in;
}

.custom-woo-gallery__image.is-active {
    display: block;
}


/* =========================================
   STRELICE
========================================= */

.custom-woo-gallery__arrow {
    position: absolute;
    z-index: 5;
    top: 50%;
    transform: translateY(-50%);

    width: 46px;
    height: 46px;

    border: 1px solid rgba(193, 169, 45, 0.45) !important;
    border-radius: 50%;

    background: rgba(241, 241, 241, 0.90) !important;
    color: rgba(193, 169, 45, 0.55) !important;

    cursor: pointer;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 24px;
    line-height: 1;

    transition:
        color 0.2s ease,
        border-color 0.2s ease,
        background-color 0.2s ease;
}

/* Hover - zlatna postaje puna */
.custom-woo-gallery__arrow:hover {
    color: #C1A92D !important;
    border-color: #C1A92D !important;
    background: #f1f1f1 !important;
}

/* Focus / active */
.custom-woo-gallery__arrow:focus,
.custom-woo-gallery__arrow:active {
    color: rgba(193, 169, 45, 0.55) !important;
    border-color: rgba(193, 169, 45, 0.45) !important;
    background: rgba(241, 241, 241, 0.90) !important;
    outline: none !important;
}

/* Focus + hover */
.custom-woo-gallery__arrow:hover:focus {
    color: #C1A92D !important;
    border-color: #C1A92D !important;
    background: #f1f1f1 !important;
}

.custom-woo-gallery__prev {
    left: 15px;
}

.custom-woo-gallery__next {
    right: 15px;
}


/* =========================================
   THUMBNAILS
========================================= */

.custom-woo-gallery__thumbs {
    display: flex;
    gap: 10px;
    margin-top: 15px;
    overflow-x: auto;
    padding-bottom: 5px;
}

.custom-woo-gallery__thumb {
    flex: 0 0 80px;
    width: 80px;
    height: 80px;

    padding: 0;

    border: 2px solid transparent !important;
    background-color: #f1f1f1 !important;

    cursor: pointer;
    overflow: hidden;

    transition:
        border-color 0.2s ease,
        background-color 0.2s ease;
}

.custom-woo-gallery__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Aktivni thumbnail */
.custom-woo-gallery__thumb.is-active {
    border-color: #C1A92D !important;
    background-color: #f1f1f1 !important;
}

/* Hover thumbnail */
.custom-woo-gallery__thumb:hover {
    border-color: #C1A92D !important;
    background-color: #f1f1f1 !important;
}

/* Focus thumbnail */
.custom-woo-gallery__thumb:focus {
    outline: none !important;
    border-color: #C1A92D !important;
    background-color: #f1f1f1 !important;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .custom-woo-gallery__image-wrap {
        aspect-ratio: 1 / 1;
    }

    .custom-woo-gallery__arrow {
        width: 38px;
        height: 38px;
        font-size: 18px;
    }

    .custom-woo-gallery__prev {
        left: 8px;
    }

    .custom-woo-gallery__next {
        right: 8px;
    }

    .custom-woo-gallery__thumb {
        flex-basis: 65px;
        width: 65px;
        height: 65px;
    }
}


/* =========================================
   FULLSCREEN LIGHTBOX
========================================= */

.custom-gallery-no-scroll {
    overflow: hidden;
}

.custom-gallery-lightbox {
    position: fixed;
    inset: 0;
    z-index: 999999;

    background: rgba(0, 0, 0, 0.95);

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 30px;
}

.custom-gallery-lightbox img {
    max-width: 95vw;
    max-height: 95vh;
    width: auto;
    height: auto;
    object-fit: contain;
}

.custom-gallery-lightbox__close {
    position: absolute;
    top: 20px;
    right: 25px;

    width: 45px;
    height: 45px;

    border: 0;
    background: transparent !important;
    color: #fff;

    font-size: 40px;
    line-height: 1;

    cursor: pointer;
}/* End custom CSS */