/*
 * Layout in expliciete rijen zodat de volgorde altijd klopt (ook in de
 * form-editor preview). Spacing volgt de Gravity Forms gutter-variabelen
 * zodat de uitlijning consistent is met de rest van het formulier.
 */
.egfpa-address .egfpa-row {
    display: flex;
    flex-wrap: wrap;
    gap: var(--gf-field-gap-x, 12px);
    margin-block-end: var(--gf-field-gap-y, 12px);
}

.egfpa-address .egfpa-row:last-child {
    margin-block-end: 0;
}

.egfpa-address .egfpa-cell {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    min-width: 0;
}

.egfpa-address .egfpa-cell > input,
.egfpa-address .egfpa-cell > select {
    width: 100%;
}

/* Read-only straat/woonplaats visueel markeren. */
.egfpa-address input[readonly] {
    background-color: #f2f2f2;
    cursor: not-allowed;
}

/* Statusmelding (bijv. "Adres ophalen..." of foutmelding). */
.egfpa-address .egfpa-status {
    font-size: .85em;
    color: #555;
    margin-top: .25rem;
}

.egfpa-address .egfpa-status--error {
    color: #c0392b;
}

/* Op smalle schermen alles onder elkaar, net als GF's native adresveld. */
@media (max-width: 640px) {
    .egfpa-address .egfpa-row {
        flex-direction: column;
    }
}