.kontaktni-obrazec {
 width: 100%;

 /* Sva polja prate ovu širinu */
 background: white;
 padding: 2em;
 border-radius: var(--border-radius);
 box-shadow: 0 10px 25px rgba(0, 50, 150, 0.1);
 display: flex;
 flex-direction: column;
 gap: 1em;
 box-sizing: border-box;
}

.polje {
 width: 100%;
 display: flex;
 flex-direction: column;
}

.polje label {
 font-family: sans-serif;
 font-size: 13px;
 font-weight: 700;
 color: #003399;

 font-size: 0.85em;
 margin-bottom: 3px;
}

/* Svi elementi ispod dobijaju IDENTIČNA pravila */
.polje input,
.polje textarea,
.polje button {
 width: 100% !important;
 /* Forsira istu širinu do ivice */
 box-sizing: border-box;
 /* Padding ne kvari širinu */
 border: 2px solid #d1dfff;
 border-radius: var(--border-radius);
 padding: 1em;
 font-family: inherit;
 margin: 0;
 /* Briše default margine pretraživača */
}

.polje input,
.polje textarea {
 background-color: #f8faff;
}

.polje textarea {
 resize: none;
 /* Ključno: sprečava kvarenje ravni */
 height: 100px;
}

.polje input:focus,
.polje textarea:focus {
 outline: none;
 border-color: #0055ff;
 background-color: white;
}

.checkbox-container {
 display: flex;
 align-items: flex-start;
 /* Poravnava kvadratić sa prvim redom teksta */
 gap: 1em;
 /* Razmak iznad i ispod kvadratića */
 text-align: left;
 font-size: 0.9rem;
 color: #333;
}

.checkbox-container input[type="checkbox"] {
 width: 18px;
 height: 18px;
 cursor: pointer;
 margin-top: 2px;
 /* Fino podešavanje visine kvadratića */
}

.checkbox-container label {
 cursor: pointer;
 line-height: 1.4;
}

.checkbox-container a {
 color: #0088cc;
 text-decoration: underline;
}

button {
 background: var(--color-primary);
 color: white;
 border: none;
 font-weight: 700;
 text-transform: uppercase;
 cursor: pointer;
 transition: background 0.3s;
}

button:hover {
 background: #003399;
}