/* =====================================
   MOBILE HEADER ONLY
===================================== */


/* DESKTOP - sakrij mobilni */

@media(min-width:901px){

.mobile-header,
.mobile-menu,
.mobile-lang-box{

display:none !important;

}

}



/* =====================================
   MOBILNI
===================================== */

@media(max-width:900px){


/* sakrij originalni desktop header */

header{

display:none !important;

}



/* NOVI MOBILNI HEADER */

.mobile-header{

position:fixed;

top:0;
left:0;

width:100%;

height:90px;

display:flex;

align-items:center;

justify-content:space-between;

padding:10px 20px;

z-index:99999;


/* isti princip kao desktop */

background:linear-gradient(
180deg,
rgba(0,0,0,.85),
rgba(0,0,0,.45),
rgba(0,0,0,.15),
transparent
);


}


/* LOGO */

.mobile-header img{

height:50px;

width:auto;

max-width:180px;

object-fit:contain;

}

.mobile-header a{

position:absolute;

left:50%;

transform:translateX(-50%);

}

/* HAMBURGER */

.mobile-menu-btn{

font-size:35px;

color:#c9a45c;

cursor:pointer;

}



/* JEZIK */

.mobile-language-btn{

display:flex;

align-items:center;

justify-content:center;

gap:5px;

height:32px;

min-width:68px;

padding:0 10px;

border-radius:30px;

background:rgba(201,164,92,0.25);

border:1px solid #c9a45c;

color:white;

font-size:13px;

font-weight:500;

cursor:pointer;

backdrop-filter:blur(5px);

}


.globe-icon{

font-size:18px;

color:#c9a45c;

line-height:1;

}


.mobile-current-lang{

font-size:13px;

color:white;

font-weight:500;

}



/* =====================================
   OTVORENI MOBILNI MENI
===================================== */


.mobile-menu{

position:fixed;

top:90px;

left:0;

width:100%;


display:none;

flex-direction:column;

text-align:center;


background:rgba(0,0,0,.55);

backdrop-filter:blur(12px);


z-index:99998;

}



.mobile-menu a{

padding:15px;

color:white;

font-size:18px;

}




/* =====================================
   JEZIK BOX
===================================== */


.mobile-lang-box{

position:fixed;

top:90px;

right:20px;


background:white;

border-radius:15px;

padding:15px;


display:none;


z-index:99999;

}



.mobile-lang-box button{

display:block;

width:120px;

padding:10px;

margin:5px;

border:1px solid #c9a45c;

border-radius:20px;

background:rgba(201,164,92,.55);

color:#000;

font-size:14px;

font-weight:500;

cursor:pointer;

backdrop-filter:blur(5px);

}



/* =====================================
   HERO PRILAGODBA
===================================== */


.hero-content{

margin-top:70px;

}



}

.mobile-logo{

position:absolute;

left:50%;

transform:translateX(-50%);

}


.mobile-logo img{

height:50px;

width:auto;

max-width:150px;

object-fit:contain;

}


.mobile-current-lang{

color:white !important;

font-size:13px;

font-weight:500;

}