.elementor-208 .elementor-element.elementor-element-2c2a08a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-208 .elementor-element.elementor-element-04c245d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-208 .elementor-element.elementor-element-595213d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-208 .elementor-element.elementor-element-0d55cf8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-935ee72 *//* ========================================== */
/* SEKCIJA: GOOGLE MAPA ON KONTAKT            */
/* ========================================== */

.kontakt-mapa {
    position: relative;
    line-height: 0;
    overflow: hidden;
    background-color: #0f172a; /* Podloga u tvojoj tamnoplavoj boji */
    padding: 40px 0 0 0;       /* Malo razmaka od forme iznad */
}

/* Stil za samu mapu - mračni mod kroz CSS filtere */
.kontakt-mapa iframe {
    width: 100%;
    height: 450px;
    border: 0;
    transition: all 0.5s ease;
    
    /* Ova tri filtera pretvaraju kartu u premium tamni stil */
    filter: grayscale(1) invert(0.92) opacity(0.75); 
}

/* Efekt na hover: karta blago oživi kad klijent prođe mišem */
.kontakt-mapa:hover iframe {
    filter: grayscale(0.5) invert(0.92) opacity(0.9);
}

/* Mekani prijelaz (sjenu) iznad i ispod karte da se stopi s pozadinom */
.kontakt-mapa::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 60px;
    background: linear-gradient(to bottom, #0f172a, transparent);
    z-index: 2;
    pointer-events: none; /* Propušta klikove na kartu ispod */
}

.kontakt-mapa::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 60px;
    background: linear-gradient(to top, #0f172a, transparent);
    z-index: 2;
    pointer-events: none;
}/* End custom CSS */