/* Container (optioneel, zoals Instagram form layout) */
.form-group {
  margin-bottom: 12px;
}

/* Basis input stijl */
.ig-input {
  width: 100%;
  padding: 10px 12px;
  font-size: 14px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI",
               Roboto, Helvetica, Arial, sans-serif;
  color: #262626;

  background-color: #fafafa;
  border: 1px solid #dbdbdb;
  border-radius: 6px;

  outline: none;
  box-sizing: border-box;
  transition: border-color 0.15s ease-in-out;
}

/* Focus effect */
.ig-input:focus {
  border-color: #a8a8a8;
  background-color: #ffffff;
}

/* Placeholder stijl */
.ig-input::placeholder {
  color: #8e8e8e;
  font-weight: 400;
}

/* Disabled input */
.ig-input:disabled {
  background-color: #efefef;
  color: #b0b0b0;
  cursor: not-allowed;
}

/* Foutstatus (optioneel) */
.ig-input.error {
  border-color: #ed4956; /* Instagram rood */
}

/* Successtatus (optioneel) */
.ig-input.success {
  border-color: #2ecc71;
}
.ig-input-wrapper {
  position: relative;
}

.ig-input-wrapper .ig-input {
  padding-right: 42px; /* ruimte maken voor het oog-icoon */
}

.ig-eye {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);

  height: 22px;
  cursor: pointer;
  opacity: 0.6;
}

.ig-eye:hover {
  opacity: 1;
}
.clickable{
     cursor: pointer;
}