/* IJssel look + impact badges */
.ijs-wrap{ max-width: 95%; margin: 0 auto 28px; }
.ijs-title{ margin:0 0 10px; font-size:32px; line-height:1.2; font-weight:800; color:#6F2DA8; }
.ijs-sub{ margin:0 0 18px; color:#6c5aa1; }
.ijs-label{ display:block; font-weight:700; margin:16px 0 8px; color:#6F2DA8; }

/* Input veld */
.ijs-input {
  width: 100%;
  border: 1px solid #E8DDF9;
  background: #FBF8FF;
  font-size: 16px;
  outline: 0;
  box-sizing: border-box;
  transition: border-color .2s, background .2s;
  padding: 20px 22px;
  line-height: 1.4;
  border-radius: 0; /* geen afgeronde hoeken */
}
.ijs-input::placeholder{ color:#a792d9; }
.ijs-input:focus{ border-color:#C7B2F2; background:#fff; }

/* Buttons & actions */
.ijs-actions{ display:flex; gap:14px; margin-top:16px; align-items:center; flex-wrap:wrap; }
.ijs-btn{
  height:48px; padding:0 22px; border:1px solid #6F2DA8;
  font-weight:800; cursor:pointer; color:#fff;
  background:linear-gradient(90deg,#7E3AF2,#D946EF);
  border-radius:0; /* geen afgeronde hoeken */
}
.ijs-btn.-ghost{ background:#EFE7FB; color:#6F2DA8; border:1px solid #6F2DA8; }
.ijs-nocache{ user-select:none; color:#6b5c8a; font-size:14px; margin-left:6px; }

/* Resultaten sectie */
.ijs-result{ 
  margin-top:26px; 
  padding:40px; 
  border:1px solid #EEE6FA;
  background:#fff;
  border-radius:0; /* geen afgeronde hoeken */
}
.ijs-score{ display:inline-block; padding:8px 12px; font-size:14px; font-weight:800; background:#F5ECFF; color:#3a1e7e; margin-bottom:12px; border:1px solid #E8DDF9; border-radius:0; }

/* Badges */
.badge{ padding:6px 10px; font-size:12px; font-weight:700; background:#f1e9ff; color:#3d1e7f; border:1px solid #E8DDF9; border-radius:0; }
.badge.good{ background:#e9fff3; color:#197a3a; }
.badge.warn{ background:#fff6da; color:#8b6800; }
.badge.bad{  background:#ffe9ee; color:#a3002b; }
.badge.info{ background:#eef2ff; color:#334155; }

/* Loader */
.ijs-loader{ display:inline-block; width:18px; height:18px; border:3px solid #e8dcff; border-top-color:#8c4bff; border-radius:50%; animation:spin 1s linear infinite; vertical-align:middle; margin-left:8px; }
@keyframes spin{ to{ transform:rotate(360deg); } }

/* Table */
.ijs-tbl{
  width:100%;
  border-collapse:collapse; /* gewone tabel */
  font-size:14px;
  background:#fff;
}
.ijs-tbl thead th{
  text-align:left;
  color:#6b5c8a;
  font-weight:800;
  padding:12px 8px;
  border:1px solid #EEE6FA;
}
.ijs-tbl tbody td{
  padding:14px 12px;
  border:1px solid #EEE6FA;
  color:#2d1b5b;
  vertical-align:middle;
}
.ijs-tbl tbody tr:hover td{ background:#FBF9FF; }
.ijs-tbl .name{ font-weight:700; color:#2d1b5b; }
.ijs-reason{ margin-top:4px; font-size:12px; color:#6b5c8a; line-height:1.4; }

/* Bigger top conclusion banner */
.ijs-conclusion{ 
  margin: 6px 0 16px 0; 
  display:inline-block;
  padding: 14px 18px;
  font-size: 20px;
  font-weight: 900;
  background:#fff;
  border:1px solid #EEE6FA;
  border-radius:0; /* geen afgeronde hoeken */
}
.ijs-conclusion .badge{
  font-size: 18px;
  padding: 10px 16px;
  border-radius:0;
}

/* --- OVERRIDES --- */

/* Hard override voor input/textarea (ook type=search etc) */
.ijs-wrap input.ijs-input,
.ijs-wrap textarea.ijs-input {
  -webkit-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  box-sizing: border-box;

  padding: 20px 22px !important;
  height: auto !important;
  line-height: 1.4 !important;

  border:1px solid #E8DDF9;
  border-radius:0;
  background: #FBF8FF;
  font-size: 16px;
  outline: 0;
  transition: border-color .2s, background .2s;
}

/* Extra specifiek als Divi het nog overschrijft */
.ijs-wrap .et_pb_contact_form input.ijs-input,
.ijs-wrap .et_pb_contact_form textarea.ijs-input {
  padding: 20px 22px !important;
  height: auto !important;
  border-radius:0 !important;
}