/*
Theme Name: Najmeh Rezayeenik & Behnik AI Coaching
Theme URI: https://behnik.com
Author: Najmeh Rezayeenik
Author URI: https://behnik.com
Description: قالب اختصاصی و مدرن پرسنال برندینگ نجمه رضایی نیک (کوچ تحول دیجیتال و هوش مصنوعی) و خانه هوش مصنوعی بهنیک. طراحی شده با تم روشن، تایپوگرافی خوانا و درشت با فونت استاندارد وزیرمتن، افکت تار عنکبوتی نورانی و نشانگر ماوس نئون آبی، پشتیبانی کامل از راست‌چین (RTL)، ریسپانسیو، سازگاری ۱۰۰٪ با ویرایشگرهای گوتنبرگ (Gutenberg) و المنتور (Elementor) برای درج و انتشار روزانه مقالات و سئوی پیشرفته گوگل.
Version: 2.0.1
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: najmeh-behnik
Domain Path: /languages
Tags: rtl-language-support, custom-logo, custom-menu, featured-images, theme-options, light-theme, coaching, ai-consulting, block-styles, wide-blocks
*/

/* بارگذاری فونت استاندارد وزیرمتن */
@import url('https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/Vazirmatn-font-face.css');

:root {
  --font-sans: 'Vazirmatn', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --color-primary: #4F46E5;
  --color-primary-hover: #3730A3;
  --color-accent: #4F46E5;
  --color-accent-hover: #3730A3;
  --color-accent-bg: #EEF2FF;
  --color-accent-border: #C7D2FE;
  --color-bg: #FFFFFF;
  --color-bg-subtle: #F8FAFC;
  --color-card: #FFFFFF;
  --color-text-heading: #111827;
  --color-text-body: #374151;
  --color-text-muted: #6B7280;
  --color-border: #E5E7EB;
  --color-border-input: #D1D5DB;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* تثبیت فونت یکپارچه وزیرمتن روی تمامی بخش‌ها، متون و تیترهای اصلی */
body, h1, h2, h3, h4, h5, h6, input, button, textarea, select, 
.font-sans, .font-bold, .font-extrabold, .font-black, .font-semibold, .font-medium, .font-normal {
  font-family: 'Vazirmatn', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

body {
  background-color: var(--color-bg);
  color: var(--color-text-body);
  direction: rtl;
  text-align: right;
  font-family: var(--font-sans) !important;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.85;
  -webkit-font-smoothing: antialiased;
}

/* =========================================================================
   استانداردسازی سراسری، یکپارچه و دقیق سایز و فونت H1, H2, H3 در تمام بخش‌های سایت و وردپرس
   نکته مهم: رنگ (color) عمداً از این بلوک‌ها حذف شده تا Theme Style/Global Colors
   خود المنتور و انتخاب رنگ دستی روی هر ویجت بتوانند به‌طور طبیعی و بدون تداخل کار کنند.
   اندازه، وزن فونت، فاصله بین خطوط و مارجین همچنان یکدست و استاندارد باقی می‌مانند.
   ========================================================================= */
h1, .h1, .najmeh-h1, .entry-title, .page-title, .post-title,
.entry-content h1, .elementor-heading-title.elementor-size-xl, .elementor-heading-title.elementor-size-xxl, 
.elementor-heading-title:is(h1), .elementor-widget-heading h1,
h1[class*="text-"], .najmeh-hero-title {
  font-family: var(--font-sans) !important;
  font-size: clamp(2rem, 3.5vw, 2.75rem) !important; /* 32px to 44px کاملاً استاندارد و یکدست */
  font-weight: 900 !important; /* Black */
  line-height: 1.3 !important;
  letter-spacing: -0.02em !important;
  margin-top: 0 !important;
  margin-bottom: 0.75rem !important;
}

h2, .h2, .najmeh-h2, .section-title,
.entry-content h2, .elementor-heading-title.elementor-size-large, 
.elementor-heading-title:is(h2), .elementor-widget-heading h2,
h2[class*="text-"], .najmeh-section-title {
  font-family: var(--font-sans) !important;
  font-size: clamp(1.5rem, 2.4vw, 1.875rem) !important; /* 24px to 30px کاملاً استاندارد و یکدست */
  font-weight: 800 !important; /* ExtraBold */
  line-height: 1.35 !important;
  letter-spacing: -0.015em !important;
  margin-top: 0 !important;
  margin-bottom: 0.5rem !important;
}

h3, .h3, .najmeh-h3, .card-title,
.entry-content h3, .elementor-heading-title.elementor-size-medium, 
.elementor-heading-title:is(h3), .elementor-widget-heading h3,
h3[class*="text-"], .najmeh-card-title {
  font-family: var(--font-sans) !important;
  font-size: clamp(1.2rem, 1.6vw, 1.375rem) !important; /* 19px to 22px کاملاً استاندارد و یکدست */
  font-weight: 700 !important; /* Bold */
  line-height: 1.45 !important;
  margin-top: 0 !important;
  margin-bottom: 0.5rem !important;
}

h4, .h4, .najmeh-h4, .entry-content h4 {
  font-family: var(--font-sans) !important;
  font-size: clamp(1.1rem, 1.35vw, 1.25rem) !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  margin-top: 0 !important;
}

h5, .h5, .najmeh-h5, .entry-content h5 {
  font-family: var(--font-sans) !important;
  font-size: clamp(1rem, 1.2vw, 1.125rem) !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
  margin-top: 0 !important;
}

p {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.85;
  color: var(--color-text-body);
}

/* استایل‌های اختصاصی منوی ناوبری وردپرس - منطبق ۱۰۰٪ با پیش‌نمایش React */
.primary-nav-menu,
.primary-nav-menu ul {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.25rem !important;
  list-style: none !important;
  list-style-type: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

@media (min-width: 1024px) {
  .primary-nav-menu,
  .primary-nav-menu ul {
    gap: 0.5rem !important;
  }
}

.primary-nav-menu li {
  list-style: none !important;
  list-style-type: none !important;
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

.primary-nav-menu li::before,
.primary-nav-menu li::after,
.primary-nav-menu li::marker {
  content: none !important;
  display: none !important;
}

.primary-nav-menu a {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.375rem !important;
  padding: 0.5rem 1rem !important;
  border-radius: 0.75rem !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  color: #374151 !important;
  text-decoration: none !important;
  border: 1px solid transparent !important;
  transition: all 0.2s ease !important;
  white-space: nowrap !important;
  cursor: pointer !important;
}

.primary-nav-menu a:hover {
  color: #4F46E5 !important;
  background-color: #F8FAFC !important;
}

/* تب فعال در منو - دقیقا مطابق پیش‌نمایش */
.primary-nav-menu .current-menu-item > a,
.primary-nav-menu .current_page_item > a,
.primary-nav-menu a.is-active {
  color: #4F46E5 !important;
  background-color: #EEF2FF !important;
  border: 1px solid #C7D2FE !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}

/* خط نشانگر آبی زیرین تب فعال */
.primary-nav-menu .current-menu-item > a::after,
.primary-nav-menu .current_page_item > a::after,
.primary-nav-menu a.is-active::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important;
  right: 0.75rem !important;
  left: 0.75rem !important;
  height: 2px !important;
  border-radius: 9999px !important;
  background-color: #4F46E5 !important;
}

/* استایل شاخص برای گزینه بهنیک در منو */
.primary-nav-menu .nav-item-behnik > a,
.primary-nav-menu .menu-item-behnik > a,
.primary-nav-menu a[href*="behnik"],
.primary-nav-menu a[href*="%D8%A8%D9%87%D9%86%DB%8C%DA%A9"],
.primary-nav-menu a[href*="%d8%a8%d9%87%d9%86%db%8c%da%a9"],
.behnik-nav-highlight {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.375rem !important;
  border-radius: 0.75rem !important;
  padding: 0.5rem 1rem !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  transition: all 0.2s ease !important;
}

.primary-nav-menu .nav-item-behnik > a:hover,
.primary-nav-menu .menu-item-behnik > a:hover,
.primary-nav-menu a[href*="behnik"]:hover,
.behnik-nav-highlight:hover {
  color: #4F46E5 !important;
  background-color: #F8FAFC !important;
}

.primary-nav-menu .current-menu-item.nav-item-behnik > a,
.primary-nav-menu .current_page_item.nav-item-behnik > a,
.primary-nav-menu .current-menu-item > a.behnik-nav-highlight,
.primary-nav-menu .current-menu-item > a[href*="behnik"],
.primary-nav-menu .current_page_item > a[href*="behnik"] {
  background: #EEF2FF !important;
  border: 1px solid #C7D2FE !important;
  color: #4F46E5 !important;
  font-weight: 600 !important;
}

/* کانواس تعاملی ذرات عصبی و نودهای چرخان پس‌زمینه (Neural Tech Particles & Orbiting Nodes) */
#najmeh-neural-canvas {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  pointer-events: none !important;
  z-index: 1 !important;
  opacity: 0.92 !important;
}

/* ساختار پس‌زمینه لایه‌ای برای عبور نودهای چرخان از پشت تمام باکس‌های محتوایی */
body {
  position: relative !important;
  background-color: #ffffff !important;
}

#page, .site, main, .site-main {
  position: relative !important;
  z-index: 2 !important;
  background: transparent !important;
  background-color: transparent !important;
}

/* اطمینان از نمایش پس‌زمینه شبکه عصبی چرخان روی صفحاتی که با المنتور ساخته/ویرایش شده‌اند
   (المنتور لایه‌های wrapper خودش را اضافه می‌کند که باید هم مثل بقیه سایت شفاف بمانند) */
body.elementor-page,
.elementor,
.elementor-section-wrap,
.elementor-section,
.elementor-container,
.elementor-row,
.elementor-column,
.elementor-widget-wrap,
.elementor-element,
.elementor-widget {
  background-color: transparent !important;
  background-image: none !important;
}

/* شفاف‌سازی سکشن‌های اصلی برای نمایش پس‌زمینه شبکه عصبی در تمام صفحات: درباره من، بهنیک، مقالات و یادداشت‌ها */
section,
.site-main section,
main section,
section.bg-white,
section.bg-[#F8FAFC],
section.bg-[#ffffff],
section.bg-slate-50,
section[class*="bg-white"],
section[class*="bg-[#F8FAFC]"],
section[class*="bg-slate-50"],
section[class*="bg-gradient"],
section[class*="from-white"] {
  background-color: transparent !important;
  background-image: none !important;
}

/* ترنسپرنت کردن هوشمند و شیشه‌ای (Frosted Glass) در تمامی صفحات: صفحه اصلی، درباره من، بهنیک، مقالات و فرم ارزیابی */
.najmeh-alignable-box,
.najmeh-behnik-box,
.boxes-mobile-center,
.najmeh-card,
.najmeh-about-content,
.entry-content,
article,
article.rounded-2xl,
article.rounded-3xl,
.elementor-widget-container > div.rounded-2xl,
.elementor-widget-container > div.rounded-3xl,
div[class*="rounded-2xl"][class*="border"],
div[class*="rounded-3xl"][class*="border"],
div[class*="bg-white"],
section[class*="rounded-3xl"] {
  background-color: rgba(255, 255, 255, 0.76) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border-color: rgba(229, 231, 235, 0.82) !important;
}

/* باکس‌های با تم طوسی روشن یا اسلیت */
.boxes-mobile-center.bg-[#F8FAFC],
.najmeh-alignable-box.bg-[#F8FAFC],
.najmeh-behnik-box.bg-[#F8FAFC],
div[class*="bg-[#F8FAFC]"],
div[class*="bg-slate-50"] {
  background-color: rgba(248, 250, 252, 0.75) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border-color: rgba(229, 231, 235, 0.82) !important;
}

/* کارت‌ها و المان‌های بنفش-نیلی مانند باکس کتاب و ارزیابی */
div[class*="bg-[#EEF2FF]"] {
  background-color: rgba(238, 242, 255, 0.82) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  border-color: rgba(199, 210, 254, 0.88) !important;
}

/* استایل‌های نشانگر ماوس دایره‌ای با نور ایندیگو (Indigo Aura Cursor) */
.aura-cursor-dot {
  position: fixed;
  top: 0;
  left: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #4F46E5;
  box-shadow: 0 0 8px #4F46E5, 0 0 14px rgba(79, 70, 229, 0.7);
  pointer-events: none !important;
  user-select: none !important;
  z-index: 99999;
  will-change: transform;
  transition: width 0.15s ease, height 0.15s ease, background-color 0.15s ease;
  opacity: 0;
}

.aura-cursor-ring {
  position: fixed;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(79, 70, 229, 0.25) 0%, rgba(99, 102, 241, 0.12) 60%, transparent 100%);
  box-shadow: 0 0 16px rgba(79, 70, 229, 0.3), 0 0 26px rgba(99, 102, 241, 0.15);
  pointer-events: none !important;
  user-select: none !important;
  z-index: 99998;
  will-change: transform;
  transition: opacity 0.3s ease, width 0.2s ease, height 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
  opacity: 0;
  filter: blur(1.5px);
}

.aura-cursor-ring.is-hovered {
  width: 56px;
  height: 56px;
  background: radial-gradient(circle, rgba(79, 70, 229, 0.38) 0%, rgba(55, 48, 163, 0.22) 60%, transparent 100%);
  box-shadow: 0 0 20px rgba(79, 70, 229, 0.4), 0 0 34px rgba(99, 102, 241, 0.2);
}

.aura-cursor-dot.is-hovered {
  width: 12px;
  height: 12px;
  background-color: #3730A3;
}

/* انیمیشن‌های چرخش مدار و هاله نور */
@keyframes najmehSpinSlow {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

@keyframes najmehSpinReverse {
  from { transform: rotate(360deg); }
  to { transform: rotate(0deg); }
}

@keyframes najmehPulseGlow {
  0%, 100% { transform: scale(1); opacity: 0.7; }
  50% { transform: scale(1.08); opacity: 1; }
}

@keyframes najmehFloatBadge {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-6px); }
}

.animate-spin-slow {
  animation: najmehSpinSlow 26s linear infinite !important;
  transform-origin: center center;
  will-change: transform;
}

.animate-spin-reverse {
  animation: najmehSpinReverse 20s linear infinite !important;
  transform-origin: center center;
  will-change: transform;
}

.animate-pulse-glow {
  animation: najmehPulseGlow 5s ease-in-out infinite !important;
  will-change: transform, opacity;
}

.animate-float-badge {
  animation: najmehFloatBadge 4s ease-in-out infinite !important;
}

/* =========================================================
   نورهای چرخان دور عکس بخش هیرو (Hero Orbit Rotating Lights)
   ========================================================= */
.hero-avatar-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 17rem;
  height: 17rem;
}
@media (min-width: 640px) {
  .hero-avatar-wrapper {
    width: 20rem;
    height: 20rem;
  }
}
@media (min-width: 1024px) {
  .hero-avatar-wrapper {
    width: 22rem;
    height: 22rem;
  }
}

/* مدار نورانی چرخان اول (نقطه‌چین نیلی) */
.hero-orbit-ring-1 {
  position: absolute;
  inset: -14px;
  border-radius: 9999px;
  border: 1.5px dashed #C7D2FE;
  animation: najmehSpinSlow 26s linear infinite !important;
  pointer-events: none;
  z-index: 1;
}

/* مدار نورانی چرخان دوم (حلقه رنگی گرادیان معکوس) */
.hero-orbit-ring-2 {
  position: absolute;
  inset: -28px;
  border-radius: 9999px;
  border: 1.5px solid transparent;
  border-top-color: #4F46E5;
  border-right-color: #818CF8;
  animation: najmehSpinReverse 18s linear infinite !important;
  pointer-events: none;
  z-index: 1;
}

/* نورهای نقطه‌ای گرد و درخشان که روی مدار دور عکس می‌چرخند */
.hero-orbit-lights-container {
  position: absolute;
  inset: -28px;
  border-radius: 9999px;
  animation: najmehSpinSlow 20s linear infinite !important;
  pointer-events: none;
  z-index: 3;
}
.hero-orbit-light-1 {
  position: absolute;
  top: -6px;
  left: 50%;
  transform: translateX(-50%);
  width: 12px;
  height: 12px;
  border-radius: 9999px;
  background-color: #4F46E5;
  box-shadow: 0 0 14px 4px rgba(79, 70, 229, 0.75), 0 0 4px #4F46E5;
}
.hero-orbit-light-2 {
  position: absolute;
  bottom: 6%;
  left: 16%;
  width: 10px;
  height: 10px;
  border-radius: 9999px;
  background-color: #818CF8;
  box-shadow: 0 0 12px 3px rgba(129, 140, 248, 0.75), 0 0 4px #818CF8;
}
.hero-orbit-light-3 {
  position: absolute;
  top: 30%;
  right: -5px;
  width: 9px;
  height: 9px;
  border-radius: 9999px;
  background-color: #6366F1;
  box-shadow: 0 0 10px 3px rgba(99, 102, 241, 0.7);
}

/* نور چرخان گرادیان کونیکال پشت فریم عکس */
.hero-conic-glow {
  position: absolute;
  inset: -6px;
  border-radius: 9999px;
  background: conic-gradient(from 0deg, transparent 0deg, rgba(79, 70, 229, 0.25) 90deg, rgba(129, 140, 248, 0.55) 180deg, transparent 270deg, transparent 360deg);
  animation: najmehSpinSlow 9s linear infinite !important;
  filter: blur(8px);
  pointer-events: none;
  z-index: 1;
}

/* کلاس‌های تنظیم چینش متن باکس‌ها توسط سفارشی‌ساز وردپرس (Customizer) */
body.box-align-center .najmeh-alignable-box,
body.box-align-center .boxes-mobile-center,
body.box-align-center .najmeh-alignable-box p,
body.box-align-center .najmeh-alignable-box h2,
body.box-align-center .najmeh-alignable-box h3,
body.box-align-center .najmeh-alignable-box h4,
body.box-align-center .najmeh-alignable-box div {
  text-align: center !important;
}
body.box-align-center .najmeh-alignable-box .flex-start-desktop,
body.box-align-center .boxes-mobile-center .flex-start-desktop {
  justify-content: center !important;
  align-items: center !important;
}

body.box-align-right .najmeh-alignable-box,
body.box-align-right .boxes-mobile-center,
body.box-align-right .najmeh-alignable-box p,
body.box-align-right .najmeh-alignable-box h2,
body.box-align-right .najmeh-alignable-box h3,
body.box-align-right .najmeh-alignable-box h4,
body.box-align-right .najmeh-alignable-box div {
  text-align: right !important;
}
body.box-align-right .najmeh-alignable-box .flex-start-desktop,
body.box-align-right .boxes-mobile-center .flex-start-desktop {
  justify-content: flex-start !important;
  align-items: flex-start !important;
}

@media (max-width: 1023px) {
  body:not(.box-align-right) .boxes-mobile-center,
  body:not(.box-align-right) .boxes-mobile-center p,
  body:not(.box-align-right) .boxes-mobile-center h2,
  body:not(.box-align-right) .boxes-mobile-center h3,
  body:not(.box-align-right) .boxes-mobile-center h4,
  body:not(.box-align-right) .boxes-mobile-center div {
    text-align: center !important;
  }
  body:not(.box-align-right) .boxes-mobile-center .flex-start-desktop {
    justify-content: center !important;
    align-items: center !important;
  }
}

/* پاپ‌آپ و دراور متحرک و متمایز منوی موبایل و تبلت */
@keyframes najmehMenuPopup {
  0% {
    opacity: 0;
    transform: translateY(-14px) scale(0.96);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.najmeh-mobile-popup-anim {
  animation: najmehMenuPopup 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
}

.mobile-nav-custom-list a {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 0.85rem 1rem !important;
  border-radius: 1rem !important;
  background: #F8FAFC !important;
  border: 1px solid #E5E7EB !important;
  color: #374151 !important;
  font-size: 0.95rem !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

.mobile-nav-custom-list a:hover {
  background: #EEF2FF !important;
  border-color: #C7D2FE !important;
  color: #4F46E5 !important;
}

.mobile-nav-custom-list li.current-menu-item > a,
.mobile-nav-custom-list li.current_page_item > a {
  background: #EEF2FF !important;
  border-color: #4F46E5 !important;
  color: #4F46E5 !important;
  font-weight: 700 !important;
  box-shadow: 0 2px 8px rgba(79, 70, 229, 0.15) !important;
}

/* ==========================================================================
   انیمیشن‌های مدرن، روان و سبک اسکرول (Modern & Performant Scroll Reveal)
   مبتنی بر Intersection Observer با شتاب‌دهی سخت‌افزاری GPU و بدون ایجاد لگ
   ========================================================================== */
.najmeh-reveal,
.reveal-on-scroll {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity 0.75s cubic-bezier(0.16, 1, 0.3, 1), transform 0.75s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: transform, opacity;
}

.najmeh-reveal-up {
  opacity: 0;
  transform: translateY(36px);
  transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: transform, opacity;
}

.najmeh-reveal-left {
  opacity: 0;
  transform: translateX(-32px);
  transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: transform, opacity;
}

.najmeh-reveal-right {
  opacity: 0;
  transform: translateX(32px);
  transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: transform, opacity;
}

.najmeh-reveal-scale {
  opacity: 0;
  transform: scale(0.92) translateY(20px);
  transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: transform, opacity;
}

/* وضعیت فعال شدن المان هنگام رسیدن اسکرول به محدوده دید کاربر */
.najmeh-reveal.is-revealed,
.najmeh-reveal-up.is-revealed,
.najmeh-reveal-left.is-revealed,
.najmeh-reveal-right.is-revealed,
.najmeh-reveal-scale.is-revealed,
.reveal-on-scroll.is-revealed {
  opacity: 1 !important;
  transform: translate3d(0, 0, 0) scale(1) !important;
}

/* تاخیرهای مرحله‌ای برای لیست کارت‌ها و باکس‌ها (Stagger Delays) */
.delay-100 { transition-delay: 0.1s !important; }
.delay-150 { transition-delay: 0.15s !important; }
.delay-200 { transition-delay: 0.2s !important; }
.delay-300 { transition-delay: 0.3s !important; }
.delay-400 { transition-delay: 0.4s !important; }
.delay-500 { transition-delay: 0.5s !important; }

/* کارت‌های شیشه‌ای روشن و پالت رنگی یکپارچه */
.glass-card-light {
  background: rgba(255, 255, 255, 0.94);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: 1px solid rgba(226, 232, 240, 0.95);
  box-shadow: 0 10px 25px -5px rgba(15, 23, 42, 0.05);
}

.glass-card-gold {
  background: rgba(254, 252, 232, 0.94);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: 1px solid rgba(251, 191, 36, 0.45);
  box-shadow: 0 10px 25px -5px rgba(245, 158, 11, 0.1);
}

/* گرادیان اختصاصی فوتر بر پایه رنگ آبی/نیلی برند سایت - برای تمایز بصری از بقیه سایت */
footer {
  background: linear-gradient(135deg, #1E1B4B 0%, #312E81 45%, #3730A3 75%, #4F46E5 100%) !important;
  border-top: none !important;
}

footer,
footer p,
footer span,
footer li,
footer a:not([class*="bg-"]) {
  color: #E0E7FF !important;
}

footer h3,
footer h4 {
  color: #ffffff !important;
}

footer .header-badge-text {
  color: #C7D2FE !important;
}

/* آیکون‌باکس‌های روشن داخل فوتر، رنگ آیکون داخلشان نیلی می‌ماند نه سفید */
footer div[class*="bg-[#EEF2FF]"],
footer div[class*="bg-white"] {
  color: #4F46E5 !important;
}

footer a[class*="bg-white"] {
  color: #4F46E5 !important;
}

footer input,
footer textarea {
  color: #111827 !important;
}

/* استایل‌های اختصاصی مقالات، گوتنبرگ و المنتور
   نکته مهم: رنگ هدینگ‌های داخل مقاله عمداً حذف شد (قبلاً اینجا color: #111827; بود)
   تا رنگ آن‌ها کاملاً به Theme Style المنتور یا انتخاب رنگ دستی روی هر ویجت واگذار شود. */
.entry-content {
  color: #374151;
  font-size: 1.05rem;
  line-height: 1.9;
}

.entry-content h1, 
.entry-content h2, 
.entry-content h3, 
.entry-content h4, 
.entry-content h5, 
.entry-content h6 {
  font-weight: 700;
  margin-top: 2.25rem;
  margin-bottom: 1rem;
  line-height: 1.35;
}

.entry-content h2 {
  font-size: 1.75rem;
  border-bottom: 2px solid #F1F5F9;
  padding-bottom: 0.5rem;
}

.entry-content h3 {
  font-size: 1.4rem;
}

.entry-content p {
  margin-bottom: 1.5rem;
  color: #374151;
}

.entry-content ul, 
.entry-content ol {
  margin-right: 2rem;
  margin-bottom: 1.5rem;
}

.entry-content li {
  margin-bottom: 0.65rem;
  color: #374151;
}

.entry-content a:not([class]) {
  color: #4F46E5;
  text-decoration: underline;
  text-underline-offset: 4px;
}

.entry-content a:not([class]):hover {
  color: #3730A3;
}

/* شبکه ایمنی: تضمین سفید بودن متن تمام دکمه‌های رنگی سایت در همه‌جا (از جمله داخل محتوای المنتور) */
button[class*="bg-[#4F46E5]"],
a[class*="bg-[#4F46E5]"],
button[class*="bg-[#3730A3]"],
a[class*="bg-[#3730A3]"],
button[class*="bg-[#0a66c2]"],
a[class*="bg-[#0a66c2]"],
button[class*="bg-[#E1306C]"],
a[class*="bg-[#E1306C]"],
button[class*="bg-[#111827]"],
a[class*="bg-[#111827]"] {
  color: #ffffff !important;
}

.entry-content img {
  border-radius: 1.5rem;
  max-width: 100%;
  height: auto;
  margin: 2rem auto;
  border: 1px solid #E5E7EB;
}

.entry-content blockquote {
  border-right: 4px solid #4F46E5;
  background-color: #EEF2FF;
  padding: 1.5rem 2rem;
  border-radius: 1rem;
  margin: 2rem 0;
  color: #312E81;
  font-weight: 500;
  font-size: 1.05rem;
}

.entry-content pre, 
.entry-content code {
  background: #f1f5f9;
  padding: 0.3rem 0.6rem;
  border-radius: 0.5rem;
  font-family: monospace;
  font-size: 0.95em;
}

.alignwide {
  max-width: 1150px;
  margin-left: auto;
  margin-right: auto;
}

.alignfull {
  max-width: 100vw;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

.elementor-page .site-main {
  max-width: 100% !important;
  padding: 0 !important;
}