.elementor-1901 .elementor-element.elementor-element-52195eb{--display:flex;--overlay-opacity:0.5;}.elementor-1901 .elementor-element.elementor-element-52195eb:not(.elementor-motion-effects-element-type-background), .elementor-1901 .elementor-element.elementor-element-52195eb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E4E4E4;background-image:url("https://mahexperts.com/wp-content/uploads/2026/01/61847341.jpg");background-size:cover;}.elementor-1901 .elementor-element.elementor-element-52195eb::before, .elementor-1901 .elementor-element.elementor-element-52195eb > .elementor-background-video-container::before, .elementor-1901 .elementor-element.elementor-element-52195eb > .e-con-inner > .elementor-background-video-container::before, .elementor-1901 .elementor-element.elementor-element-52195eb > .elementor-background-slideshow::before, .elementor-1901 .elementor-element.elementor-element-52195eb > .e-con-inner > .elementor-background-slideshow::before, .elementor-1901 .elementor-element.elementor-element-52195eb > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#2D3896;--background-overlay:'';}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-72f655b *//* ===== MASTER TYPOGRAPHY + CLIPPING FIX ===== */

/* اگر فونت‌ها رو قبلاً لود نکردی */
@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap');

#expert-flow{
  direction: rtl;
  font-family: "Vazirmatn","IRANSansX","Dana","Inter",system-ui,-apple-system,Segoe UI,Roboto,Arial;
  color:#0b1220;
  --text:#0b1220;
  --muted:#6b7280;
}

/* ===== مهم‌ترین بخش: جلوگیری از بریدگی ===== */
#expert-flow *,
#expert-flow *::before,
#expert-flow *::after{
  box-sizing:border-box;
  overflow-wrap: break-word;
  word-break: break-word;
}

#expert-flow .ef-header,
#expert-flow .ef-grid,
#expert-flow .progress-text,
#expert-flow .actions{
  min-width:0 !important;
}

#expert-flow .ef-header > *,
#expert-flow .ef-grid > *,
#expert-flow .progress-text > *{
  min-width:0 !important;
}

/* جلوگیری از overflow مخفی المنتور */
.elementor-widget,
.elementor-widget-container,
.elementor-column,
#expert-flow .ef-card{
  overflow:visible !important;
}

/* ===== تیتر اصلی (لوکس و خوانا) ===== */
#expert-flow .ef-title h3{
  font-family:"IRANSansX","Dana","Vazirmatn";
  font-size:clamp(17px,2.4vw,22px);
  font-weight:700;
  line-height:1.15;
  letter-spacing:-0.3px;
  margin:0;
  white-space:normal !important;
  overflow:visible !important;
}

/* توضیح زیر تیتر */
#expert-flow .ef-title p{
  font-size:13px;
  line-height:1.6;
  color:var(--muted);
  margin-top:6px;
  max-width:100%;
}

/* ===== لیبل‌ها (استان، شهر، عنوان درخواست) ===== */
#expert-flow label,
#expert-flow .field > label{
  font-family:"Vazirmatn","IRANSansX";
  font-size:13px;
  font-weight:600;
  line-height:1.6;
  white-space:normal !important;
  overflow:visible !important;
  margin-bottom:6px;
}

/* ===== فیلدها (select / input) ===== */
#expert-flow input,
#expert-flow select,
#expert-flow textarea{
  font-family:"Vazirmatn","Inter";
  font-size:14px;
  line-height:1.6 !important;
  height:auto !important;
  padding:10px 12px !important;
}

/* مخصوص select که خیلی وقت‌ها نصف متن رو می‌بره */
#expert-flow select{
  min-height:42px !important;
  padding-top:9px !important;
  padding-bottom:9px !important;
}

/* ===== badge ===== */
#expert-flow .ef-badge{
  font-family:"Inter","Vazirmatn";
  font-size:12px;
  font-weight:700;
  line-height:1;
  white-space:nowrap;
}

/* ===== پیام‌ها ===== */
#expert-flow .success,
#expert-flow .error{
  font-family:"Vazirmatn";
  font-size:13px;
  line-height:1.7;
}

/* ===== موبایل ===== */
@media (max-width:720px){
  #expert-flow .ef-header{
    flex-direction:column;
    align-items:flex-start;
    gap:8px;
  }

  #expert-flow label{
    font-size:12.5px;
  }
}
/* ===== Fix squashed (کتلت شده) buttons on mobile ===== */

@media (max-width: 720px){

  #expert-flow button{
    min-height: 44px !important;      /* استاندارد موبایل */
    padding: 10px 14px !important;
    line-height: 1.4 !important;      /* حیاتی برای فونت فارسی */
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap;
  }

  /* دکمه‌های داخل OTP (لغو / ارسال مجدد) */
  #expert-flow .otp-actions button{
    min-height: 40px !important;
    padding: 8px 12px !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
  }

  /* جلوگیری از له شدن داخل flex */
  #expert-flow .otp-actions{
    align-items: center !important;
    flex-wrap: wrap;                 /* اگر جا کم بود بره خط بعد */
    gap: 8px;
  }

}/* End custom CSS */