/* Elektronski obrasci. */
.smo { margin: 0 0 8px; }

.smo-uvod {
	max-width: var(--t-sirina-tekst, 780px);
	margin: 0 0 26px;
	color: var(--t-tekst, #495057);
}

.smo-polja {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 18px;
}

.smo-polje { margin: 0; }
.smo-polje--cela { grid-column: 1 / -1; }

.smo-polje input[type="text"],
.smo-polje input[type="email"],
.smo-polje input[type="tel"],
.smo-polje input[type="number"],
.smo-polje input[type="date"],
.smo-polje select,
.smo-polje textarea {
	width: 100%;
	padding: 12px 14px;
	border: 1px solid var(--t-linija, #e9ecef);
	border-radius: var(--t-radius-malo, 6px);
	background: var(--t-bg, #fff);
	color: var(--t-naslov, #212529);
	font: inherit;
	font-size: 16px;
}

html[data-tema="tamna"] .smo-polje input,
html[data-tema="tamna"] .smo-polje select,
html[data-tema="tamna"] .smo-polje textarea { background: var(--t-bg-meko, #1a1d21); }

.smo-polje textarea { min-height: 150px; resize: vertical; }

.smo-polje input[type="file"] {
	width: 100%;
	padding: 11px 14px;
	border: 1px dashed var(--t-linija, #e9ecef);
	border-radius: var(--t-radius-malo, 6px);
	background: var(--t-bg-meko, #f6f7f8);
	font-size: 15px;
}

.smo-polje--potvrda {
	grid-column: 1 / -1;
	margin: 22px 0 0;
}
.smo-polje--potvrda label {
	display: flex;
	gap: 10px;
	align-items: flex-start;
	font-weight: 400;
	font-size: 15px;
	color: var(--t-tekst, #495057);
	line-height: 1.5;
}
.smo-polje--potvrda input[type="checkbox"] { margin-top: 3px; flex: none; }

.smo-zvezda { color: #d63939; }

.smo-pomoc {
	display: block;
	margin-top: 6px;
	font-size: 14px;
	color: var(--t-bleda, #6c757d);
}

.smo-poruka {
	display: block;
	margin-top: 6px;
	font-size: 14px;
	font-weight: 600;
	color: #b42323;
}
html[data-tema="tamna"] .smo-poruka { color: #ff9d9d; }

.smo-polje--greska input,
.smo-polje--greska select,
.smo-polje--greska textarea { border-color: #d63939; }

.smo-zamka { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

.smo-dugme { margin: 26px 0 10px; }

.smo-napomena {
	margin: 0;
	font-size: 14px;
	color: var(--t-bleda, #6c757d);
}

.smo-uspeh,
.smo-greska {
	padding: 16px 20px;
	margin: 0 0 24px;
	border-radius: var(--t-radius-malo, 6px);
	font-weight: 600;
}
.smo-uspeh {
	background: var(--t-zelena-meka, #e8f6ee);
	color: var(--t-zelena, #14a751);
	border-left: 4px solid var(--t-zelena, #14a751);
}
.smo-greska {
	background: #fdecec;
	color: #b42323;
	border-left: 4px solid #d63939;
}
html[data-tema="tamna"] .smo-greska { background: #3a1a1a; color: #ff9d9d; }
.smo-uspeh p, .smo-greska p { margin: 0; }

@media (max-width: 700px) {
	.smo-polja { grid-template-columns: 1fr; }
	.smo-polje--pola { grid-column: 1 / -1; }
}