/* Tasjil Quick Registration UX v1.0.2
   Scoped to the public Quick Registration Forminator form only. */

.tasjil-quick-registration-form{
  --tq-navy:#153b63;
  --tq-navy-2:#234f79;
  --tq-gold:#d7a844;
  --tq-gold-soft:#fff8e8;
  --tq-border:#dde7f0;
  --tq-muted:#75869a;
  --tq-bg:#fbfdff;
}

/* Every visible Forminator field becomes a clean, lightweight card. */
.tasjil-quick-registration-form .tasjil-form-field-card{
  position:relative;
  margin-bottom:12px!important;
  padding:14px 15px!important;
  border:1px solid var(--tq-border)!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,#ffffff 0%,#fbfdff 100%)!important;
  box-shadow:0 6px 20px rgba(18,53,88,.045)!important;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}

.tasjil-quick-registration-form .tasjil-form-field-card:focus-within{
  border-color:#b7c9db!important;
  box-shadow:0 0 0 4px rgba(44,86,126,.07),0 10px 26px rgba(18,53,88,.07)!important;
  transform:translateY(-1px);
}

.tasjil-quick-registration-form .forminator-label,
.tasjil-quick-registration-form .tasjil-form-field-card > label,
.tasjil-quick-registration-form label.forminator-label{
  display:block!important;
  margin:0 0 8px!important;
  color:#294865!important;
  font-size:14px!important;
  font-weight:750!important;
  line-height:1.7!important;
}

.tasjil-quick-registration-form .forminator-required{
  color:#c68b16!important;
}

.tasjil-quick-registration-form .tasjil-form-control,
.tasjil-quick-registration-form .forminator-input,
.tasjil-quick-registration-form .forminator-textarea,
.tasjil-quick-registration-form .forminator-select,
.tasjil-quick-registration-form select.forminator-select--field{
  width:100%!important;
  min-height:50px!important;
  border:1px solid #d8e3ed!important;
  border-radius:12px!important;
  background:#fbfdff!important;
  color:#17324f!important;
  font-size:15.5px!important;
  line-height:1.55!important;
  padding:11px 14px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75)!important;
  outline:none!important;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease!important;
}

.tasjil-quick-registration-form textarea.tasjil-form-control,
.tasjil-quick-registration-form .forminator-textarea{
  min-height:116px!important;
  resize:vertical;
}

.tasjil-quick-registration-form .tasjil-form-control:focus,
.tasjil-quick-registration-form .forminator-input:focus,
.tasjil-quick-registration-form .forminator-textarea:focus,
.tasjil-quick-registration-form .forminator-select:focus,
.tasjil-quick-registration-form select.forminator-select--field:focus{
  border-color:#9db5cb!important;
  background:#fff!important;
  box-shadow:0 0 0 4px rgba(43,86,127,.08)!important;
}

.tasjil-quick-registration-form input::placeholder,
.tasjil-quick-registration-form textarea::placeholder{
  color:#a5b1bf!important;
  opacity:1!important;
}

/* Forminator Select2 / searchable selects. */
.tasjil-quick-registration-form .select2-container,
.tasjil-quick-registration-form .forminator-select2{
  width:100%!important;
}

.tasjil-quick-registration-form .select2-container .select2-selection--single,
.tasjil-quick-registration-form .select2-container .select2-selection--multiple{
  min-height:50px!important;
  border:1px solid #d8e3ed!important;
  border-radius:12px!important;
  background:#fbfdff!important;
  box-shadow:none!important;
}

.tasjil-quick-registration-form .select2-container .select2-selection--single .select2-selection__rendered{
  min-height:48px!important;
  display:flex!important;
  align-items:center!important;
  padding-inline:14px 38px!important;
  color:#17324f!important;
  font-size:15px!important;
}

.tasjil-quick-registration-form .select2-container .select2-selection--single .select2-selection__arrow{
  height:48px!important;
  inset-inline-end:8px!important;
}

/* Radio / checkbox options. */
.tasjil-quick-registration-form .forminator-checkbox,
.tasjil-quick-registration-form .forminator-radio{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin:7px 0!important;
  padding:8px 10px!important;
  border-radius:10px!important;
  transition:background .15s ease!important;
}

.tasjil-quick-registration-form .forminator-checkbox:hover,
.tasjil-quick-registration-form .forminator-radio:hover{
  background:#f5f9fc!important;
}

.tasjil-quick-registration-form .forminator-checkbox-box,
.tasjil-quick-registration-form .forminator-radio-bullet{
  border-color:#b9cad9!important;
  box-shadow:none!important;
}

/* File upload fields. */
.tasjil-quick-registration-form .forminator-file-upload,
.tasjil-quick-registration-form .forminator-upload{
  border:1px dashed #b9cada!important;
  border-radius:12px!important;
  background:#f8fbfe!important;
  padding:12px!important;
}

/* Messages and descriptions feel part of the same visual system. */
.tasjil-quick-registration-form .forminator-description,
.tasjil-quick-registration-form .forminator-error-message,
.tasjil-quick-registration-form .forminator-response-message{
  font-size:12.5px!important;
  line-height:1.75!important;
  border-radius:10px!important;
}

/* Password introduction remains visually distinct. */
.tasjil-quick-registration-form .tasjil-password-section-head{
  direction:rtl;
  display:flex;
  align-items:center;
  gap:14px;
  margin:24px 0 14px;
  padding:18px 20px;
  border:1px solid #e3d8b9;
  border-radius:20px;
  background:
    radial-gradient(circle at 8% 10%,rgba(220,166,60,.13),transparent 30%),
    linear-gradient(135deg,#fffdf8 0%,#ffffff 58%,#f7fbff 100%);
  box-shadow:0 12px 34px rgba(19,51,83,.07);
}

.tasjil-quick-registration-form .tasjil-password-section-icon{
  flex:0 0 48px;
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border-radius:15px;
  color:#173d68;
  background:linear-gradient(145deg,#f7d783,#e4aa33);
  box-shadow:0 8px 18px rgba(188,136,35,.22);
  font-size:22px;
  font-weight:800;
}

.tasjil-quick-registration-form .tasjil-password-section-copy{
  min-width:0;
}

.tasjil-quick-registration-form .tasjil-password-section-copy strong{
  display:block;
  margin:0;
  color:#12375f;
  font-size:19px;
  font-weight:800;
  line-height:1.7;
}

.tasjil-quick-registration-form .tasjil-password-section-copy p{
  margin:3px 0 0!important;
  color:#718196!important;
  font-size:13.5px!important;
  line-height:1.8!important;
}

.tasjil-quick-registration-form .tasjil-password-field-card{
  border-color:#eadfc2!important;
  background:linear-gradient(145deg,#fffef9 0%,#ffffff 100%)!important;
}

.tasjil-quick-registration-form .tasjil-password-field-card:focus-within{
  border-color:var(--tq-gold)!important;
  box-shadow:0 0 0 4px rgba(212,164,64,.10),0 10px 26px rgba(19,51,83,.07)!important;
}

.tasjil-quick-registration-form .tsp-pw-input-wrap{
  position:relative!important;
}

.tasjil-quick-registration-form .tsp-pw-toggle{
  position:absolute!important;
  inset-inline-end:8px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  min-width:58px!important;
  height:34px!important;
  padding:0 10px!important;
  border:1px solid #d9e3ed!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#28557f!important;
  font-size:12px!important;
  font-weight:700!important;
  cursor:pointer!important;
}

.tasjil-quick-registration-form .tsp-pw-input-wrap input{
  padding-inline-end:76px!important;
}

.tasjil-quick-registration-form .tsp-pw-feedback{
  margin-top:7px!important;
  padding-inline:2px!important;
  color:#78879a!important;
  font-size:12px!important;
  line-height:1.6!important;
}

.tasjil-quick-registration-form .tsp-pw-feedback.is-strong{ color:#17804b!important; }
.tasjil-quick-registration-form .tsp-pw-feedback.is-weak{ color:#b64c47!important; }

/* Submit CTA: polished but still compatible with Forminator behavior. */
.tasjil-quick-registration-form .forminator-button-submit{
  min-height:52px!important;
  border:0!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,var(--tq-navy),var(--tq-navy-2))!important;
  box-shadow:0 10px 24px rgba(21,59,99,.18)!important;
  font-size:15px!important;
  font-weight:800!important;
  transition:transform .16s ease,box-shadow .16s ease!important;
}

.tasjil-quick-registration-form .forminator-button-submit:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 13px 28px rgba(21,59,99,.23)!important;
}

@media(max-width:600px){
  .tasjil-quick-registration-form .tasjil-form-field-card{
    padding:12px!important;
    border-radius:14px!important;
  }

  .tasjil-quick-registration-form .tasjil-password-section-head{
    align-items:flex-start;
    padding:15px;
    border-radius:17px;
    gap:11px;
  }

  .tasjil-quick-registration-form .tasjil-password-section-icon{
    flex-basis:42px;
    width:42px;
    height:42px;
    border-radius:13px;
  }

  .tasjil-quick-registration-form .tasjil-password-section-copy strong{
    font-size:17px;
  }

  .tasjil-quick-registration-form .tasjil-form-control,
  .tasjil-quick-registration-form .forminator-input,
  .tasjil-quick-registration-form .forminator-textarea,
  .tasjil-quick-registration-form .forminator-select,
  .tasjil-quick-registration-form select.forminator-select--field{
    font-size:16px!important;
  }
}