/*
 * Injazat Framework v1.9.8 — SaaS Minimal form system
 * Visual target: premium white SaaS enquiry card with a compact value panel,
 * light blue controls, navy typography, blue full-width CTA, and responsive RTL.
 */
:root{
  --ij-form-blue:#0877f5;
  --ij-form-blue-deep:#0564dd;
  --ij-form-navy:#0d2a52;
  --ij-form-text:#244466;
  --ij-form-muted:#7890aa;
  --ij-form-line:#c9dbea;
  --ij-form-soft:#f8fbfe;
  --ij-form-focus:rgba(8,119,245,.13);
  --ij-form-danger:#ee3c52;
}

/* Native Injazat enquiry form — exact SaaS Minimal composition. */
.ij-demo-form.ij-saas-form{
  position:relative;
  width:100%;
  max-width:1240px;
  margin:32px auto 0;
  padding:0!important;
  border:1px solid rgba(196,216,233,.78)!important;
  border-radius:24px!important;
  background:
    radial-gradient(circle at 4% 18%,rgba(92,183,255,.08),transparent 28%),
    radial-gradient(circle at 96% 86%,rgba(64,163,245,.07),transparent 30%),
    #fff!important;
  box-shadow:0 24px 72px rgba(19,62,102,.11)!important;
  overflow:hidden;
  isolation:isolate;
}
.ij-demo-form.ij-saas-form::before,
.ij-demo-form.ij-saas-form::after{
  content:"";
  position:absolute;
  z-index:-1;
  pointer-events:none;
  border-radius:999px;
  background:rgba(45,147,244,.055);
  filter:blur(.2px);
}
.ij-demo-form.ij-saas-form::before{width:210px;height:210px;inset-inline-start:-135px;top:112px}
.ij-demo-form.ij-saas-form::after{width:190px;height:190px;inset-inline-end:-128px;bottom:-75px}
.ij-saas-form-layout{
  display:grid;
  grid-template-columns:minmax(250px,.58fr) minmax(0,1.55fr);
  gap:0;
  min-height:535px;
}
.ij-form-intro{
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:42px 34px 32px 48px;
  color:var(--ij-form-navy);
  border-inline-end:1px solid rgba(213,227,239,.72);
  background:linear-gradient(145deg,rgba(255,255,255,.84),rgba(246,251,255,.72));
}
html[dir=rtl] .ij-form-intro{padding:42px 48px 32px 34px}
.ij-form-kicker{
  margin:0 0 25px!important;
  color:#55779b!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1.4!important;
  letter-spacing:.15em!important;
  text-transform:uppercase;
}
html[dir=rtl] .ij-form-kicker{letter-spacing:0!important}
.ij-form-kicker span{padding-inline:4px;color:var(--ij-form-blue)}
.ij-form-heading{
  display:grid;
  gap:0;
  margin:0 0 19px!important;
  color:var(--ij-form-navy)!important;
  font-size:clamp(39px,4.2vw,56px)!important;
  font-weight:850!important;
  line-height:.98!important;
  letter-spacing:-.045em!important;
}
html[dir=rtl] .ij-form-heading{font-size:clamp(38px,4vw,52px)!important;line-height:1.18!important;letter-spacing:0!important}
.ij-form-heading>span{display:block}
.ij-form-heading-accent{color:var(--ij-form-blue)!important}
.ij-form-intro-copy{
  max-width:250px;
  margin:0 0 24px!important;
  color:var(--ij-form-text)!important;
  font-size:14px!important;
  line-height:1.55!important;
}
.ij-form-benefits{
  display:grid;
  gap:14px;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
  color:var(--ij-form-text);
  font-size:13px;
  font-weight:600;
}
.ij-form-benefits li{display:flex;align-items:center;gap:12px;margin:0!important;padding:0!important}
.ij-form-check{
  display:grid;
  flex:0 0 20px;
  place-items:center;
  width:20px;
  height:20px;
  border:2px solid var(--ij-form-blue);
  border-radius:50%;
  color:var(--ij-form-blue);
  font-size:11px;
  font-weight:900;
  line-height:1;
}
.ij-form-divider{width:50px;height:1px;margin-top:auto;margin-bottom:22px;background:#b9d1e4}
.ij-form-signoff{margin:0!important;color:#7d94ae!important;font-size:12px!important;line-height:1.42!important}
.ij-form-panel{
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:39px 45px 31px 33px;
  background:rgba(255,255,255,.76);
}
html[dir=rtl] .ij-form-panel{padding:39px 33px 31px 45px}
.ij-demo-form .form-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:19px 17px!important;
}
.ij-demo-form .ij-form-field{
  position:relative;
  display:block!important;
  min-width:0;
  margin:0!important;
  color:var(--ij-form-navy)!important;
  font-size:12px!important;
  font-weight:780!important;
  line-height:1.35!important;
  text-transform:capitalize;
}
html[dir=rtl] .ij-demo-form .ij-form-field{text-transform:none}
.ij-demo-form .ij-form-field--wide{grid-column:1/-1}
.ij-demo-form .ij-required{color:var(--ij-form-danger)!important;font-size:12px;font-weight:850}
.ij-demo-form .ij-form-field :is(input:not([type=checkbox]):not([type=radio]),select,textarea){
  width:100%!important;
  min-width:0!important;
  min-height:54px!important;
  margin:7px 0 0!important;
  padding:12px 15px 12px 46px!important;
  border:1px solid var(--ij-form-line)!important;
  border-radius:10px!important;
  outline:0!important;
  background-color:rgba(250,252,254,.94)!important;
  background-repeat:no-repeat!important;
  background-position:16px center!important;
  background-size:17px 17px!important;
  box-shadow:inset 0 1px 2px rgba(15,42,82,.025)!important;
  color:var(--ij-form-navy)!important;
  font:inherit!important;
  font-size:13px!important;
  font-weight:500!important;
  line-height:1.45!important;
  transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease,transform .18s ease!important;
}
html[dir=rtl] .ij-demo-form .ij-form-field :is(input:not([type=checkbox]):not([type=radio]),select,textarea):not([dir=ltr]){
  padding-right:46px!important;
  padding-left:15px!important;
  background-position:right 16px center!important;
}
.ij-demo-form .ij-form-field input[dir=ltr]{text-align:left}
.ij-demo-form .ij-form-field textarea{
  min-height:92px!important;
  resize:vertical;
  padding-top:14px!important;
  background-position:16px 15px!important;
}
html[dir=rtl] .ij-demo-form .ij-form-field textarea:not([dir=ltr]){background-position:right 16px top 15px!important}
.ij-demo-form .ij-form-field :is(input,select,textarea)::placeholder{color:#8ba1b9!important;opacity:1}
.ij-demo-form .ij-form-field :is(input:not([type=checkbox]):not([type=radio]),select,textarea):hover{border-color:#b2cce0!important;background-color:#fff!important}
.ij-demo-form .ij-form-field :is(input:not([type=checkbox]):not([type=radio]),select,textarea):focus{
  border-color:#77afe8!important;
  background-color:#fff!important;
  box-shadow:0 0 0 4px var(--ij-form-focus)!important;
}

/* Inline SVG field icons. */
.ij-demo-form .ij-form-field--person :is(input,select,textarea){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%231a3b63' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21a8 8 0 0 0-16 0'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E")!important}
.ij-demo-form .ij-form-field--email :is(input,select,textarea){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%231a3b63' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3C/svg%3E")!important}
.ij-demo-form .ij-form-field--phone :is(input,select,textarea){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%231a3b63' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.79 19.79 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.12.9.33 1.78.62 2.63a2 2 0 0 1-.45 2.11L8 9.73a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.85.29 1.73.5 2.63.62A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E")!important}
.ij-demo-form .ij-form-field--company :is(input,select,textarea),
.ij-demo-form .ij-form-field--job :is(input,select,textarea){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%231a3b63' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='7' width='18' height='13' rx='2'/%3E%3Cpath d='M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2M3 12h18M10 12v2h4v-2'/%3E%3C/svg%3E")!important}
.ij-demo-form .ij-form-field--select :is(input,select,textarea){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%231a3b63' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E")!important}
.ij-demo-form .ij-form-field--message :is(input,select,textarea){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%231a3b63' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a4 4 0 0 1-4 4H8l-5 3V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4z'/%3E%3Cpath d='M8 9h8M8 13h5'/%3E%3C/svg%3E")!important}

.ij-demo-form .privacy-check{
  display:flex!important;
  align-items:flex-start!important;
  gap:11px!important;
  margin:18px 0 15px!important;
  color:#526d88!important;
  font-size:11px!important;
  font-weight:550!important;
  line-height:1.55!important;
}
.ij-demo-form .privacy-check input[type=checkbox]{
  appearance:none;
  -webkit-appearance:none;
  flex:0 0 17px;
  width:17px!important;
  height:17px!important;
  margin:1px 0 0!important;
  border:1.5px solid #7896b5!important;
  border-radius:3px!important;
  background:#fff!important;
  box-shadow:none!important;
  cursor:pointer;
}
.ij-demo-form .privacy-check input[type=checkbox]:checked{
  border-color:var(--ij-form-blue)!important;
  background:var(--ij-form-blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 4 4L19 6'/%3E%3C/svg%3E") center/13px 13px no-repeat!important;
}
.ij-demo-form .privacy-check input[type=checkbox]:focus-visible{outline:0!important;box-shadow:0 0 0 4px var(--ij-form-focus)!important}
.ij-demo-form .privacy-check a{color:#006ef0!important;text-decoration:underline;text-underline-offset:2px}
.ij-demo-form .ij-form-submit{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  width:100%!important;
  min-height:54px!important;
  margin:0!important;
  padding:12px 22px!important;
  border:0!important;
  border-radius:12px!important;
  background:linear-gradient(135deg,var(--ij-form-blue),#0571e9 60%,#0069e5)!important;
  box-shadow:0 14px 26px rgba(5,106,226,.22)!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1.2!important;
  text-decoration:none!important;
  cursor:pointer;
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease!important;
}
.ij-demo-form .ij-form-submit:hover{transform:translateY(-1px)!important;box-shadow:0 17px 32px rgba(5,106,226,.27)!important;filter:saturate(1.05)!important}
.ij-demo-form .ij-form-submit:active{transform:translateY(0)!important}
.ij-demo-form .ij-form-submit:focus-visible{outline:3px solid rgba(8,119,245,.28)!important;outline-offset:3px!important}
.ij-demo-form .ij-form-submit-icon{font-size:19px;font-weight:500;line-height:1;transform:rotate(-7deg)}
html[dir=rtl] .ij-demo-form .ij-form-submit-icon{transform:scaleX(-1) rotate(-7deg)}
.ij-demo-form .form-status{
  min-height:1.25em!important;
  margin:10px 0 0!important;
  color:#3e617f!important;
  font-size:12px!important;
  text-align:center;
}
.ij-demo-form noscript{display:block;margin-top:8px;color:#6d849a;font-size:12px;text-align:center}
.ij-demo-form .honey{position:absolute!important;inset:auto auto auto -10000px!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important}

/* Let the form use the wide reference composition in every frontend section. */
.section-form .container{max-width:1280px!important}
.ref-contact .ref-contact-grid{grid-template-columns:1fr!important;gap:28px!important}
.ref-contact .ref-cards-contact{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
.ref-contact .ref-cards-contact .ref-card{padding:18px 20px!important;border:1px solid #dce7f0!important;border-radius:14px!important;background:rgba(255,255,255,.72)!important}
.ref-contact .ref-contact-form{min-width:0;width:100%}
.ref-contact .ij-demo-form,
body.ij-premium-home .ref-contact .ij-demo-form{max-width:1240px!important;width:100%!important;margin:0 auto!important;padding:0!important;border-radius:24px!important}

/* Other frontend forms inherit the same visual language without changing their DOM or submit logic. */
main :where(.ij-clone-content,.ref-page-prose,.prose,.ij-portable-dialog-content) form:not(.ij-demo-form):not(.search-form),
main form.comment-form,
main form.post-password-form,
main .wpcf7 form,
main .wpforms-form,
main .gform_wrapper form,
main .forminator-ui form,
main form.elementor-form{
  padding:28px!important;
  border:1px solid rgba(196,216,233,.85)!important;
  border-radius:20px!important;
  background:linear-gradient(145deg,#fff,#f9fcff)!important;
  box-shadow:0 20px 54px rgba(19,62,102,.09)!important;
}
main :where(.ij-clone-content,.ref-page-prose,.prose,.ij-portable-dialog-content) form:not(.ij-demo-form):not(.search-form) :is(input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]),select,textarea),
main :where(.wpcf7,.wpforms-form,.gform_wrapper,.forminator-ui,form.elementor-form) :is(input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]),select,textarea),
main form.comment-form :is(input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]),select,textarea){
  width:100%!important;
  min-height:52px!important;
  padding:12px 15px!important;
  border:1px solid var(--ij-form-line)!important;
  border-radius:10px!important;
  background:#fbfdff!important;
  color:var(--ij-form-navy)!important;
  box-shadow:none!important;
}
main :where(.ij-clone-content,.ref-page-prose,.prose,.ij-portable-dialog-content) form:not(.ij-demo-form):not(.search-form) textarea,
main :where(.wpcf7,.wpforms-form,.gform_wrapper,.forminator-ui,form.elementor-form) textarea,
main form.comment-form textarea{min-height:110px!important;resize:vertical}
main :where(.ij-clone-content,.ref-page-prose,.prose,.ij-portable-dialog-content) form:not(.ij-demo-form):not(.search-form) :is(input,select,textarea):focus,
main :where(.wpcf7,.wpforms-form,.gform_wrapper,.forminator-ui,form.elementor-form) :is(input,select,textarea):focus,
main form.comment-form :is(input,select,textarea):focus{outline:0!important;border-color:#77afe8!important;box-shadow:0 0 0 4px var(--ij-form-focus)!important}
main :where(.ij-clone-content,.ref-page-prose,.prose,.ij-portable-dialog-content) form:not(.ij-demo-form):not(.search-form) :is(button,[type=submit],.button),
main :where(.wpcf7,.wpforms-form,.gform_wrapper,.forminator-ui,form.elementor-form) :is(button,[type=submit],.elementor-button),
main form.comment-form :is(button,[type=submit]){
  min-height:50px!important;
  padding:12px 24px!important;
  border:0!important;
  border-radius:11px!important;
  background:linear-gradient(135deg,var(--ij-form-blue),var(--ij-form-blue-deep))!important;
  box-shadow:0 12px 24px rgba(5,106,226,.18)!important;
  color:#fff!important;
  font-weight:800!important;
}

@media(max-width:900px){
  .ij-saas-form-layout{grid-template-columns:1fr}
  .ij-form-intro{padding:34px 34px 28px;border-inline-end:0;border-bottom:1px solid rgba(213,227,239,.8)}
  html[dir=rtl] .ij-form-intro{padding:34px 34px 28px}
  .ij-form-heading{display:flex;flex-wrap:wrap;gap:.2em;font-size:clamp(34px,7vw,48px)!important;line-height:1.05!important}
  html[dir=rtl] .ij-form-heading{line-height:1.25!important}
  .ij-form-intro-copy{max-width:620px}
  .ij-form-benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 18px}
  .ij-form-divider{margin-top:28px}
  .ij-form-panel,html[dir=rtl] .ij-form-panel{padding:30px 34px 32px}
}
@media(max-width:680px){
  .ij-demo-form.ij-saas-form{margin-top:22px;border-radius:18px!important}
  .ij-form-intro,html[dir=rtl] .ij-form-intro{padding:28px 22px 24px}
  .ij-form-kicker{margin-bottom:17px!important}
  .ij-form-heading{font-size:38px!important;margin-bottom:15px!important}
  .ij-form-benefits{grid-template-columns:1fr;gap:10px}
  .ij-form-divider{margin-top:22px;margin-bottom:16px}
  .ij-form-panel,html[dir=rtl] .ij-form-panel{padding:25px 20px 24px}
  .ij-demo-form .form-grid{grid-template-columns:1fr!important;gap:15px!important}
  .ij-demo-form .ij-form-field--wide{grid-column:auto}
  .ij-demo-form .ij-form-field :is(input:not([type=checkbox]):not([type=radio]),select,textarea){min-height:52px!important}
  .ij-demo-form .ij-form-field textarea{min-height:105px!important}
  .ij-demo-form .privacy-check{font-size:10.5px!important}
  .ij-demo-form .ij-form-submit{min-height:52px!important}
  .ref-contact .ref-cards-contact{grid-template-columns:1fr!important}
  main :where(.ij-clone-content,.ref-page-prose,.prose,.ij-portable-dialog-content) form:not(.ij-demo-form):not(.search-form),
  main form.comment-form,
  main form.post-password-form,
  main .wpcf7 form,
  main .wpforms-form,
  main .gform_wrapper form,
  main .forminator-ui form,
  main form.elementor-form{padding:20px!important;border-radius:16px!important}
}
@media(prefers-reduced-motion:reduce){
  .ij-demo-form .ij-form-field :is(input,select,textarea),.ij-demo-form .ij-form-submit{transition:none!important}
}