/* GLOBAL */
body {
margin:0;
font-family: Arial;
background:#111;
color:white;
}

/* HEADER FLEXBOX */
header {
display:flex;
justify-content:space-between;
padding:15px;
background:black;
}
.logo img {
height: 100px; /* kontrola veličine */
width: auto;
}


/* NAV */
nav a {
color:white;
margin:10px;
text-decoration:none;
}

/* SLIDER */
.slider img {
width:100%;
height:700px;
object-fit:cover;
}
/* GALERIJA GRID */
.gallery {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 15px;
max-width: 1000px;
margin: auto;
}

/* NAJBITNIJI DIO */
.img-box {
width: 100%;
height: 200px; /* FIKSNA VISINA */
overflow: hidden; /* REŽE VIŠAK */
border-radius: 10px;
}

/* SLIKA */
.img-box img {
width: 100%;
height: 100%;
object-fit: cover; /* NE RASTE, NE RAZVLAČI SE */
transition: 0.3s;
}

.img-box img:hover {
transform: scale(1.1);
}


/* GRID */
.grid {
display:grid;
grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
gap:20px;
padding:20px;
}

/* CARD */
.card {
background:#222;
padding:15px;
border-radius:10px;
transition:0.3s; /* ANIMACIJA */
}

.card:hover {
transform:scale(1.05);
}

/* BOJE PO ADRENALINU */
.extreme {border:2px solid red;}
.medium {border:2px solid orange;}
.low {border:2px solid green;}

/* GUMB */
button {
padding:10px;
background:red;
color:white;
border:none;
cursor:pointer;
}

/* RESPONZIVNOST */
@media(max-width:600px){
header {
flex-direction:column;
}
}