/* ==========================================================================
   Modern Resume Builder — Ultra-Fidelity Blueprint Engine v13.5.0
   Theme: Blue Mist / Deep Navy Precision (Full Elementor Isolation)
   Target Reference: image-(5).png Standard A4 Sheet (210mm x 297mm)
   ========================================================================== */

:root {
  --mrb-navy-deep: #0b1736;
  --mrb-navy-capsule: #0e1d44;
  --mrb-blue-main: #1e3a8a;
  --mrb-blue-accent: #2563eb;
  --mrb-gray-sidebar: #eceef0;
  --mrb-gray-divider: #c9ccd2;
  --mrb-gray-track: #d9dce1;
  --mrb-text-main: #111827;
  --mrb-text-body: #374151;
  --mrb-text-muted: #6b7280;
  --mrb-font-fa: "Vazirmatn", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
  --mrb-font-en: "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* ==========================================================================
   ۱. ایزوله‌سازی ریشه‌ای و محافظت در برابر استایل‌های قالب و المنتور
   ========================================================================== */
#mrb-app,
#mrb-preview,
.mrb-preview-stage,
.mrb-resume-sheet,
#mrb-resume-output {
  box-sizing: border-box !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  text-rendering: optimizeLegibility !important;
}

#mrb-app *,
#mrb-app *::before,
#mrb-app *::after,
.mrb-resume-sheet *,
.mrb-resume-sheet *::before,
.mrb-resume-sheet *::after {
  box-sizing: border-box !important;
}

/* جلوگیری از شکستگی فونت و فاصله‌گذاری‌های ناخواسته وردپرس */
.mrb-resume-sheet p,
.mrb-resume-sheet span,
.mrb-resume-sheet h1,
.mrb-resume-sheet h2,
.mrb-resume-sheet h3,
.mrb-resume-sheet div {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

/* ==========================================================================
   ۲. قفل قطعی و شکست‌ناپذیر ابعاد آیکون‌های SVG (ضد تداخل المنتور)
   ========================================================================== */
#mrb-app svg,
.mrb-resume-sheet svg,
#mrb-preview svg,
.mrb-icon {
  display: inline-block !important;
  vertical-align: middle !important;
  flex-shrink: 0 !important;
  box-sizing: content-box !important;
  max-width: none !important;
  max-height: none !important;
}

/* آیکون‌های عمومی پنل فرم */
.mrb-panel--form .mrb-section-title svg,
.mrb-panel--form .mrb-section-title .mrb-icon {
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  min-height: 18px !important;
  stroke: var(--mrb-navy-capsule) !important;
  fill: none !important;
}

.mrb-panel--form .mrb-btn svg,
.mrb-panel--form .mrb-btn .mrb-icon {
  width: 15px !important;
  height: 15px !important;
  min-width: 15px !important;
  min-height: 15px !important;
}

/* آیکون‌های درون کپسول‌های سرمه‌ای سرتیترها */
.mrb-resume-sheet .mrb-capsule-badge svg,
.mrb-resume-sheet .mrb-capsule-badge .mrb-icon,
.mrb-resume-sheet .mrb-about-badge svg,
.mrb-resume-sheet .mrb-about-badge .mrb-icon {
  width: 13px !important;
  height: 13px !important;
  min-width: 13px !important;
  min-height: 13px !important;
  max-width: 13px !important;
  max-height: 13px !important;
  stroke: #ffffff !important;
  fill: none !important;
  color: #ffffff !important;
}

/* آیکون تیتر بخش مهارت‌ها */
.mrb-resume-sheet .mrb-skills-head svg,
.mrb-resume-sheet .mrb-skills-head .mrb-icon {
  width: 17px !important;
  height: 17px !important;
  min-width: 17px !important;
  min-height: 17px !important;
  stroke: var(--mrb-navy-deep) !important;
  fill: none !important;
  color: var(--mrb-navy-deep) !important;
}

/* آیکون‌های دایره‌ای کوچک در سایدبار ارتباط با من */
.mrb-resume-sheet .mrb-contact-icon,
.mrb-resume-sheet .mrb-circle-icon {
  width: 17px !important;
  height: 17px !important;
  min-width: 17px !important;
  min-height: 17px !important;
  max-width: 17px !important;
  max-height: 17px !important;
  border-radius: 50% !important;
  background-color: #111827 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}

.mrb-resume-sheet .mrb-contact-icon svg,
.mrb-resume-sheet .mrb-contact-icon .mrb-icon,
.mrb-resume-sheet .mrb-circle-icon svg,
.mrb-resume-sheet .mrb-circle-icon .mrb-icon {
  width: 10px !important;
  height: 10px !important;
  min-width: 10px !important;
  min-height: 10px !important;
  max-width: 10px !important;
  max-height: 10px !important;
  stroke: #ffffff !important;
  fill: none !important;
  color: #ffffff !important;
}

/* دونات‌های SVG پیشرفت مهارت‌ها */
.mrb-resume-sheet .mrb-donut-svg,
.mrb-circle-chart svg {
  width: 58px !important;
  height: 58px !important;
  min-width: 58px !important;
  min-height: 58px !important;
  max-width: 58px !important;
  max-height: 58px !important;
  transform: rotate(-90deg) !important;
}

/* آیکون پیش‌فرض جایگزین عکس پرتره */
.mrb-resume-sheet .mrb-avatar-empty svg,
.mrb-resume-sheet .mrb-avatar-empty .mrb-icon {
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  min-height: 46px !important;
  stroke: #64748b !important;
  fill: none !important;
}

/* ==========================================================================
   ۳. چیدمان گرید دو پنلی و استیج پیش‌نمایش ریسپانسیو (Auto-Fit & Scale)
   ========================================================================== */
.mrb-wrap {
  display: grid !important;
  grid-template-columns: 460px 1fr !important;
  gap: 32px !important;
  width: 100% !important;
  max-width: 1600px !important;
  margin: 0 auto !important;
  align-items: start !important;
  direction: rtl !important;
}

.mrb-panel--preview {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 10px 0 40px 0 !important;
}

.mrb-preview-stage {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
  position: relative !important;
}

/* ==========================================================================
   ۴. برگه رسمی استاندارد A4 (هندسه دقیق و مقیاس هوشمند)
   ========================================================================== */
.mrb-resume-sheet {
  width: 210mm !important;
  min-width: 210mm !important;
  max-width: 210mm !important;
  min-height: 297mm !important;
  height: 297mm !important;
  background-color: #ffffff !important;
  font-family: var(--mrb-font-fa) !important;
  color: var(--mrb-text-main) !important;
  direction: rtl !important;
  padding: 10mm 11mm 12mm 11mm !important;
  position: relative !important;
  box-shadow: 0 14px 45px rgba(0, 0, 0, 0.12) !important;
  display: flex !important;
  flex-direction: column !important;
  flex-shrink: 0 !important;
  border-radius: 2px !important;
  transform-origin: top center !important;
  transition: transform 0.2s ease !important;
}

/* ==========================================================================
   ۵. سربرگ اصلی (Header Layout)
   ========================================================================== */
.mrb-header-row {
  display: grid !important;
  grid-template-columns: 58mm 1fr !important;
  gap: 8mm !important;
  align-items: start !important;
  margin-bottom: 2.5mm !important;
  width: 100% !important;
}

.mrb-photo-slot {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  position: relative !important;
  z-index: 10 !important;
  width: 58mm !important;
}

.mrb-avatar-img,
.mrb-avatar-empty {
  width: 38mm !important;
  height: 38mm !important;
  min-width: 38mm !important;
  min-height: 38mm !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  border: 3.5mm solid #ffffff !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.16) !important;
  background-color: #ffffff !important;
}

.mrb-avatar-empty {
  background-color: #e2e8f0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.mrb-header-details {
  display: flex !important;
  flex-direction: column !important;
  padding-top: 1mm !important;
  min-width: 0 !important;
}

.mrb-name-en-banner {
  font-family: var(--mrb-font-en) !important;
  font-size: 2.2rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.16em !important;
  direction: ltr !important;
  text-align: left !important;
  line-height: 1.1 !important;
  margin: 0 0 2px 0 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

.mrb-name-en-banner .en-first,
.mrb-name-en-banner .mrb-resume__name-en-primary {
  color: var(--mrb-blue-main) !important;
}

.mrb-name-en-banner .en-last,
.mrb-name-en-banner .mrb-resume__name-en-secondary {
  color: #111827 !important;
}

.mrb-title-en-banner {
  font-family: var(--mrb-font-en) !important;
  font-size: 0.62rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.55em !important;
  color: #9ca3af !important;
  direction: ltr !important;
  text-align: left !important;
  text-transform: uppercase !important;
  margin: 0 0 3.5mm 0 !important;
}

/* کپسول‌های سرمه‌ای شاخص */
.mrb-capsule-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  background-color: var(--mrb-navy-capsule) !important;
  color: #ffffff !important;
  font-size: 0.74rem !important;
  font-weight: 800 !important;
  padding: 3.5px 16px !important;
  border-radius: 5px !important;
  line-height: 1.35 !important;
  box-shadow: 0 2px 4px rgba(14, 29, 68, 0.2) !important;
}

.mrb-about-badge {
  align-self: flex-start !important;
  margin-bottom: 2mm !important;
}

.mrb-about-text {
  font-size: 0.64rem !important;
  line-height: 1.9 !important;
  color: var(--mrb-text-body) !important;
  text-align: justify !important;
  margin: 0 !important;
}

/* ==========================================================================
   ۶. ساختار دو ستونه رزومه (سایدبار چپ + بدنه اصلی راست)
   ========================================================================== */
.mrb-layout-body {
  display: grid !important;
  grid-template-columns: 58mm 1fr !important;
  gap: 8mm !important;
  align-items: start !important;
  flex: 1 !important;
  width: 100% !important;
}

/* ---------- ستون خاکستری سایدبار ---------- */
.mrb-sidebar-left {
  background-color: var(--mrb-gray-sidebar) !important;
  border-radius: 4px !important;
  padding: 16mm 4.5mm 6mm 4.5mm !important;
  margin-top: -22mm !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 3.5mm !important;
  min-height: 100% !important;
  box-sizing: border-box !important;
}

.mrb-sidebar-name-fa {
  font-size: 1.15rem !important;
  font-weight: 900 !important;
  color: var(--mrb-navy-deep) !important;
  text-align: center !important;
  margin: 0 0 1.5mm 0 !important;
}

.mrb-contact-group {
  display: flex !important;
  flex-direction: column !important;
  gap: 7px !important;
}

.mrb-contact-item {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 0.6rem !important;
  font-weight: 700 !important;
  color: var(--mrb-text-main) !important;
}

.mrb-contact-val,
.mrb-contact-text {
  font-size: 0.6rem !important;
  font-weight: 700 !important;
  color: var(--mrb-text-main) !important;
  word-break: break-all !important;
}

.mrb-contact-val.ltr-text,
.ltr-text {
  direction: ltr !important;
  unicode-bidi: embed !important;
  text-align: left !important;
}

.mrb-triple-divider {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 4px !important;
  margin: 1.5mm 0 !important;
}

.mrb-triple-divider span {
  width: 22px !important;
  height: 3px !important;
  background-color: var(--mrb-gray-divider) !important;
  border-radius: 3px !important;
}

.mrb-side-capsule-wrap {
  display: flex !important;
  justify-content: center !important;
  margin-bottom: 2mm !important;
}

.mrb-side-entry {
  margin-bottom: 2.5mm !important;
}

.mrb-side-entry:last-child {
  margin-bottom: 0 !important;
}

.mrb-side-entry-title {
  font-size: 0.68rem !important;
  font-weight: 800 !important;
  color: var(--mrb-navy-deep) !important;
  margin: 0 !important;
}

.mrb-side-entry-subtitle {
  font-size: 0.6rem !important;
  color: var(--mrb-text-muted) !important;
  font-weight: 700 !important;
  margin: 1px 0 !important;
}

.mrb-side-entry-desc {
  font-size: 0.56rem !important;
  color: var(--mrb-text-body) !important;
  line-height: 1.65 !important;
  text-align: justify !important;
  margin: 1.5px 0 0 0 !important;
}

/* مشخصات فردی تکمیلی */
.mrb-identity-entries {
  display: flex !important;
  flex-direction: column !important;
  gap: 5.5px !important;
}

.mrb-identity-row {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 0.6rem !important;
  font-weight: 700 !important;
  color: var(--mrb-text-main) !important;
}

.mrb-identity-row__val {
  font-weight: 600 !important;
  color: var(--mrb-text-body) !important;
}

/* ---------- ستون محتوای اصلی ---------- */
.mrb-main-right {
  display: flex !important;
  flex-direction: column !important;
  gap: 4.5mm !important;
  min-width: 0 !important;
}

.mrb-cards-split-row {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 6mm !important;
  align-items: start !important;
}

.mrb-capsule-block {
  width: 100% !important;
  margin-bottom: 3mm !important;
}

.mrb-main-entry {
  margin-bottom: 2.5mm !important;
}

.mrb-main-entry:last-child {
  margin-bottom: 0 !important;
}

.mrb-main-entry-title {
  font-size: 0.68rem !important;
  font-weight: 800 !important;
  color: var(--mrb-navy-deep) !important;
  margin: 0 !important;
}

.mrb-main-entry-sub {
  font-size: 0.6rem !important;
  color: var(--mrb-text-muted) !important;
  font-weight: 700 !important;
  margin: 1px 0 !important;
}

.mrb-main-entry-date {
  font-size: 0.58rem !important;
  color: #4b5563 !important;
  font-weight: 600 !important;
}

.mrb-main-entry-desc {
  font-size: 0.56rem !important;
  color: var(--mrb-text-body) !important;
  line-height: 1.65 !important;
  margin: 2px 0 0 0 !important;
  text-align: justify !important;
}

/* ==========================================================================
   ۷. شبکه ۸ دونات مهارت‌ها (۴ در ۲)
   ========================================================================== */
.mrb-skills-section {
  display: flex !important;
  flex-direction: column !important;
}

.mrb-skills-head {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 6px !important;
  margin-bottom: 3mm !important;
}

.mrb-skills-title-text {
  font-size: 0.84rem !important;
  font-weight: 900 !important;
  color: var(--mrb-navy-deep) !important;
}

.mrb-donuts-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 4mm 3mm !important;
  justify-items: center !important;
}

.mrb-donut-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  gap: 3px !important;
  width: 100% !important;
}

.mrb-donut-svg-box {
  position: relative !important;
  width: 58px !important;
  height: 58px !important;
  min-width: 58px !important;
  min-height: 58px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.mrb-donut-track {
  fill: none !important;
  stroke: var(--mrb-gray-track) !important;
  stroke-width: 3.2 !important;
}

.mrb-donut-bar {
  fill: none !important;
  stroke: var(--mrb-navy-capsule) !important;
  stroke-width: 3.2 !important;
  stroke-linecap: round !important;
}

.mrb-donut-pct {
  position: absolute !important;
  font-size: 0.72rem !important;
  font-weight: 900 !important;
  color: var(--mrb-navy-deep) !important;
  direction: ltr !important;
}

.mrb-donut-caption {
  font-size: 0.62rem !important;
  font-weight: 800 !important;
  color: var(--mrb-text-main) !important;
  line-height: 1.3 !important;
  margin-top: 1px !important;
}

/* ==========================================================================
   ۸. ردیف پایینی: زبان انگلیسی و علاقه‌مندی‌ها
   ========================================================================== */
.mrb-bottom-split-row {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 6mm !important;
  align-items: start !important;
}

.mrb-languages-bars-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 7px !important;
}

.mrb-language-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 6px !important;
}

.mrb-language-name {
  font-size: 0.62rem !important;
  font-weight: 700 !important;
  color: var(--mrb-text-main) !important;
  min-width: 22mm !important;
  text-align: right !important;
}

.mrb-language-track {
  flex: 1 !important;
  height: 9px !important;
  background-color: var(--mrb-gray-track) !important;
  border-radius: 999px !important;
  overflow: hidden !important;
}

.mrb-language-fill {
  height: 100% !important;
  background-color: var(--mrb-navy-capsule) !important;
  border-radius: 999px !important;
}

.mrb-language-num {
  font-size: 0.52rem !important;
  font-weight: 700 !important;
  color: var(--mrb-text-muted) !important;
  direction: ltr !important;
  min-width: 20px !important;
  text-align: left !important;
}

.mrb-hobbies-spine-box {
  display: flex !important;
  position: relative !important;
  padding-left: 10px !important;
}

.mrb-hobbies-spine-line {
  width: 5px !important;
  background-color: var(--mrb-navy-capsule) !important;
  border-radius: 3px !important;
  position: absolute !important;
  left: 0 !important;
  top: 2px !important;
  bottom: 2px !important;
}

.mrb-hobbies-items-wrap {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
}

.mrb-hobby-item-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 0.62rem !important;
  font-weight: 700 !important;
  color: var(--mrb-text-main) !important;
  padding: 3.5px 0 !important;
  border-bottom: 1px solid var(--mrb-gray-divider) !important;
  text-align: center !important;
}

.mrb-hobby-item-row:last-child {
  border-bottom: none !important;
}

/* ==========================================================================
   ۹. دکمه دانلود رزومه (تراز دقیق زیر برگه)
   ========================================================================== */
.mrb-preview-actions,
.mrb-preview-actions--bottom {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  max-width: 210mm !important;
  margin: 20px auto 0 auto !important;
  padding-bottom: 24px !important;
}

.mrb-download-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  background-color: var(--mrb-navy-capsule) !important;
  color: #ffffff !important;
  font-family: var(--mrb-font-fa) !important;
  font-size: 0.9rem !important;
  font-weight: 700 !important;
  padding: 12px 28px !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  border: none !important;
  cursor: pointer !important;
  box-shadow: 0 4px 14px rgba(11, 23, 54, 0.25) !important;
  transition: all 0.2s ease !important;
}

.mrb-download-btn svg,
.mrb-download-btn .mrb-icon {
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  min-height: 18px !important;
  stroke: #ffffff !important;
  fill: none !important;
  color: #ffffff !important;
}

.mrb-download-btn:hover {
  background-color: var(--mrb-blue-main) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(11, 23, 54, 0.35) !important;
}

/* ==========================================================================
   ۱۰. سیستم مقیاس‌دهی داینامیک و ریسپانسیو (Responsive Auto-Scaling)
   ========================================================================== */
@media screen and (max-width: 1280px) {
  .mrb-wrap {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }
}

@media screen and (max-width: 900px) {
  .mrb-preview-stage {
    overflow: hidden !important;
    height: calc(297mm * 0.82) !important;
  }
  .mrb-resume-sheet {
    transform: scale(0.82) !important;
  }
}

@media screen and (max-width: 720px) {
  .mrb-preview-stage {
    overflow: hidden !important;
    height: calc(297mm * 0.65) !important;
  }
  .mrb-resume-sheet {
    transform: scale(0.65) !important;
  }
}

@media screen and (max-width: 480px) {
  .mrb-preview-stage {
    overflow: hidden !important;
    height: calc(297mm * 0.46) !important;
  }
  .mrb-resume-sheet {
    transform: scale(0.46) !important;
  }
}

/* ==========================================================================
   ۱۱. کلاس‌های کمکی و مخفی‌سازی
   ========================================================================== */
.mrb-hidden {
  display: none !important;
}

.mrb-sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* ==========================================================================
   ۱۲. استانداردهای چاپ با کیفیت بالا (Print & PDF Export)
   ========================================================================== */
@page {
  size: A4 portrait;
  margin: 0;
}

@media print {
  html, body {
    width: 210mm !important;
    height: 297mm !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #ffffff !important;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }

  body * {
    visibility: hidden !important;
  }

  .mrb-resume-sheet,
  .mrb-resume-sheet * {
    visibility: visible !important;
  }

  .mrb-panel--form,
  .mrb-preview-actions,
  #wpadminbar,
  header,
  footer,
  nav,
  aside:not(.mrb-sidebar-left) {
    display: none !important;
  }

  .mrb-resume-sheet {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 210mm !important;
    min-height: 297mm !important;
    margin: 0 !important;
    padding: 10mm 11mm 12mm 11mm !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    transform: none !important;
  }
}