/* NL Adres voor Gravity Forms — 12-koloms grid, stapelt op smalle schermen */
.gform_wrapper .imnl-adres { display: grid; grid-template-columns: repeat(12, 1fr); gap: 12px 16px; }
.imnl-adres .imnl-col { display: flex; flex-direction: column; min-width: 0; grid-column: span 12; }
.imnl-adres .imnl-col input,
.imnl-adres .imnl-col select { width: 100%; }
.imnl-adres .imnl-col[hidden] { display: none; }

.imnl-adres .imnl-postcode   { grid-column: span 5; }
.imnl-adres .imnl-huisnummer { grid-column: span 3; }
.imnl-adres .imnl-toevoeging { grid-column: span 4; }
.imnl-adres .imnl-plaats,
.imnl-adres .imnl-gemeente   { grid-column: span 6; }
.imnl-adres .imnl-postcode input { text-transform: uppercase; }

/* Automatisch gevulde velden: zichtbaar "op slot" tot handmatige invoer nodig is */
.imnl-adres input[readonly] { background-color: rgba(0, 0, 0, .04); cursor: default; }
.imnl-adres.imnl-loading input[readonly] { opacity: .6; }

.imnl-adres .imnl-msg { grid-column: span 12; font-size: .875em; }
.imnl-adres .imnl-msg:empty { display: none; }
.imnl-adres .imnl-msg[data-type="error"] { color: #c02b0a; }
.imnl-adres .imnl-msg[data-type="warn"]  { color: #8a5a00; }

@media (max-width: 480px) {
	.imnl-adres .imnl-postcode { grid-column: span 12; }
	.imnl-adres .imnl-huisnummer,
	.imnl-adres .imnl-toevoeging { grid-column: span 6; }
	.imnl-adres .imnl-plaats,
	.imnl-adres .imnl-gemeente { grid-column: span 12; }
}
