*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:Arial,sans-serif;
}


body {
    background-color: #111;
  background-image: url('images/logo3.png');
    ...
}
}

header{
background:#000;
padding:20px;
text-align:center;
border-bottom:3px solid #f7b500;
}

header h1{
font-size:42px;
color:#f7b500;
}

header p{
color:#ccc;
margin-top:10px;
}

.hero{
padding:80px 20px;
text-align:center;
background:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7));
}

.hero h2{
font-size:38px;
margin-bottom:20px;
}

.hero p{
font-size:20px;
max-width:700px;
margin:auto;
}

.btn{
display:inline-block;
margin-top:30px;
padding:15px 35px;
background:#f7b500;
color:#000;
text-decoration:none;
font-weight:bold;
border-radius:40px;
}

section{
padding:60px 20px;
max-width:1000px;
margin:auto;
}

section h2{
color:#f7b500;
margin-bottom:25px;
text-align:center;
}

ul{
list-style:none;
}

ul li{
padding:10px;
background:#1d1d1d;
margin-bottom:10px;
border-left:5px solid #f7b500;
border-radius:8px;
}

footer{
text-align:center;
padding:30px;
background:#000;
color:#888;
margin-top:50px;
}
.gallery{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:20px;
margin-top:30px;
}

.gallery img{
width:100%;
border-radius:12px;
border:2px solid #f7b500;
transition:0.3s;
}

.gallery img:hover{
transform:scale(1.03);
}/* Postavlja svijetlu (bijelu) boju za sve liste (Ograde, Kapije, Nadstrešnice...) */
ul li, ol li {
    color: #ffffff !important; /* Bijela boja za tekst */
    font-weight: bold;         /* Blago podebljan tekst radi boljeg čitanja */
    font-size: 1.1rem;         /* Malo veća slova */
}

/* Ako želiš da i naslovi sekcija budu još uočljiviji */
h2, h3 {
    color: #ffcc00 !important; /* Zlatno/žuta boja za naslove */
}/* Pravi tamniju pozadinu iza kartica sa tekstom da bi slova 'odskakala' */
section, .services, .about, .contact {
    background-color: rgba(0, 0, 0, 0.65); /* Providno crna pozadina */
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 20px;
}/* Stil za sekciju i mrežu galerije */
.gallery {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); /* Automatski prilagođava broj kolona */
    gap: 15px; /* Razmak između slika */
    padding: 10px 0;
}

/* Stil za svaku pojedinačnu sliku u galeriji */
.gallery img {
    width: 100%;
    height: 220px; /* Jednaka visina za sve slike */
    object-fit: cover; /* Slike se savršeno uklapaju bez razvlačenja */
    border-radius: 10px; /* Zaobljeni uglovi */
    border: 2px solid #ffcc00; /* Zlatno-žuti okvir */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Efekat kada se mišem/prstom pređe preko slike */
.gallery img:hover {
    transform: scale(1.03); /* Lagano uvećanje */
    box-shadow: 0 5px 15px rgba(255, 204, 0, 0.4);
}
/* Pravi sav tekst unutar kartica i sekcija svijetlim (bijelim) */
p, span, li, a {
    color: #ffffff !important;
}

/* Podnaslov pri vrhu (Metal po mjeri • Podgorica) */
header p {
    color: #ffcc00 !important; /* Zlatno-žuta boja */
    font-weight: bold;
}

/* Tekst u glavnom uvodnom dijelu */
.hero p, section p {
    color: #ffffff !important;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8); /* Dodaje sjenku iza teksta radi lakšeg čitanja */
}