/*
 * MZ OFFCANVAS INFO
 *
 * Važi samo za crni Loquet sandwich/off-canvas.
 * Glavni header i desktop navigacija se ne diraju.
 */

.gt-off-canvas.gt-style-1
.gt-off-canvas-right {
    display: block !important;

    overflow: visible !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
}


.gt-off-canvas.gt-style-1
.gt-off-canvas-right
> * {
    max-width: 100% !important;
}


.gt-off-canvas.gt-style-1
.mz-offcanvas-museum-info {
    width: 100% !important;
    max-width: 560px !important;

    margin: 0 !important;
    padding: 8px 0 36px !important;

    color: #ffffff !important;

    box-sizing: border-box !important;
}


.gt-off-canvas.gt-style-1
.mz-offcanvas-info-section {
    margin: 0 0 32px !important;
    padding: 0 0 28px !important;

    border-bottom:
        1px solid
        rgba(255, 255, 255, 0.14) !important;
}


.gt-off-canvas.gt-style-1
.mz-offcanvas-info-section:last-child {
    margin-bottom: 0 !important;
}


.gt-off-canvas.gt-style-1
.mz-offcanvas-info-kicker {
    margin: 0 0 10px !important;

    font-family:
        "Inter",
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Arial,
        sans-serif !important;

    font-size: 12px !important;
    line-height: 1.3 !important;

    font-style: normal !important;
    font-weight: 600 !important;

    letter-spacing: 0.10em !important;
    text-transform: uppercase !important;

    color: #c69b3c !important;
}


.gt-off-canvas.gt-style-1
.mz-offcanvas-info-text {
    margin: 0 !important;

    font-family:
        "Inter",
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Arial,
        sans-serif !important;

    font-size: 15px !important;
    line-height: 1.65 !important;

    font-style: normal !important;
    font-weight: 400 !important;

    letter-spacing: 0 !important;

    color: rgba(
        255,
        255,
        255,
        0.88
    ) !important;
}


/*
 * MAPA
 */
.gt-off-canvas.gt-style-1
.mz-offcanvas-map {
    display: block !important;

    position: relative !important;

    width: 100% !important;
    height: 230px !important;

    margin: 20px 0 14px !important;

    overflow: hidden !important;

    border:
        1px solid
        rgba(198, 155, 60, 0.45) !important;

    background: #1a1a1a !important;

    box-sizing: border-box !important;
}


.gt-off-canvas.gt-style-1
.mz-offcanvas-map iframe {
    display: block !important;

    position: static !important;

    width: 100% !important;
    height: 230px !important;

    min-width: 100% !important;
    min-height: 230px !important;

    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;

    opacity: 1 !important;
    visibility: visible !important;

    pointer-events: auto !important;
}


/*
 * GOOGLE MAPS LINK
 */
.gt-off-canvas.gt-style-1
a.mz-offcanvas-map-link,
.gt-off-canvas.gt-style-1
a.mz-offcanvas-map-link:link,
.gt-off-canvas.gt-style-1
a.mz-offcanvas-map-link:visited {
    display: inline-flex !important;

    align-items: center !important;
    gap: 10px !important;

    position: relative !important;

    width: auto !important;

    margin: 4px 0 0 !important;
    padding: 0 0 6px !important;

    font-family:
        "Inter",
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Arial,
        sans-serif !important;

    font-size: 12px !important;
    line-height: 1.3 !important;

    font-weight: 600 !important;

    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;

    color: #ffffff !important;
    text-decoration: none !important;

    border-bottom:
        1px solid
        #c69b3c !important;

    cursor: pointer !important;

    pointer-events: auto !important;

    z-index: 20 !important;
}


.gt-off-canvas.gt-style-1
a.mz-offcanvas-map-link:hover {
    color: #c69b3c !important;
}


.gt-off-canvas.gt-style-1
.mz-offcanvas-map-arrow {
    color: #c69b3c !important;

    font-size: 18px !important;
    line-height: 1 !important;
}


/*
 * MOBILE LANGUAGE SWITCHER
 */
@media (max-width: 1199px) {

    header.gt-mobile-header
    .gt-header-main-inner {
        position: relative !important;
    }


    header.gt-mobile-header
    .mz-mobile-language-switcher {
        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        gap: 5px !important;

        position: absolute !important;

        right: 56px !important;
        top: 50% !important;

        transform:
            translateY(-50%) !important;

        z-index: 100 !important;
    }


    header.gt-mobile-header
    .mz-mobile-language-switcher a {
        display: inline-flex !important;

        align-items: center !important;
        gap: 3px !important;

        padding: 4px 2px !important;

        color: #111111 !important;

        text-decoration: none !important;

        font-family:
            Arial,
            sans-serif !important;

        font-size: 14px !important;
        line-height: 1 !important;
    }


    header.gt-mobile-header
    .mz-mobile-language-switcher small {
        font-size: 9px !important;
        font-weight: 600 !important;
    }


    header.gt-mobile-header
    .mz-mobile-language-divider {
        opacity: 0.35 !important;
    }


    .gt-off-canvas.gt-style-1
    .mz-offcanvas-map {
        height: 200px !important;
    }


    .gt-off-canvas.gt-style-1
    .mz-offcanvas-map iframe {
        height: 200px !important;
        min-height: 200px !important;
    }
}


/* MZ_MUSEUM_OFFCANVAS_INFO_V3_CSS_START */

/*
 * DESNA INFORMACIONA KOLONA
 */
.gt-off-canvas.gt-position-right
.gt-off-canvas-right
.mz-offcanvas-museum-info {
    width: 100%;
    box-sizing: border-box;
    color: #eeeeee;
}


.gt-off-canvas
.mz-offcanvas-info-section {
    padding:
        0
        0
        30px
        0;

    margin:
        0
        0
        30px
        0;

    border-bottom:
        1px solid
        rgba(
            255,
            255,
            255,
            0.16
        );
}


.gt-off-canvas
.mz-offcanvas-info-section:last-child {
    margin-bottom: 0;
}


.gt-off-canvas
.mz-offcanvas-info-heading {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 15px;
}


.gt-off-canvas
.mz-offcanvas-info-heading-icon {
    width: 20px;
    height: 20px;
    flex:
        0
        0
        20px;

    color: #c89b3c;
}


.gt-off-canvas
.mz-offcanvas-info-heading-icon svg,
.gt-off-canvas
.mz-offcanvas-contact-icon svg,
.gt-off-canvas
.mz-offcanvas-social svg {
    display: block;
    width: 100%;
    height: 100%;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}


.gt-off-canvas
.mz-offcanvas-social
.mz-icon-fill {
    fill: currentColor;
    stroke: none;
}


.gt-off-canvas
.mz-offcanvas-info-section h3 {
    margin: 0 !important;
    padding: 0 !important;

    color: #c89b3c !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 15px !important;
    line-height: 1.45 !important;
    font-weight: 600 !important;
    letter-spacing: 1.7px !important;
    text-transform: uppercase !important;
}


.gt-off-canvas
.mz-offcanvas-info-section p,
.gt-off-canvas
.mz-offcanvas-hours {
    margin: 0 !important;

    color: #eeeeee !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 17px !important;
    line-height: 1.65 !important;
    font-weight: 400 !important;
}


.gt-off-canvas
.mz-offcanvas-hours > div {
    margin-bottom: 3px;
}


.gt-off-canvas
.mz-offcanvas-directions {
    display: inline-flex;
    align-items: center;
    gap: 13px;

    margin-top: 20px;

    padding:
        0
        0
        8px
        0;

    border-bottom:
        2px solid
        #c89b3c;

    color: #ffffff !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 13px !important;
    line-height: 1.2 !important;
    font-weight: 600 !important;
    letter-spacing: 1.4px !important;
    text-transform: uppercase !important;

    text-decoration: none !important;

    transition:
        color 180ms ease,
        border-color 180ms ease;
}


.gt-off-canvas
.mz-offcanvas-directions:hover {
    color: #c89b3c !important;
}


.gt-off-canvas
.mz-offcanvas-directions-arrow {
    color: #c89b3c;
    font-size: 22px;
    line-height: 1;
}


.gt-off-canvas
.mz-offcanvas-contact-links {
    display: flex;
    flex-direction: column;
    gap: 12px;
}


.gt-off-canvas
.mz-offcanvas-contact-link {
    display: flex;
    align-items: center;
    gap: 12px;

    color: #eeeeee !important;

    text-decoration: none !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 15px !important;
    line-height: 1.45 !important;
}


.gt-off-canvas
.mz-offcanvas-contact-link:hover {
    color: #c89b3c !important;
}


.gt-off-canvas
.mz-offcanvas-contact-icon {
    display: block;

    width: 20px;
    height: 20px;

    flex:
        0
        0
        20px;

    color: #c89b3c;
}


.gt-off-canvas
.mz-offcanvas-social-section {
    border-bottom: 0;
    padding-bottom: 5px;
}


.gt-off-canvas
.mz-offcanvas-social {
    display: flex;
    align-items: center;
    gap: 13px;
}


.gt-off-canvas
.mz-offcanvas-social a {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 40px;
    height: 40px;

    border:
        1px solid
        rgba(
            200,
            155,
            60,
            0.7
        );

    border-radius: 50%;

    color: #c89b3c !important;

    text-decoration: none !important;

    transition:
        background 180ms ease,
        color 180ms ease,
        transform 180ms ease;
}


.gt-off-canvas
.mz-offcanvas-social a:hover {
    background: #c89b3c;
    color: #101010 !important;
    transform:
        translateY(-2px);
}


.gt-off-canvas
.mz-offcanvas-social svg {
    width: 18px;
    height: 18px;
}


/*
 * MOBILE/TABLET LANGUAGE SWITCHER.
 *
 * Umetnut je kao sibling hamburgera,
 * bez promene Loquet menu DOM-a.
 */
.mz-responsive-language-switcher {
    display: none;
}


@media
screen and
(max-width: 1199px) {

    .mz-responsive-language-switcher {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        gap: 7px;

        margin-left: auto;
        margin-right: 14px;

        min-height: 36px;

        padding:
            5px
            9px;

        background:
            #ffffff;

        border:
            1px solid
            rgba(
                0,
                0,
                0,
                0.08
            );

        box-shadow:
            0
            6px
            18px
            rgba(
                0,
                0,
                0,
                0.07
            );

        box-sizing:
            border-box;

        position: relative;
        z-index: 50;
    }


    .mz-responsive-language-switcher a {
        display: inline-flex;
        align-items: center;
        gap: 4px;

        padding: 2px;

        color: #8b8b8b !important;

        font-family:
            Arial,
            Helvetica,
            sans-serif !important;

        line-height: 1 !important;

        text-decoration:
            none !important;

        opacity: 0.7;
    }


    .mz-responsive-language-switcher
    a.is-active {
        color: #a87516 !important;
        opacity: 1;
    }


    .mz-responsive-language-switcher
    .mz-language-flag {
        font-size: 15px;
        line-height: 1;
    }


    .mz-responsive-language-switcher
    small {
        font-size: 9px !important;
        line-height: 1 !important;
        font-weight: 600 !important;
        letter-spacing: 0.3px;
    }


    .mz-responsive-language-divider {
        display: block;

        width: 1px;
        height: 14px;

        background:
            rgba(
                0,
                0,
                0,
                0.12
            );
    }


    /*
     * Ako je Loquet parent flex container,
     * switcher ostaje tik pre hamburgera.
     */
    .gt-header
    .gt-item-group:has(
        > .mz-responsive-language-switcher
    ) {
        display: flex !important;
        align-items: center !important;
    }


    .gt-off-canvas.gt-position-right
    .gt-off-canvas-inner {
        align-items:
            flex-start;
    }

}


/*
 * Telefon
 */
@media
screen and
(max-width: 767px) {

    .mz-responsive-language-switcher {
        margin-right: 10px;

        padding:
            4px
            7px;

        gap: 5px;
    }


    .mz-responsive-language-switcher
    small {
        display: none;
    }


    .mz-responsive-language-switcher
    .mz-language-flag {
        font-size: 17px;
    }


    .gt-off-canvas
    .mz-offcanvas-info-section h3 {
        font-size: 13px !important;
        letter-spacing:
            1.35px !important;
    }


    .gt-off-canvas
    .mz-offcanvas-info-section p,
    .gt-off-canvas
    .mz-offcanvas-hours {
        font-size: 15px !important;
    }

}

/* MZ_MUSEUM_OFFCANVAS_INFO_V3_CSS_END */


/* MZ_OFFCANVAS_LANGUAGE_CLICK_FIX_V4_CSS_START */

/*
 * Stari duplirani mobile switcher više
 * nikada ne prikazujemo.
 */
.mz-mobile-language-switcher {
    display: none !important;
}


/*
 * Desktop ne diramo.
 * Tablet/mobile: zadržavamo samo novi
 * responsive language switcher.
 */
@media (max-width: 1199px) {

    header.gt-mobile-header
    .gt-header-main-inner {
        position: relative !important;
    }


    /*
     * Switcher ide uz desnu stranu,
     * odmah levo od hamburger ikonice.
     */
    header.gt-mobile-header
    .mz-responsive-language-switcher {
        position: absolute !important;

        top: 50% !important;
        right: 58px !important;

        transform:
            translateY(-50%) !important;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: flex-end !important;

        gap: 7px !important;

        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 0 !important;

        z-index: 50 !important;
    }


    header.gt-mobile-header
    .mz-responsive-language-switcher a {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        gap: 4px !important;

        width: auto !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 3px 2px !important;

        line-height: 1 !important;
        white-space: nowrap !important;
    }


    header.gt-mobile-header
    .mz-responsive-language-switcher
    .mz-language-flag {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 20px !important;
        height: 15px !important;

        overflow: hidden !important;
    }


    header.gt-mobile-header
    .mz-responsive-language-switcher
    .mz-language-flag
    img.emoji {
        display: block !important;

        width: 20px !important;
        height: 15px !important;

        margin: 0 !important;
    }


    header.gt-mobile-header
    .mz-responsive-language-switcher
    small {
        font-size: 10px !important;
        line-height: 1 !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    header.gt-mobile-header
    .mz-responsive-language-divider {
        display: block !important;

        width: 1px !important;
        height: 16px !important;

        margin: 0 1px !important;

        background:
            rgba(
                198,
                155,
                60,
                0.45
            ) !important;
    }
}


/*
 * Na veoma uskom telefonu samo još malo
 * približavamo switcher hamburgeru.
 */
@media (max-width: 480px) {

    header.gt-mobile-header
    .mz-responsive-language-switcher {
        right: 50px !important;
        gap: 5px !important;
    }

    header.gt-mobile-header
    .mz-responsive-language-switcher
    small {
        font-size: 9px !important;
    }
}


/*
 * Linkovi u museum info delu moraju zaista
 * biti klikabilni iznad Loquet slojeva.
 */
.gt-off-canvas
.mz-offcanvas-how-to-us,

.gt-off-canvas
[data-mz-offcanvas-how-to-us],

.gt-off-canvas
.mz-offcanvas-social,

.gt-off-canvas
.mz-offcanvas-social a {
    position: relative !important;
    z-index: 20 !important;

    pointer-events: auto !important;
}


/*
 * Društvene ikonice ostaju jasno klikabilne.
 */
.gt-off-canvas
.mz-offcanvas-social a {
    cursor: pointer !important;
}


/* MZ_OFFCANVAS_LANGUAGE_CLICK_FIX_V4_CSS_END */

/* MZ_OFFCANVAS_STATIC_V6_CSS_START */

/*
 * Museum info više nije animirani/re-renderovani blok.
 */
.gt-off-canvas-right
.mz-offcanvas-museum-info {
    position: relative !important;
    display: block !important;

    width: 100% !important;

    visibility: visible !important;
    opacity: 1 !important;

    pointer-events: auto !important;

    transform: none !important;
}


/*
 * SVI linkovi moraju normalno da primaju klik.
 */
.gt-off-canvas-right
.mz-offcanvas-museum-info a,

.gt-off-canvas-right
.mz-offcanvas-directions,

.gt-off-canvas-right
.mz-offcanvas-contact-link,

.gt-off-canvas-right
.mz-offcanvas-social a {
    position: relative !important;
    z-index: 5 !important;

    pointer-events: auto !important;

    cursor: pointer !important;
}


/*
 * Ni jedan pseudo-element ne sme da blokira klik.
 */
.gt-off-canvas-right
.mz-offcanvas-museum-info::before,

.gt-off-canvas-right
.mz-offcanvas-museum-info::after,

.gt-off-canvas-right
.mz-offcanvas-info-section::before,

.gt-off-canvas-right
.mz-offcanvas-info-section::after {
    pointer-events: none !important;
}


/*
 * Mobile/tablet:
 * uklanjamo stari dupli switcher.
 */
.mz-mobile-language-switcher {
    display: none !important;
}


/*
 * PHONE
 *
 * Header grid:
 *
 * column 1 = title
 * column 2 = hamburger / language
 *
 * hamburger = row 1
 * language  = row 2
 *
 * Kada title ode u dva reda, zastavice se prirodno nalaze
 * desno uz drugi red.
 */
@media (max-width: 767px) {

    body
    header.gt-mobile-header
    .gt-header-main-inner {
        display: grid !important;

        grid-template-columns:
            minmax(0, 1fr)
            48px !important;

        grid-template-rows:
            auto
            auto !important;

        column-gap: 10px !important;
        row-gap: 2px !important;

        align-items: start !important;

        position: relative !important;
    }


    /*
     * Hamburger ostaje gore desno.
     */
    body
    header.gt-mobile-header
    .gt-off-canvas-icon {
        grid-column: 2 !important;
        grid-row: 1 !important;

        justify-self: end !important;
        align-self: start !important;

        margin: 0 !important;
    }


    /*
     * Language switcher ispod njega, desno.
     */
    body
    header.gt-mobile-header
    .gt-header-main-inner
    > .mz-responsive-language-switcher {
        grid-column: 2 !important;
        grid-row: 2 !important;

        justify-self: end !important;
        align-self: start !important;

        position: static !important;

        width: auto !important;

        margin:
            1px
            0
            0
            0 !important;

        padding: 0 !important;

        display: flex !important;
        flex-flow: row nowrap !important;

        align-items: center !important;
        justify-content: flex-end !important;

        gap: 7px !important;

        transform: none !important;
    }


    body
    header.gt-mobile-header
    .mz-responsive-language-switcher a {
        display: inline-flex !important;

        align-items: center !important;
        justify-content: center !important;

        gap: 3px !important;

        width: auto !important;
        min-width: 0 !important;

        padding: 0 !important;
        margin: 0 !important;

        font-size: 10px !important;

        line-height: 1 !important;

        pointer-events: auto !important;
    }


    body
    header.gt-mobile-header
    .mz-responsive-language-switcher
    .mz-language-flag {
        display: inline-flex !important;

        width: 18px !important;
        height: 18px !important;

        align-items: center !important;
        justify-content: center !important;
    }


    body
    header.gt-mobile-header
    .mz-responsive-language-switcher
    .mz-language-flag
    img {
        width: 18px !important;
        height: 18px !important;

        display: block !important;
    }


    body
    header.gt-mobile-header
    .mz-responsive-language-switcher small {
        font-size: 9px !important;

        line-height: 1 !important;
    }

}


/*
 * Tablet:
 * switcher može ostati uz postojeći responsive header.
 */
@media
    (min-width: 768px)
    and
    (max-width: 1199px) {

    .mz-responsive-language-switcher {
        pointer-events: auto !important;
    }

    .mz-responsive-language-switcher a {
        pointer-events: auto !important;
    }

}

/* MZ_OFFCANVAS_STATIC_V6_CSS_END */


/* =========================================================
   MZ_MOBILE_LANGUAGE_V7_FINAL_START
   Premium responsive SR / EN raspored
   ========================================================= */


/*
 * MOBILE
 *
 * Naslov levo.
 * Desni blok dovoljno širok za hamburger i SR/EN.
 */
@media only screen and (max-width: 767px) {

    body
    header.gt-mobile-header
    .gt-header-main-inner {
        display: grid !important;

        grid-template-columns:
            minmax(0, 1fr)
            minmax(92px, auto) !important;

        grid-template-rows:
            auto
            auto !important;

        column-gap: 12px !important;
        row-gap: 7px !important;

        align-items: start !important;

        position: relative !important;
    }


    /*
     * Naslov muzeja ostaje levo i može u više redova.
     */
    body
    header.gt-mobile-header
    .gt-logo {
        grid-column: 1 !important;
        grid-row: 1 / span 2 !important;

        align-self: start !important;
        justify-self: start !important;

        min-width: 0 !important;

        margin: 0 !important;
    }


    /*
     * Hamburger gore desno.
     */
    body
    header.gt-mobile-header
    .gt-off-canvas-icon {
        grid-column: 2 !important;
        grid-row: 1 !important;

        justify-self: end !important;
        align-self: start !important;

        width: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        position: relative !important;
        z-index: 20 !important;
    }


    /*
     * SR / EN ispod hamburgera.
     */
    body
    header.gt-mobile-header
    .gt-header-main-inner
    > .mz-responsive-language-switcher {
        grid-column: 2 !important;
        grid-row: 2 !important;

        justify-self: end !important;
        align-self: start !important;

        position: static !important;

        display: inline-flex !important;

        flex-flow: row nowrap !important;

        align-items: center !important;
        justify-content: flex-end !important;

        width: auto !important;
        min-width: max-content !important;

        height: 28px !important;

        margin: 0 !important;
        padding: 0 !important;

        gap: 8px !important;

        visibility: visible !important;
        opacity: 1 !important;

        overflow: visible !important;

        pointer-events: auto !important;

        transform: none !important;

        z-index: 30 !important;
    }


    body
    header.gt-mobile-header
    .mz-responsive-language-switcher a {
        display: inline-flex !important;

        align-items: center !important;
        justify-content: center !important;

        flex: 0 0 auto !important;

        width: auto !important;
        min-width: 34px !important;
        height: 26px !important;

        gap: 4px !important;

        margin: 0 !important;
        padding: 0 2px !important;

        opacity: .65 !important;

        color: #262626 !important;
        text-decoration: none !important;

        pointer-events: auto !important;

        transition:
            opacity .2s ease,
            color .2s ease !important;
    }


    body
    header.gt-mobile-header
    .mz-responsive-language-switcher a:hover,

    body
    header.gt-mobile-header
    .mz-responsive-language-switcher a:focus,

    body
    header.gt-mobile-header
    .mz-responsive-language-switcher a.is-active {
        opacity: 1 !important;
    }


    /*
     * Flag.
     */
    body
    header.gt-mobile-header
    .mz-responsive-language-switcher
    .mz-language-flag {
        display: inline-flex !important;

        flex: 0 0 auto !important;

        align-items: center !important;
        justify-content: center !important;

        width: 20px !important;
        height: 15px !important;

        overflow: hidden !important;
    }


    body
    header.gt-mobile-header
    .mz-responsive-language-switcher
    .mz-language-flag img,

    body
    header.gt-mobile-header
    .mz-responsive-language-switcher
    img.emoji {
        display: block !important;

        width: 20px !important;
        height: 15px !important;

        min-width: 20px !important;
        max-width: 20px !important;

        margin: 0 !important;
        padding: 0 !important;

        object-fit: cover !important;
    }


    /*
     * SR / EN tekst.
     */
    body
    header.gt-mobile-header
    .mz-responsive-language-switcher small {
        display: inline-block !important;

        flex: 0 0 auto !important;

        margin: 0 !important;
        padding: 0 !important;

        color: #292929 !important;

        font-family:
            Arial,
            Helvetica,
            sans-serif !important;

        font-size: 9px !important;
        font-style: normal !important;
        font-weight: 600 !important;

        line-height: 1 !important;
        letter-spacing: .4px !important;

        white-space: nowrap !important;
    }


    /*
     * Tanka linija između jezika.
     */
    body
    header.gt-mobile-header
    .mz-responsive-language-divider {
        display: block !important;

        flex: 0 0 1px !important;

        width: 1px !important;
        height: 14px !important;

        margin: 0 1px !important;

        background:
            rgba(0, 0, 0, .16) !important;
    }

}


/*
 * VEOMA UZAK TELEFON
 *
 * Naslov može u dva ili više redova.
 * Desni blok ostaje kompaktan.
 */
@media only screen and (max-width: 430px) {

    body
    header.gt-mobile-header
    .gt-header-main-inner {
        grid-template-columns:
            minmax(0, 1fr)
            82px !important;

        column-gap: 8px !important;
        row-gap: 5px !important;
    }


    body
    header.gt-mobile-header
    .gt-header-main-inner
    > .mz-responsive-language-switcher {
        gap: 5px !important;
    }


    body
    header.gt-mobile-header
    .mz-responsive-language-switcher a {
        min-width: 30px !important;

        gap: 3px !important;
    }


    body
    header.gt-mobile-header
    .mz-responsive-language-switcher
    .mz-language-flag,

    body
    header.gt-mobile-header
    .mz-responsive-language-switcher
    .mz-language-flag img,

    body
    header.gt-mobile-header
    .mz-responsive-language-switcher
    img.emoji {
        width: 17px !important;
        min-width: 17px !important;
        max-width: 17px !important;

        height: 13px !important;
    }


    body
    header.gt-mobile-header
    .mz-responsive-language-switcher small {
        font-size: 8px !important;
    }

}


/*
 * TABLET
 *
 * Na tabletu switcher ostaje vidljiv,
 * bez menjanja desktop rasporeda.
 */
@media
    only screen
    and (min-width: 768px)
    and (max-width: 1199px) {

    body
    header.gt-mobile-header
    .mz-responsive-language-switcher {
        display: inline-flex !important;

        visibility: visible !important;
        opacity: 1 !important;

        align-items: center !important;

        pointer-events: auto !important;
    }

}


/* MZ_MOBILE_LANGUAGE_V7_FINAL_END */



/* MZ_RESPONSIVE_HEADER_LANGUAGE_V9_CSS_START */


/*
 * =========================================================
 * DESKTOP
 * =========================================================
 *
 * Ništa ne menjamo.
 * Switcher ostaje u originalnom desktop topbaru.
 */


/*
 * Stari dupli mobile switcher nikad ne prikazujemo.
 */
.mz-mobile-language-switcher {
    display: none !important;
}


/*
 * =========================================================
 * TABLET / MOBILE
 * =========================================================
 *
 * Kada JS prebaci postojeći switcher u gt-mobile-header,
 * pravimo beli-header raspored.
 */

header.gt-mobile-header
.gt-header-main-inner {
    position: relative !important;
}


/*
 * Responsive language element.
 */
header.gt-mobile-header
.mz-responsive-language-switcher.mz-language-in-mobile-header {

    display: inline-flex !important;

    flex-flow: row nowrap !important;

    align-items: center !important;
    justify-content: flex-end !important;

    gap: 8px !important;

    visibility: visible !important;
    opacity: 1 !important;

    width: auto !important;
    min-width: max-content !important;

    height: 30px !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;

    background: transparent !important;

    pointer-events: auto !important;

    z-index: 50 !important;

    transform: none !important;
}


/*
 * Svaki jezik.
 */
header.gt-mobile-header
.mz-responsive-language-switcher
a {

    display: inline-flex !important;

    flex: 0 0 auto !important;

    align-items: center !important;
    justify-content: center !important;

    gap: 4px !important;

    width: auto !important;
    min-width: 39px !important;

    height: 27px !important;

    margin: 0 !important;
    padding: 0 3px !important;

    border: 0 !important;

    color: #222 !important;

    text-decoration: none !important;

    white-space: nowrap !important;

    opacity: .58 !important;

    pointer-events: auto !important;

    cursor: pointer !important;
}


header.gt-mobile-header
.mz-responsive-language-switcher
a.is-active,

header.gt-mobile-header
.mz-responsive-language-switcher
a:hover,

header.gt-mobile-header
.mz-responsive-language-switcher
a:focus {

    opacity: 1 !important;
}


/*
 * Zastavice.
 */
header.gt-mobile-header
.mz-responsive-language-switcher
.mz-language-flag {

    display: inline-flex !important;

    flex: 0 0 auto !important;

    align-items: center !important;
    justify-content: center !important;

    width: 20px !important;
    height: 15px !important;

    margin: 0 !important;

    overflow: hidden !important;
}


header.gt-mobile-header
.mz-responsive-language-switcher
.mz-language-flag img,

header.gt-mobile-header
.mz-responsive-language-switcher
img.emoji {

    display: block !important;

    width: 20px !important;
    min-width: 20px !important;
    max-width: 20px !important;

    height: 15px !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: cover !important;
}


/*
 * SR / EN.
 */
header.gt-mobile-header
.mz-responsive-language-switcher
small {

    display: inline-block !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #222 !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 9px !important;
    font-weight: 600 !important;

    line-height: 1 !important;

    letter-spacing: .35px !important;

    white-space: nowrap !important;
}


/*
 * Separator.
 */
header.gt-mobile-header
.mz-responsive-language-divider {

    display: block !important;

    flex: 0 0 1px !important;

    width: 1px !important;
    height: 15px !important;

    margin: 0 2px !important;

    background:
        rgba(0, 0, 0, .18) !important;
}


/*
 * =========================================================
 * TABLET
 * =========================================================
 *
 * Naslov levo.
 * Desno: jezici + hamburger u ISTOM redu.
 */
@media
    only screen
    and (min-width: 768px)
    and (max-width: 1199px) {

    body
    header.gt-mobile-header
    .gt-header-main-inner {

        display: flex !important;

        flex-flow: row nowrap !important;

        align-items: center !important;

        width: 100% !important;
    }


    /*
     * Logo uzima slobodan prostor.
     */
    body
    header.gt-mobile-header
    .gt-logo {

        margin-right: auto !important;

        min-width: 0 !important;
    }


    /*
     * Language pre hamburgera.
     */
    body
    header.gt-mobile-header
    .mz-responsive-language-switcher.mz-language-in-mobile-header {

        order: 80 !important;

        flex: 0 0 auto !important;

        margin-left: auto !important;
        margin-right: 18px !important;

        position: static !important;
    }


    /*
     * Hamburger krajnje desno.
     */
    body
    header.gt-mobile-header
    .gt-off-canvas-icon {

        order: 90 !important;

        flex: 0 0 auto !important;

        margin: 0 !important;
    }

}


/*
 * =========================================================
 * PHONE
 * =========================================================
 *
 * Naslov levo.
 * Hamburger desno u prvom redu.
 * Jezici desno u drugom redu.
 *
 * Kao na dostavljenom dizajnu.
 */
@media
    only screen
    and (max-width: 767px) {

    body
    header.gt-mobile-header
    .gt-header-main-inner {

        display: grid !important;

        grid-template-columns:
            minmax(0, 1fr)
            96px !important;

        grid-template-rows:
            auto
            auto !important;

        column-gap: 12px !important;
        row-gap: 5px !important;

        align-items: start !important;

        width: 100% !important;
    }


    /*
     * Naslov može u jedan ili dva reda.
     */
    body
    header.gt-mobile-header
    .gt-logo {

        grid-column: 1 !important;
        grid-row: 1 / span 2 !important;

        justify-self: start !important;
        align-self: start !important;

        min-width: 0 !important;

        margin: 0 !important;
    }


    /*
     * Hamburger gore desno.
     */
    body
    header.gt-mobile-header
    .gt-off-canvas-icon {

        grid-column: 2 !important;
        grid-row: 1 !important;

        justify-self: end !important;
        align-self: start !important;

        width: auto !important;

        margin: 0 !important;

        position: relative !important;

        z-index: 60 !important;
    }


    /*
     * Jezici ispod hamburgera.
     */
    body
    header.gt-mobile-header
    .mz-responsive-language-switcher.mz-language-in-mobile-header {

        grid-column: 2 !important;
        grid-row: 2 !important;

        justify-self: end !important;
        align-self: start !important;

        position: static !important;

        margin: 0 !important;

        gap: 6px !important;
    }

}


/*
 * Veoma uzak telefon.
 */
@media
    only screen
    and (max-width: 430px) {

    body
    header.gt-mobile-header
    .gt-header-main-inner {

        grid-template-columns:
            minmax(0, 1fr)
            88px !important;

        column-gap: 7px !important;
    }


    body
    header.gt-mobile-header
    .mz-responsive-language-switcher
    a {

        min-width: 34px !important;

        gap: 3px !important;

        padding-left: 1px !important;
        padding-right: 1px !important;
    }


    body
    header.gt-mobile-header
    .mz-responsive-language-switcher
    .mz-language-flag,

    body
    header.gt-mobile-header
    .mz-responsive-language-switcher
    .mz-language-flag img,

    body
    header.gt-mobile-header
    .mz-responsive-language-switcher
    img.emoji {

        width: 17px !important;
        min-width: 17px !important;
        max-width: 17px !important;

        height: 13px !important;
    }


    body
    header.gt-mobile-header
    .mz-responsive-language-switcher
    small {

        font-size: 8px !important;
    }

}


/* MZ_RESPONSIVE_HEADER_LANGUAGE_V9_CSS_END */



/* ==========================================================
   MZ_HEADER_LANGUAGE_V10_CSS_START
   ========================================================== */


/*
 * Po defaultu V10 postoji samo u mobile Loquet headeru.
 */
#mz-header-language-v10 {
    display: none !important;
}


/*
 * Mobile/tablet Loquet header.
 */
header.gt-mobile-header
#mz-header-language-v10 {

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    flex-flow: row nowrap !important;

    gap: 8px !important;

    visibility: visible !important;
    opacity: 1 !important;

    pointer-events: auto !important;

    width: auto !important;
    min-width: 92px !important;

    height: 31px !important;

    margin: 0 !important;
    padding: 3px 7px !important;

    background:
        rgba(255,255,255,.96) !important;

    border:
        1px solid
        rgba(198,155,60,.48) !important;

    box-shadow:
        0 4px 16px
        rgba(0,0,0,.05) !important;

    z-index: 999 !important;
}


/*
 * Link.
 */
header.gt-mobile-header
#mz-header-language-v10
.mz-header-language-v10-item {

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 auto !important;

    gap: 4px !important;

    margin: 0 !important;
    padding: 0 !important;

    min-width: 34px !important;

    color: #242424 !important;

    text-decoration: none !important;

    pointer-events: auto !important;

    cursor: pointer !important;

    opacity: .55 !important;
}


header.gt-mobile-header
#mz-header-language-v10
.mz-header-language-v10-item.is-active,

header.gt-mobile-header
#mz-header-language-v10
.mz-header-language-v10-item:hover,

header.gt-mobile-header
#mz-header-language-v10
.mz-header-language-v10-item:focus {

    opacity: 1 !important;
}


/*
 * Flag koristimo kao unicode zastavicu.
 * Ne zavisimo od WordPress emoji IMG CSS-a.
 */
header.gt-mobile-header
#mz-header-language-v10
.mz-header-language-v10-flag {

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 20px !important;
    height: 18px !important;

    overflow: visible !important;

    font-size: 17px !important;
    line-height: 18px !important;

    font-family:
        "Apple Color Emoji",
        "Segoe UI Emoji",
        sans-serif !important;
}


/*
 * Ako WordPress ipak pretvori emoji u IMG.
 */
header.gt-mobile-header
#mz-header-language-v10
.mz-header-language-v10-flag
img.emoji {

    display: inline-block !important;

    width: 18px !important;
    height: 18px !important;

    min-width: 18px !important;
    max-width: 18px !important;

    margin: 0 !important;
}


/*
 * SR / EN.
 */
header.gt-mobile-header
#mz-header-language-v10
small {

    display: inline-block !important;

    margin: 0 !important;

    color: #222 !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 9px !important;
    font-weight: 700 !important;

    line-height: 1 !important;

    letter-spacing: .4px !important;
}


/*
 * Divider.
 */
header.gt-mobile-header
#mz-header-language-v10
.mz-header-language-v10-divider {

    display: block !important;

    width: 1px !important;
    height: 15px !important;

    flex: 0 0 1px !important;

    background:
        rgba(0,0,0,.18) !important;
}


/* ==========================================================
   TABLET
   ========================================================== */

@media
only screen
and (min-width: 768px)
and (max-width: 1199px) {

    body
    header.gt-mobile-header
    .gt-header-main-inner {

        position: relative !important;

        display: flex !important;

        align-items: center !important;
    }


    /*
     * Jezici su odmah LEVO od hamburgera.
     */
    body
    header.gt-mobile-header
    #mz-header-language-v10 {

        position: absolute !important;

        right: 70px !important;
        top: 50% !important;

        transform:
            translateY(-50%) !important;
    }


    body
    header.gt-mobile-header
    .gt-off-canvas-icon {

        position: relative !important;

        z-index: 1000 !important;
    }

}


/* ==========================================================
   PHONE
   ========================================================== */

@media
only screen
and (max-width: 767px) {

    body
    header.gt-mobile-header
    .gt-header-main-inner {

        position: relative !important;

        /*
         * Pravimo dovoljno prostora za jezik ispod
         * hamburgera, bez obzira da li naslov ima
         * jedan ili dva reda.
         */
        padding-bottom: 42px !important;
    }


    /*
     * Hamburger ostaje gde jeste.
     */


    /*
     * SR | EN ispod hamburgera,
     * desno kao na dizajnu.
     */
    body
    header.gt-mobile-header
    #mz-header-language-v10 {

        position: absolute !important;

        right: 0 !important;
        bottom: 6px !important;

        top: auto !important;

        transform: none !important;
    }

}


/*
 * Veoma uzak telefon.
 */
@media
only screen
and (max-width: 430px) {

    body
    header.gt-mobile-header
    #mz-header-language-v10 {

        min-width: 84px !important;

        gap: 5px !important;

        padding-left: 5px !important;
        padding-right: 5px !important;
    }


    body
    header.gt-mobile-header
    #mz-header-language-v10
    .mz-header-language-v10-item {

        min-width: 31px !important;

        gap: 2px !important;
    }


    body
    header.gt-mobile-header
    #mz-header-language-v10
    .mz-header-language-v10-flag {

        width: 17px !important;

        font-size: 15px !important;
    }

}


/* MZ_HEADER_LANGUAGE_V10_CSS_END */