/* IBAN wijzigen ([pdfmt940_iban_form]) en IBAN-generator ([pdfmt940_iban_generator])
   Aanvullend op upload-form.css (zelfde .pdfmt940-card-basis) */

/* ---------- Formulier ---------- */
.pdfmt940-card.pdfmt940-iban .iban-intro,
.pdfmt940-card.pdfmt940-ibangen .ibangen-intro{
  text-align:center;color:var(--muted);margin:0 0 14px;font-size:.98rem;line-height:1.45;
}

.pdfmt940-card.pdfmt940-iban .dropzone{min-height:150px;padding:30px;}
.pdfmt940-card.pdfmt940-iban .dropzone.has-file{border-style:solid;border-color:var(--brand-light);min-height:0;padding:18px;}

.pdfmt940-card.pdfmt940-iban .error{white-space:pre-line;}

/* Aanpassen-deel: pas zichtbaar na het eerste bestand, met een eigen kop */
.pdfmt940-card.pdfmt940-iban .iban-edit{
  display:none;margin-top:22px;padding-top:18px;border-top:1px solid var(--line);
}
.pdfmt940-card.pdfmt940-iban .iban-edit-title{
  font-family:"Bebas Neue",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  font-size:1.5rem;letter-spacing:.5px;color:var(--brand);margin:0 0 12px;
}

.pdfmt940-card.pdfmt940-iban .iban-all{
  display:none;padding:16px;border:1px solid var(--line);border-radius:12px;background:#f7fafd;
}
.pdfmt940-card.pdfmt940-iban .iban-all-title{font-weight:700;margin-bottom:18px;color:var(--brand-dark);}
.pdfmt940-card.pdfmt940-iban .iban-overschreven{color:var(--danger);font-size:.8rem;margin-top:4px;}

.pdfmt940-card.pdfmt940-iban .iban-list{margin-top:14px;}
.pdfmt940-card.pdfmt940-iban .iban-item{align-items:start;}
.pdfmt940-card.pdfmt940-iban .iban-badge{
  display:inline-block;font-size:.72rem;font-weight:800;letter-spacing:.3px;padding:2px 7px;border-radius:999px;
  background:var(--brand-light);color:var(--brand-dark);vertical-align:1px;
}
/* Badge, naam en grootte op één regel; een te lange naam wordt afgekapt met …, de grootte blijft staan */
.pdfmt940-card.pdfmt940-iban .iban-file-name{display:flex;align-items:baseline;gap:8px;min-width:0;}
.pdfmt940-card.pdfmt940-iban .iban-file-name .iban-badge{flex:0 0 auto;}
.pdfmt940-card.pdfmt940-iban .iban-file-title{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pdfmt940-card.pdfmt940-iban .iban-file-size{flex:0 0 auto;font-size:.85rem;color:var(--muted);white-space:nowrap;}
.pdfmt940-card.pdfmt940-iban .iban-row{margin-top:10px;}
.pdfmt940-card.pdfmt940-iban .iban-current{font-size:.92rem;color:#33434c;margin-bottom:16px;overflow-wrap:anywhere;}
.pdfmt940-card.pdfmt940-iban .iban-value{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.3px;}
.pdfmt940-card.pdfmt940-iban .iban-bank{color:var(--muted);}
.pdfmt940-card.pdfmt940-iban .iban-hint{color:var(--muted);font-size:.85rem;}

.pdfmt940-card.pdfmt940-iban .iban-field input{
  padding:12px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.4px;text-transform:uppercase;
}
.pdfmt940-card.pdfmt940-iban .iban-field input.invalid{color:var(--danger);}
.pdfmt940-card.pdfmt940-iban .iban-field input::placeholder{text-transform:none;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;letter-spacing:0;}

.pdfmt940-card.pdfmt940-iban .iban-status{font-size:.88rem;line-height:1.45;margin-top:6px;}
.pdfmt940-card.pdfmt940-iban .iban-status:empty{display:none;}
.pdfmt940-card.pdfmt940-iban .iban-status.is-ok{color:#0a7a0a;}
.pdfmt940-card.pdfmt940-iban .iban-status.is-info{color:var(--muted);}
.pdfmt940-card.pdfmt940-iban .iban-status.is-warn{
  color:#7a4b00;background:#fff7e6;border:1px solid #ffe2a8;border-radius:10px;padding:8px 10px;
}
.pdfmt940-card.pdfmt940-iban .iban-status.is-error{
  color:var(--danger);background:#fff3f3;border:1px solid #ffd6d6;border-radius:10px;padding:8px 10px;
}
.pdfmt940-card.pdfmt940-iban .iban-status a{color:inherit;text-decoration:underline;font-weight:700;}
.pdfmt940-card.pdfmt940-iban .iban-status strong{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;white-space:nowrap;}
.pdfmt940-card.pdfmt940-iban .iban-use{
  border:1px solid currentColor;background:#fff;color:inherit;border-radius:8px;padding:2px 8px;margin:0 2px;
  font-size:.85rem;font-weight:700;cursor:pointer;
}

.pdfmt940-card.pdfmt940-iban .consent-label{white-space:normal;}

/* Stap 3: alleen een laadanimatie tijdens het verwerken */
.pdfmt940-card.pdfmt940-iban .iban-busy{
  display:none;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:44px 14px;
  color:#33434c;font-size:1rem;
}
.pdfmt940-card.pdfmt940-iban .iban-busy .spinner{width:38px;height:38px;border-width:4px;}

.pdfmt940-card.pdfmt940-iban .iban-result{
  display:none;margin-top:4px;padding:18px;border:1px solid #cfe8d6;border-radius:14px;background:#f2faf4;
}
.pdfmt940-card.pdfmt940-iban .iban-result-title{
  font-family:"Bebas Neue",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  font-size:1.6rem;letter-spacing:.5px;color:#0a7a0a;margin-bottom:4px;
}
.pdfmt940-card.pdfmt940-iban .iban-result-text{color:#33434c;line-height:1.5;}
.pdfmt940-card.pdfmt940-iban .iban-result-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:14px;}
.pdfmt940-card.pdfmt940-iban .iban-result-actions .btn{text-align:center;}
.pdfmt940-card.pdfmt940-iban .iban-result-note{margin-top:10px;font-size:.9rem;color:var(--muted);white-space:pre-line;}
.pdfmt940-card.pdfmt940-iban .iban-result-note:empty{display:none;}

@media (max-width:560px){
  .pdfmt940-card.pdfmt940-iban .actions{flex-wrap:wrap;gap:10px;}
}

/* ---------- Generator ---------- */
.pdfmt940-card.pdfmt940-ibangen .ibangen-controls{
  display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:center;margin-bottom:18px;
}
.pdfmt940-card.pdfmt940-ibangen .ibangen-controls .btn{margin-left:14px;}
/* Hello Elementor kleurt button:focus paars (#c36); de knop houdt na een klik zijn eigen kleur */
.pdfmt940-card.pdfmt940-ibangen .ibangen-controls .btn-primary:focus,
.pdfmt940-card.pdfmt940-ibangen .ibangen-controls .btn-primary:active{background:var(--brand);color:#fff;}
.pdfmt940-card.pdfmt940-ibangen .ibangen-controls .btn-primary:hover{background:#2b91a8;color:#fff;}
.pdfmt940-card.pdfmt940-ibangen .ibangen-controls label{font-weight:700;color:var(--brand-dark);}
.pdfmt940-card.pdfmt940-ibangen .ibangen-controls select{
  border:2px solid var(--line);border-radius:12px;padding:10px 12px;background:#fff;color:var(--text);font-size:1rem;
}
.pdfmt940-card.pdfmt940-ibangen .ibangen-controls select:focus{border-color:var(--brand);outline:none;}

.pdfmt940-card.pdfmt940-ibangen .ibangen-list{list-style:none;margin:0;padding:0;display:grid;gap:8px;}
.pdfmt940-card.pdfmt940-ibangen .ibangen-item{
  display:flex;justify-content:space-between;align-items:center;gap:12px;
  border:1.5px solid var(--line);border-radius:10px;padding:10px 12px;
}
.pdfmt940-card.pdfmt940-ibangen .ibangen-iban{
  font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:1.08rem;letter-spacing:.5px;color:var(--brand-dark);
  overflow-wrap:anywhere;
}
.pdfmt940-card.pdfmt940-ibangen .ibangen-copy{padding:8px 12px;font-size:.9rem;white-space:nowrap;}
/* Idem voor de kopieerknoppen */
.pdfmt940-card.pdfmt940-ibangen .ibangen-copy:focus,
.pdfmt940-card.pdfmt940-ibangen .ibangen-copy:active{background:var(--brand-light);color:var(--brand-dark);}
.pdfmt940-card.pdfmt940-ibangen .ibangen-copy:hover{background:#cfe8fb;color:var(--brand-dark);}
.pdfmt940-card.pdfmt940-ibangen .ibangen-copy.is-copied{background:#cfe8d6;color:#0a5a0a;}
.pdfmt940-card.pdfmt940-ibangen .ibangen-note{margin:16px 0 0;font-size:.9rem;color:var(--muted);line-height:1.5;}