/* ==========================================================================
   Jusoor — skin for the platform's own form pages (restaurant / rider sign-up).

   Pure restyle: it only overrides how the existing StackFood/Bootstrap markup
   LOOKS. No selector here changes layout flow, and nothing depends on the
   form's ids, names or JS hooks — those stay exactly as the platform ships them.
   Load order matters: this file must come after the admin theme.
   ========================================================================== */

body.jusoor-form-page{
  background:var(--j-cream);
  font-family:var(--j-body);
  color:var(--j-text);
}
body.jusoor-form-page h1,
body.jusoor-form-page h2,
body.jusoor-form-page h3,
body.jusoor-form-page h4,
body.jusoor-form-page h5{font-family:var(--j-display);color:var(--j-ink)}

/* the page's own top gap is replaced by the Jusoor hero */
body.jusoor-form-page .h-148px{height:0!important}
body.jusoor-form-page .section-gap{padding-block:0}

/* ---------- page shell ---------- */
.j-form-page{padding-block:0 96px}
.j-form-page .container{max-width:1200px}

/* ---------- step header ---------- */
.jusoor-form-page .step__header{
  margin-block-end:32px;text-align:center;
}
.jusoor-form-page .step__header .title{
  font-size:clamp(22px,3vw,30px);font-weight:800;margin-block-end:24px;color:var(--j-ink);
}
.jusoor-form-page .step__wrapper{
  display:flex;flex-wrap:wrap;justify-content:center;gap:10px;
  max-width:760px;margin-inline:auto;
}
/* the StackFood theme draws connector lines between the steps — drop them,
   the pills carry the state on their own */
.jusoor-form-page .step__wrapper::before,
.jusoor-form-page .step__wrapper::after,
.jusoor-form-page .step__item::before,
.jusoor-form-page .step__item::after{display:none!important;content:none!important}
.jusoor-form-page .step__item{
  display:inline-flex;align-items:center;gap:10px;
  padding:11px 22px;border-radius:var(--r-full);
  flex:0 0 auto;width:auto;max-width:none;min-width:0;margin:0;
  background:#fff;border:1px solid var(--j-line);
  font-family:var(--j-display);font-size:14px;font-weight:700;color:var(--j-muted);
  transition:all .25s var(--e-soft);
}
.jusoor-form-page .step__item .shapes{
  width:10px;height:10px;border-radius:50%;flex:none;
  background:var(--j-line-strong);transition:background .25s var(--e-soft);
}
.jusoor-form-page .step__item.current{
  background:linear-gradient(135deg,var(--j-orange),var(--j-orange-600));
  border-color:transparent;color:#fff;box-shadow:var(--sh-orange);
}
.jusoor-form-page .step__item.current .shapes{background:#fff}
.jusoor-form-page .step__item.active{
  background:var(--j-orange-100);border-color:rgba(247,111,3,.3);color:var(--j-orange-700);
}
.jusoor-form-page .step__item.active .shapes{background:var(--j-orange)}

/* ---------- cards ---------- */
.jusoor-form-page .card,
.jusoor-form-page .card.__card{
  background:#fff;border:1px solid var(--j-line);border-radius:var(--r-xl);
  box-shadow:var(--sh-1);
}
.jusoor-form-page .card-body{padding:clamp(20px,2.6vw,32px)}
.jusoor-form-page .card > h4,
.jusoor-form-page .card-body > h4{
  font-size:19px;font-weight:800;color:var(--j-ink);
  padding-block-end:14px;margin-block-end:22px;
  border-block-end:1px solid var(--j-line);position:relative;
}
.jusoor-form-page .card > h4::before,
.jusoor-form-page .card-body > h4::before{
  content:'';display:inline-block;width:8px;height:8px;border-radius:50%;
  background:var(--j-orange);margin-inline-end:11px;vertical-align:middle;
}
.jusoor-form-page .card-title{font-family:var(--j-display);font-weight:800}
.jusoor-form-page .register--title{font-size:clamp(21px,2.6vw,28px);font-weight:800}
.jusoor-form-page .bg-light{background:var(--j-cream)!important;border-radius:var(--r-md)}
.jusoor-form-page .border{border-color:var(--j-line)!important}
.jusoor-form-page .rounded-10,
.jusoor-form-page .rounded-8,
.jusoor-form-page .rounded{border-radius:var(--r-md)!important}

/* ---------- labels and inputs ---------- */
.jusoor-form-page .form-label{
  font-family:var(--j-display);font-size:13.5px;font-weight:700;
  color:var(--j-ink);margin-block-end:8px;
}
.jusoor-form-page .form-label .text-danger{color:var(--j-orange)!important}
.jusoor-form-page .form-group{margin-block-end:20px}

.jusoor-form-page .form-control,
.jusoor-form-page .form-control:focus,
.jusoor-form-page textarea.form-control,
.jusoor-form-page select.form-control,
.jusoor-form-page .bootstrap-tagsinput{
  font-family:var(--j-body);font-size:15.5px;color:var(--j-text);
  background:var(--j-cream);border:1px solid var(--j-line);
  border-radius:var(--r-sm);min-height:48px;padding:12px 16px;
  box-shadow:none;transition:border-color .18s var(--e-soft),box-shadow .18s var(--e-soft),background .18s;
}
.jusoor-form-page .form-control::placeholder{color:#9AA7AE}
.jusoor-form-page .form-control:focus,
.jusoor-form-page .bootstrap-tagsinput.focus{
  background:#fff;border-color:var(--j-orange);
  box-shadow:0 0 0 4px rgba(247,111,3,.14);outline:none;
}
.jusoor-form-page textarea.form-control{min-height:92px;line-height:1.8;resize:vertical}
.jusoor-form-page .form-control.min-h-35px{min-height:48px}
.jusoor-form-page .form-control.is-invalid,
.jusoor-form-page .form-control.error{border-color:#C0392B;background:#FFF5F4}

/* delivery-time group — three controls welded into one pill */
.jusoor-form-page .floating--date-inner{
  background:var(--j-cream);border:1px solid var(--j-line)!important;
  border-radius:var(--r-sm)!important;overflow:hidden;
}
.jusoor-form-page .floating--date-inner .form-control{
  background:transparent;border:0!important;border-radius:0!important;min-height:46px;
}
.jusoor-form-page .floating--date-inner .form-control:focus{box-shadow:none;background:#fff}
.jusoor-form-page .border-inline-start{border-inline-start:1px solid var(--j-line)!important}

/* ---------- select2 ---------- */
.jusoor-form-page .select2-container--default .select2-selection--single,
.jusoor-form-page .select2-container--default .select2-selection--multiple{
  background:var(--j-cream);border:1px solid var(--j-line)!important;
  border-radius:var(--r-sm);min-height:48px;padding:6px 10px;
}
.jusoor-form-page .select2-container--default.select2-container--focus .select2-selection--multiple,
.jusoor-form-page .select2-container--default.select2-container--open .select2-selection--single{
  border-color:var(--j-orange)!important;box-shadow:0 0 0 4px rgba(247,111,3,.14);background:#fff;
}
.jusoor-form-page .select2-container--default .select2-selection--single .select2-selection__rendered{
  line-height:34px;color:var(--j-text);padding-inline:4px;
}
.jusoor-form-page .select2-container--default .select2-selection--single .select2-selection__arrow{height:46px}
.jusoor-form-page .select2-container--default .select2-selection--multiple .select2-selection__choice{
  background:var(--j-orange-100);border:1px solid rgba(247,111,3,.26);
  color:var(--j-orange-700);border-radius:var(--r-full);
  padding:3px 12px;margin-block-start:5px;font-size:13.5px;font-weight:600;
}
.select2-dropdown{border-color:var(--j-line);border-radius:var(--r-sm);overflow:hidden}
.select2-container--default .select2-results__option--highlighted[aria-selected]{
  background:var(--j-orange)!important;
}

/* ---------- tags input ---------- */
.jusoor-form-page .bootstrap-tagsinput{display:block;width:100%}
.jusoor-form-page .bootstrap-tagsinput .tag{
  background:var(--j-orange-100);color:var(--j-orange-700);
  border:1px solid rgba(247,111,3,.26);border-radius:var(--r-full);
  padding:4px 12px;margin-inline-end:5px;font-size:13.5px;font-weight:600;
}

/* ---------- language tabs ---------- */
.jusoor-form-page .nav-tabs{border-block-end:1px solid var(--j-line);gap:4px}
.jusoor-form-page .nav-tabs .nav-link{
  border:0;border-radius:var(--r-sm) var(--r-sm) 0 0;
  font-family:var(--j-display);font-size:13.5px;font-weight:700;
  color:var(--j-muted);padding:9px 16px;background:transparent;
}
.jusoor-form-page .nav-tabs .nav-link:hover{color:var(--j-orange-600);background:var(--j-sand)}
.jusoor-form-page .nav-tabs .nav-link.active{
  color:var(--j-orange-700);background:var(--j-orange-100);
  box-shadow:inset 0 -3px 0 var(--j-orange);
}

/* ---------- map ---------- */
.jusoor-form-page .map_custom-controls{min-height:360px}
.jusoor-form-page #map{
  min-height:360px;border-radius:var(--r-md);overflow:hidden;
  border:1px solid var(--j-line);
}
.jusoor-form-page #pac-input{
  position:absolute;z-index:5;inset-block-start:12px;inset-inline:12px;
  width:calc(100% - 24px);height:46px;padding:10px 16px;
  background:#fff;border:1px solid var(--j-line);border-radius:var(--r-full);
  box-shadow:var(--sh-2);font-family:var(--j-body);font-size:14.5px;
}
.jusoor-form-page #pac-input:focus{outline:none;border-color:var(--j-orange)}
.jusoor-form-page .laglng-controller{
  position:absolute;z-index:5;inset-block-end:12px;inset-inline:12px;
  flex-wrap:wrap;background:transparent!important;
}
.jusoor-form-page #latlng{
  background:#fff;border:1px solid var(--j-line);border-radius:var(--r-full);
  padding:8px 16px;gap:8px;box-shadow:var(--sh-1);font-size:13px;
}
.jusoor-form-page #latlng input{background:transparent;font-size:13px;width:110px;color:var(--j-muted)}
.jusoor-form-page #outOfZone{
  background:#C0392B!important;border-radius:var(--r-full)!important;
  font-size:12.5px!important;padding:8px 14px!important;
}

/* ---------- image / document uploaders ---------- */
.jusoor-form-page .upload-file__wrapper{
  background:var(--j-cream);border:2px dashed var(--j-line-strong);
  border-radius:var(--r-md);transition:border-color .2s,background .2s;
}
.jusoor-form-page .upload-file__wrapper:hover{border-color:var(--j-orange);background:var(--j-sand)}
.jusoor-form-page .upload-file-textbox .text-primary,
.jusoor-form-page .upload-file-textbox .font-medium{color:var(--j-orange-700)!important}
.jusoor-form-page .document-upload-wrapper{
  background:var(--j-cream);border:2px dashed var(--j-line-strong);
  border-radius:var(--r-md);transition:border-color .2s,background .2s;
}
.jusoor-form-page .document-upload-wrapper:hover{border-color:var(--j-orange);background:var(--j-sand)}
.jusoor-form-page .document-upload-wrapper .textbox .font-semibold{color:var(--j-orange-700)}
.jusoor-form-page .icon-btn,
.jusoor-form-page .edit_btn,
.jusoor-form-page .remove_btn,
.jusoor-form-page .doc_edit_btn{border-radius:10px}

/* ---------- password field ---------- */
.jusoor-form-page .show-password{
  position:absolute;inset-block-start:50%;inset-inline-end:14px;
  transform:translateY(-50%);cursor:pointer;color:var(--j-muted);
}
.jusoor-form-page .show-password svg{width:19px;height:19px}
.jusoor-form-page .password-feedback{color:#C0392B;font-size:13px}
.jusoor-form-page .valid{color:var(--j-green)}

/* ---------- buttons ---------- */
.jusoor-form-page .btn{
  font-family:var(--j-display);font-weight:700;font-size:15px;
  border-radius:var(--r-full);padding:14px 30px;border:1px solid transparent;
  transition:transform .22s var(--e-out),box-shadow .22s var(--e-out),background .18s,color .18s;
}
.jusoor-form-page .btn:hover{transform:translateY(-2px)}
.jusoor-form-page .btn--primary,
.jusoor-form-page .btn.btn--primary{
  background:linear-gradient(135deg,var(--j-orange),var(--j-orange-600))!important;
  color:#fff!important;box-shadow:var(--sh-orange);
}
.jusoor-form-page .btn--primary:hover{box-shadow:0 16px 38px rgba(247,111,3,.36)}
.jusoor-form-page .btn--primary:disabled,
.jusoor-form-page .btn--primary[disabled]{
  background:var(--j-line-strong)!important;box-shadow:none;transform:none;cursor:not-allowed;
}
.jusoor-form-page .btn--reset,
.jusoor-form-page .btn.btn--reset{
  background:transparent!important;color:var(--j-ink)!important;
  border-color:var(--j-line-strong)!important;
}
.jusoor-form-page .btn--reset:hover{background:var(--j-ink)!important;color:#fff!important}

/* ---------- business-plan cards ---------- */
.jusoor-form-page .plan-check-item{display:block;cursor:pointer;height:100%}
.jusoor-form-page .plan-check-item-inner{
  height:100%;background:#fff;border:2px solid var(--j-line);
  border-radius:var(--r-lg);padding:26px 24px;
  transition:border-color .22s var(--e-soft),box-shadow .22s var(--e-soft),transform .22s var(--e-out);
}
.jusoor-form-page .plan-check-item:hover .plan-check-item-inner{
  border-color:rgba(247,111,3,.4);transform:translateY(-3px);box-shadow:var(--sh-2);
}
.jusoor-form-page .plan-check-item input:checked + .plan-check-item-inner{
  border-color:var(--j-orange);box-shadow:var(--sh-orange);
}
.jusoor-form-page .plan-check-item-inner h5{font-size:18px;margin-block-end:10px}
.jusoor-form-page .plan-check-item-inner p{font-size:14.5px;color:var(--j-muted);line-height:1.8;margin:0}
.jusoor-form-page .plan-check-item-inner ul li{
  display:flex;align-items:center;gap:9px;margin-block-end:9px;font-size:14.5px;
}
.jusoor-form-page .plan-check-item-inner ul li .check-white{display:none}

/* ---------- intl-tel-input in RTL ---------- */
.jusoor-form-page .iti{width:100%;display:block}
.jusoor-form-page .iti--allow-dropdown input{padding-inline-start:52px!important}
.jusoor-form-page .iti__flag-container{inset-inline-start:0;inset-inline-end:auto;direction:ltr}
.jusoor-form-page .iti__country-list{text-align:start;direction:ltr}
.jusoor-form-page input[type="tel"]{direction:ltr;text-align:start}
.jusoor-form-page input[type="email"]{direction:ltr;text-align:start}

/* ---------- toastr ---------- */
#toast-container > div{border-radius:var(--r-sm);font-family:var(--j-body);box-shadow:var(--sh-3)}

/* ---------- small screens ---------- */
@media (max-width:991px){
  .jusoor-form-page .map_custom-controls,
  .jusoor-form-page #map{min-height:300px}
}
@media (max-width:640px){
  .j-form-page{padding-block:0 64px}
  .jusoor-form-page .step__item{padding:9px 14px;font-size:12.5px}
  .jusoor-form-page .card-body{padding:18px}
  .jusoor-form-page .btn{width:100%;padding:14px 22px}
  .jusoor-form-page .text-end.d-flex{flex-direction:column-reverse}
  .jusoor-form-page #latlng input{width:88px}
}