/*
 * JobLik 0.31.13 — onboarding numbering, action toggles and desktop detail tuning.
 */
@media (min-width:700px){
 /* A plain number at the start of the first title line; no dash or "مرحله". */
 .scw-welcome-steps b{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:7px!important;
  width:100%!important;
  direction:rtl!important;
 }
 .scw-welcome-steps .scw-step-number{
  display:inline-grid!important;
  place-items:center!important;
  flex:0 0 22px!important;
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  margin:0!important;
  padding:0!important;
  border-radius:6px!important;
  background:#fff2e7!important;
  color:#d85600!important;
  font-size:11px!important;
  font-weight:900!important;
  line-height:1!important;
 }
 .scw-welcome-steps .scw-step-name{
  display:block!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  color:#f06a00!important;
  font-size:15px!important;
  font-weight:900!important;
  line-height:1.55!important;
 }

 /* The activation checkbox always belongs inside the upper-right corner. */
 [data-scw-step="3"] .scw-action-item{
  position:relative!important;
  padding:11px 46px 10px 11px!important;
  overflow:hidden!important;
 }
 [data-scw-step="3"] .scw-action-item>.scw-switch{
  position:absolute!important;
  z-index:20!important;
  top:12px!important;
  right:12px!important;
  bottom:auto!important;
  left:auto!important;
  display:block!important;
  grid-column:auto!important;
  grid-row:auto!important;
  width:22px!important;
  min-width:22px!important;
  max-width:22px!important;
  height:22px!important;
  min-height:22px!important;
  max-height:22px!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
 }
 [data-scw-step="3"] .scw-action-item>.scw-switch>input[data-action-toggle]{
  position:absolute!important;
  top:0!important;
  right:0!important;
  bottom:auto!important;
  left:auto!important;
  display:block!important;
  width:22px!important;
  min-width:22px!important;
  max-width:22px!important;
  height:22px!important;
  min-height:22px!important;
  max-height:22px!important;
  margin:0!important;
  padding:0!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  accent-color:#f97316!important;
 }

 /* Restore readable section labels. */
 [data-scw-step="4"] .scw-section-title small,
 [data-scw-step="5"] .scw-section-title small,
 [data-scw-step="6"] .scw-section-title small{
  display:block!important;
  margin-bottom:3px!important;
  color:#d85600!important;
  font-size:13px!important;
  font-weight:900!important;
  line-height:1.5!important;
 }

 /* Keep the final amount prominent but not oversized. */
 [data-scw-step="5"] [data-final-price]{
  font-size:20px!important;
  line-height:1.45!important;
 }

 /* Secondary footer actions: larger hit area with a visible orange frame. */
 .scw-actions>button.secondary,
 .scw-actions .scw-help-button,
 .scw-actions [data-safe-exit]{
  min-width:78px!important;
  min-height:46px!important;
  height:46px!important;
  padding:0 15px!important;
  border:1.5px solid #f97316!important;
  border-radius:11px!important;
  background:#fffaf5!important;
  color:#b84f00!important;
  font-size:11px!important;
  font-weight:900!important;
 }
 .scw-action-center{
  gap:9px!important;
 }
}

@media (max-width:699px){
 .scw-welcome-steps b{
  display:flex!important;
  align-items:flex-start!important;
  gap:6px!important;
 }
 .scw-welcome-steps .scw-step-number{
  display:inline-grid!important;
  place-items:center!important;
  flex:0 0 21px!important;
  width:21px!important;
  height:21px!important;
  border-radius:6px!important;
  background:#fff2e7!important;
  color:#d85600!important;
  font-size:11px!important;
  line-height:1!important;
 }
 .scw-welcome-steps .scw-step-name{
  color:#f06a00!important;
 }
}