/* Grid wrapper */
.wpcf7 .cf7-grid {
background: #f0f0f0 !important;
padding: 30px !important;
box-sizing: border-box !important;
}

/* Vrstica = 3 stolpci */
.wpcf7 .cf7-row {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 16px 28px !important;
margin-bottom: 16px !important;
width: 100% !important;
}

/* Stolpec */
.wpcf7 .cf7-col {
display: flex !important;
flex-direction: column !important;
min-width: 0 !important;
}

/* Razpon 2 stolpcev */
.wpcf7 .cf7-col-span2 {
grid-column: span 2 !important;
}

/* Labele */
.wpcf7 .cf7-col label {
font-size: 11px !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: 0.4px !important;
color: #333 !important;
margin-bottom: 5px !important;
display: block !important;
}

.wpcf7 .cf7-col .req {
color: #c0392b !important;
}

/* Span wrapper ki ga CF7 doda */
.wpcf7 .cf7-col .wpcf7-form-control-wrap {
display: block !important;
width: 100% !important;
}

/* Vsa input polja */
.wpcf7 .cf7-col input[type="text"],
.wpcf7 .cf7-col input[type="email"],
.wpcf7 .cf7-col input[type="tel"],
.wpcf7 .cf7-col input[type="number"],
.wpcf7 .cf7-col input[type="date"],
.wpcf7 .cf7-col select {
height: 40px !important;
padding: 6px 10px !important;
border: 1px solid #ccc !important;
border-radius: 3px !important;
background: #fff !important;
font-size: 14px !important;
width: 100% !important;
box-sizing: border-box !important;
display: block !important;
}

/* File upload */
.wpcf7 .cf7-col input[type="file"] {
border: 2px dashed #bbb !important;
border-radius: 6px !important;
padding: 40px 20px !important;
background: #fff !important;
width: 100% !important;
box-sizing: border-box !important;
cursor: pointer !important;
display: block !important;
}

/* Podpis canvas */
.wpcf7 .cf7-podpis .wpcf7-signature-canvas {
border: 1px solid #ccc !important;
background: #fff !important;
border-radius: 3px !important;
width: 100% !important;
display: block !important;
}

/* Podpis clear gumb */
.wpcf7 .wpcf7-signature-clear {
margin-top: 8px !important;
padding: 5px 14px !important;
border: 1px solid #c0392b !important;
color: #c0392b !important;
background: #fff !important;
border-radius: 3px !important;
cursor: pointer !important;
font-size: 13px !important;
display: inline-block !important;
}

/* Submit */
.wpcf7 .cf7-col input[type="submit"] {
padding: 8px 22px !important;
background: #fff !important;
border: 1px solid #aaa !important;
border-radius: 3px !important;
font-size: 14px !important;
cursor: pointer !important;
width: auto !important;
display: inline-block !important;
}

/* Mobilen pogled */
@media (max-width: 768px) {
.wpcf7 .cf7-row {
grid-template-columns: 1fr !important;
}
.wpcf7 .cf7-col-span2 {
grid-column: span 1 !important;
}
}