.elementor-311 .elementor-element.elementor-element-9f6a79c{--display:flex;--margin-top:-38px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:22px;--padding-right:22px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-311 .elementor-element.elementor-element-a17f98f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-311 .elementor-element.elementor-element-94698ae{--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;}.elementor-311 .elementor-element.elementor-element-94698ae.e-con{--flex-grow:0;--flex-shrink:0;}@media(min-width:768px){.elementor-311 .elementor-element.elementor-element-94698ae{--width:100%;}}@media(max-width:767px){.elementor-311 .elementor-element.elementor-element-e4170fc img{width:100%;}}/* Start custom CSS for html, class: .elementor-element-4bb6f40 */.clanice-app{
    max-width:1200px;
    margin:auto;
    padding:90px 20px;
    font-family:Roboto Condensed;
}

/* HEADER */
.clanice-hero{
    text-align:center;
    margin-bottom:60px;
}

.title-small{
    font-size:12px;
    letter-spacing:4px;
    color:#caa74c;
    text-transform:uppercase;
}

.clanice-hero h1{
    font-size:52px;
    margin:15px 0;
}

.counter{
    display:flex;
    justify-content:center;
    align-items:baseline;
    gap:10px;
    margin-bottom:30px;
}

.counter span{
    font-size:64px;
    color:#caa74c;
    font-weight:700;
}

.counter small{
    color:#666;
}

/* SEARCH */
#search{
    width:100%;
    max-width:600px;
    padding:18px 25px;
    border-radius:50px;
    border:none;
    background:#f4f4f4;
    outline:none;
    font-size:16px;
    transition:.3s;
}

#search:focus{
    background:#fff;
    box-shadow:0 0 0 2px #caa74c;
}

/* LISTA */
.clanice-list{
    display:flex;
    flex-direction:column;
    gap:18px;
}

/* ITEM */
.item{
    background:rgba(255,255,255,0.85);
    backdrop-filter:blur(10px);
    border:1px solid rgba(0,0,0,0.06);
    border-radius:18px;
    padding:22px 25px;
    cursor:pointer;
    position:relative;
    overflow:hidden;
    transition:.35s;
}

/* zlatna linija */
.item::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:4px;
    height:0;
    background:#caa74c;
    transition:.4s;
}

.item:hover{
    transform:translateX(8px);
    box-shadow:0 20px 40px rgba(0,0,0,0.08);
}

.item:hover::before{
    height:100%;
}

/* HEADER ITEM */
.item-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    font-weight:600;
}

.grad{
    color:#caa74c;
}

/* DETAILS (accordion) */
.details{
    max-height:0;
    overflow:hidden;
    transition:max-height .5s ease;
    margin-top:0;
    opacity:0;
}

.item.active .details{
    max-height:300px;
    margin-top:15px;
    opacity:1;
}

/* text */
.details p{
    margin:6px 0;
    color:#555;
    font-size:14px;
}

.item.active{
    border:2px solid #caa74c;
    transform:scale(1.01);
    box-shadow:0 10px 30px rgba(0,0,0,0.08);
}

.item.active .grad{
    color:#000;
    font-weight:700;
}

.leaflet-control-attribution{
    opacity: 0.3;
    transition: 0.3s ease;
}

.leaflet-control-attribution:hover{
    opacity: 1;

}/* End custom CSS */