/* ════════════════════════════════════════════════
   Moalemet Suite — قالب اختصاصی معلمت v1.0.0
   ════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700;800&display=swap');

/* ══════════════════════════════════════════
   ۱. توکن‌های رنگ
══════════════════════════════════════════ */
:root {
  --m-primary:   #1E3A8A;
  --m-accent:    #B45309;
  --m-bg:        #F8FAFC;
  --m-fg:        #0F172A;
  --m-muted:     #64748B;
  --m-card:      #ffffff;
  --m-border:    #CBD5E1;
  --m-radius:    12px;
  --m-radius-sm: 8px;
}

/* ══════════════════════════════════════════
   ۲. تنظیمات پایه — فونت، رنگ، جهت
══════════════════════════════════════════ */
body, body * {
  font-family: 'Vazirmatn', Tahoma, Arial, sans-serif !important;
  direction: rtl;
}
body {
  background-color: var(--m-bg) !important;
  color: var(--m-fg) !important;
  line-height: 1.7 !important;
  padding-top: 64px !important;
}

/* ══════════════════════════════════════════
   ۳. تایپوگرافی
══════════════════════════════════════════ */
h1, h2, h3, h4, h5, h6,
.entry-title, .page-title, .widget-title {
  font-family: 'Vazirmatn', Tahoma, Arial, sans-serif !important;
  font-weight: 700 !important;
  color: var(--m-fg) !important;
  line-height: 1.35 !important;
}
h1 { font-size: 2rem !important; }
h2 { font-size: 1.6rem !important; }
h3 { font-size: 1.3rem !important; }
h4 { font-size: 1.1rem !important; }
p {
  color: var(--m-muted) !important;
  line-height: 1.8 !important;
  margin-bottom: 16px !important;
}
a { color: var(--m-primary) !important; text-decoration: none !important; transition: color 0.2s !important; }
a:hover { color: var(--m-accent) !important; }

/* ══════════════════════════════════════════
   ۴. دکمه‌ها
══════════════════════════════════════════ */
.wp-block-button__link, .button,
input[type="submit"], button[type="submit"], .submit-button {
  font-family: 'Vazirmatn', Tahoma, sans-serif !important;
  font-weight: 600 !important;
  background: var(--m-primary) !important;
  color: #fff !important;
  border: none !important;
  border-radius: var(--m-radius) !important;
  padding: 12px 28px !important;
  font-size: 14px !important;
  cursor: pointer !important;
  transition: opacity 0.2s !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  text-decoration: none !important;
}
.wp-block-button__link:hover, .button:hover,
input[type="submit"]:hover, button[type="submit"]:hover {
  opacity: 0.88 !important; color: #fff !important;
}

/* ══════════════════════════════════════════
   ۵. هدر / ناوبری
══════════════════════════════════════════ */
#masthead, #site-header, .site-header, header.site-header {
  position: fixed !important;
  top: 0 !important; left: 0 !important; right: 0 !important;
  z-index: 100 !important;
  background: transparent !important;
  border-bottom: 1px solid transparent !important;
  transition: background 0.3s, border-color 0.3s, backdrop-filter 0.3s !important;
  font-family: 'Vazirmatn', Tahoma, sans-serif !important;
}
#masthead.scrolled, #site-header.scrolled, .site-header.scrolled {
  background: rgba(248,250,252,0.88) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  border-bottom-color: var(--m-border) !important;
}
.site-title a, .site-title, .custom-logo-link, .navbar-brand {
  display: flex !important; align-items: center !important; gap: 8px !important;
  font-weight: 800 !important; font-size: 18px !important;
  color: var(--m-fg) !important; text-decoration: none !important;
}
.main-navigation a, .primary-menu a, #primary-menu a,
#site-navigation a, .nav-menu a, .menu-item a {
  font-family: 'Vazirmatn', Tahoma, sans-serif !important;
  font-size: 14px !important; color: #64748B !important; font-weight: 500 !important;
  padding: 7px 13px !important; border-radius: 7px !important;
  transition: color 0.15s, background 0.15s !important; text-decoration: none !important;
}
.main-navigation a:hover, .primary-menu a:hover, #site-navigation a:hover, .menu-item a:hover {
  color: var(--m-fg) !important; background: rgba(0,0,0,0.04) !important;
}
.main-navigation .current-menu-item > a,
.primary-menu .current-menu-item > a,
#site-navigation .current-menu-item > a {
  color: var(--m-fg) !important; font-weight: 600 !important; background: rgba(0,0,0,0.04) !important;
}
a.login-link {
  display: inline-flex !important; align-items: center !important;
  padding: 10px 20px !important; border-radius: 12px !important;
  font-size: 14px !important; font-weight: 500 !important; color: var(--m-fg) !important;
  border: 1px solid var(--m-border) !important; background: transparent !important;
  transition: background 0.2s !important; text-decoration: none !important;
}
a.login-link:hover { background: #E9EEF5 !important; color: var(--m-fg) !important; }
a.register-link {
  display: inline-flex !important; align-items: center !important;
  padding: 10px 20px !important; border-radius: 12px !important;
  font-size: 14px !important; font-weight: 600 !important;
  background: var(--m-primary) !important; color: #fff !important;
  border: none !important; text-decoration: none !important; transition: opacity 0.2s !important;
}
a.register-link:hover { opacity: 0.9 !important; color: #fff !important; }

/* ══════════════════════════════════════════
   ۶. محتوا
══════════════════════════════════════════ */
.entry-content, .page-content, .post-content, article.post {
  font-family: 'Vazirmatn', Tahoma, sans-serif !important;
  max-width: 820px !important; margin: 0 auto !important; padding: 32px 24px !important;
}
.wp-block-image img, .entry-content img, .post-thumbnail img {
  border-radius: var(--m-radius) !important; max-width: 100% !important;
}
.wp-block-quote, blockquote {
  border-right: 4px solid var(--m-primary) !important; border-left: none !important;
  padding: 16px 20px !important; background: #EFF6FF !important;
  border-radius: 0 var(--m-radius-sm) var(--m-radius-sm) 0 !important;
  color: var(--m-fg) !important; font-style: normal !important;
}
.entry-content ul, .entry-content ol { padding-right: 20px !important; padding-left: 0 !important; }
.entry-content li { margin-bottom: 6px !important; }

/* ══════════════════════════════════════════
   ۷. جدول
══════════════════════════════════════════ */
.wp-block-table table, table { border-collapse: collapse !important; width: 100% !important; font-size: 14px !important; }
.wp-block-table td, .wp-block-table th, table td, table th {
  border: 1px solid var(--m-border) !important; padding: 10px 14px !important; text-align: right !important;
}
.wp-block-table th, table th {
  background: #EFF6FF !important; color: var(--m-primary) !important; font-weight: 700 !important;
}
.wp-block-table tr:nth-child(even) td { background: #F8FAFC !important; }

/* ══════════════════════════════════════════
   ۸. فرم‌ها
══════════════════════════════════════════ */
input[type="text"], input[type="email"], input[type="password"],
input[type="search"], input[type="tel"], input[type="url"],
input[type="number"], textarea, select {
  font-family: 'Vazirmatn', Tahoma, sans-serif !important;
  font-size: 14px !important; color: var(--m-fg) !important;
  background: var(--m-card) !important; border: 1.5px solid var(--m-border) !important;
  border-radius: var(--m-radius-sm) !important; padding: 10px 14px !important;
  width: 100% !important; transition: border-color 0.2s, box-shadow 0.2s !important; direction: rtl !important;
}
input[type="text"]:focus, input[type="email"]:focus,
input[type="password"]:focus, textarea:focus, select:focus {
  border-color: var(--m-primary) !important;
  box-shadow: 0 0 0 3px rgba(30,58,138,0.1) !important; outline: none !important;
}
label {
  font-size: 14px !important; font-weight: 500 !important; color: var(--m-fg) !important;
  display: block !important; margin-bottom: 6px !important;
}
.login #loginform, .register #registerform, .woocommerce-form, #commentform {
  background: var(--m-card) !important; border: 1px solid var(--m-border) !important;
  border-radius: var(--m-radius) !important; padding: 32px !important;
  max-width: 480px !important; margin: 40px auto !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.06) !important;
}
.login h1 a { color: var(--m-primary) !important; font-weight: 800 !important; }
.mlm-field { margin-bottom: 16px !important; }
.mlm-field .required { color: #DC2626; }

/* ══════════════════════════════════════════
   ۹. ویجت‌ها / سایدبار
══════════════════════════════════════════ */
.widget {
  background: var(--m-card) !important; border: 1px solid var(--m-border) !important;
  border-radius: var(--m-radius) !important; padding: 20px !important; margin-bottom: 20px !important;
}
.widget-title {
  font-size: 15px !important; font-weight: 700 !important; color: var(--m-fg) !important;
  padding-bottom: 12px !important; border-bottom: 1px solid var(--m-border) !important; margin-bottom: 16px !important;
}
.widget ul li { border-bottom: 1px solid #F1F5F9 !important; padding: 8px 0 !important; font-size: 14px !important; }
.widget ul li a { color: var(--m-muted) !important; }
.widget ul li a:hover { color: var(--m-primary) !important; }

/* ══════════════════════════════════════════
   ۱۰. صفحه‌بندی
══════════════════════════════════════════ */
.pagination .page-numbers, .page-numbers {
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  width: 36px !important; height: 36px !important; border-radius: var(--m-radius-sm) !important;
  border: 1px solid var(--m-border) !important; color: var(--m-muted) !important;
  font-size: 14px !important; font-weight: 500 !important; margin: 0 3px !important;
  transition: all 0.2s !important; text-decoration: none !important;
}
.pagination .page-numbers:hover { border-color: var(--m-primary) !important; color: var(--m-primary) !important; }
.pagination .page-numbers.current, .page-numbers.current {
  background: var(--m-primary) !important; border-color: var(--m-primary) !important; color: #fff !important;
}

/* ══════════════════════════════════════════
   ۱۱. فوتر
══════════════════════════════════════════ */
#colophon, .site-footer, footer.site-footer {
  background: #0F172A !important; color: rgba(255,255,255,0.55) !important;
  padding: 28px 24px !important; text-align: center !important;
  font-size: 13px !important; font-family: 'Vazirmatn', Tahoma, sans-serif !important;
}
.site-footer a, #colophon a {
  color: rgba(255,255,255,0.65) !important; text-decoration: none !important; transition: color 0.2s !important;
}
.site-footer a:hover, #colophon a:hover { color: #fff !important; }
.site-footer .sep, #colophon .sep { margin: 0 10px !important; opacity: 0.25 !important; }

/* ══════════════════════════════════════════
   ۱۲. بلاک‌های گوتنبرگ
══════════════════════════════════════════ */
.wp-block-separator { border-color: var(--m-border) !important; margin: 32px auto !important; }
.wp-block-code {
  border-radius: var(--m-radius-sm) !important; background: #1E293B !important;
  color: #E2E8F0 !important; font-size: 13px !important;
}
.wp-block-cover { border-radius: var(--m-radius) !important; overflow: hidden !important; }

/* ══════════════════════════════════════════
   ۱۳. نوتیفیکیشن‌ها
══════════════════════════════════════════ */
.notice, .woocommerce-message, .woocommerce-error, .woocommerce-info, div.updated, div.error {
  border-radius: var(--m-radius-sm) !important;
  border-right: 4px solid var(--m-primary) !important; border-left: none !important;
  font-family: 'Vazirmatn', Tahoma, sans-serif !important; padding: 12px 16px !important;
}
div.error { border-right-color: #DC2626 !important; }
div.updated { border-right-color: #16A34A !important; }

/* ══════════════════════════════════════════
   ۱۴. لرن‌دش — استایل‌های سفارشی
══════════════════════════════════════════ */

/* هدر دوره */
.learndash-wrapper .ld-course-title,
.learndash_post_type-sfwd-courses .entry-title {
  font-size: 1.8rem !important; font-weight: 800 !important; color: var(--m-fg) !important;
}

/* کارت دوره در لیست */
.ld-course-list-items .ld-item-list-item {
  border: 1px solid var(--m-border) !important; border-radius: var(--m-radius) !important;
  overflow: hidden !important; transition: box-shadow 0.2s !important; background: #fff !important;
}
.ld-course-list-items .ld-item-list-item:hover {
  box-shadow: 0 4px 20px rgba(0,0,0,.08) !important;
}

/* نوار پیشرفت */
.learndash-wrapper .ld-progress-bar { border-radius: 100px !important; height: 6px !important; }
.learndash-wrapper .ld-progress-bar-percentage {
  background: var(--m-primary) !important; border-radius: 100px !important;
}

/* دکمه‌های لرن‌دش */
.learndash-wrapper .ld-button,
.learndash-wrapper .btn-join,
.learndash-wrapper .learndash_mark_complete_button {
  background: var(--m-primary) !important; color: #fff !important;
  border-radius: var(--m-radius-sm) !important; font-family: 'Vazirmatn', Tahoma, sans-serif !important;
  font-weight: 600 !important; border: none !important;
}

/* تب‌های دوره */
.learndash-wrapper .ld-tabs .ld-tab {
  font-family: 'Vazirmatn', Tahoma, sans-serif !important; font-size: 14px !important;
  font-weight: 500 !important; color: var(--m-muted) !important;
}
.learndash-wrapper .ld-tabs .ld-tab.ld-active {
  color: var(--m-primary) !important; border-bottom-color: var(--m-primary) !important;
}

/* لیست دروس */
.learndash-wrapper .ld-lesson-list-item {
  border: 1px solid var(--m-border) !important; border-radius: var(--m-radius-sm) !important;
  margin-bottom: 8px !important; background: #fff !important;
}
.learndash-wrapper .ld-lesson-title { font-weight: 600 !important; color: var(--m-fg) !important; }

/* آزمون */
.learndash-wrapper .wpProQuiz_content {
  font-family: 'Vazirmatn', Tahoma, sans-serif !important; direction: rtl !important;
}
.learndash-wrapper .wpProQuiz_list li {
  border: 1.5px solid var(--m-border) !important; border-radius: 8px !important;
  margin-bottom: 8px !important; padding: 12px 16px !important; cursor: pointer !important;
  transition: border-color 0.15s, background 0.15s !important;
}
.learndash-wrapper .wpProQuiz_list li:hover {
  border-color: var(--m-primary) !important; background: #EFF6FF !important;
}
.learndash-wrapper .wpProQuiz_list li.correct { background: #F0FDF4 !important; border-color: #16A34A !important; }
.learndash-wrapper .wpProQuiz_list li.incorrect { background: #FEF2F2 !important; border-color: #DC2626 !important; }

/* ══════════════════════════════════════════
   ۱۵. WooCommerce دوره‌ها
══════════════════════════════════════════ */
.woocommerce .woocommerce-product-gallery { border-radius: var(--m-radius) !important; overflow: hidden !important; }
.woocommerce-page .woocommerce-breadcrumb { font-size: 13px !important; color: var(--m-muted) !important; }
.woocommerce .price { color: var(--m-primary) !important; font-weight: 700 !important; }
.woocommerce button.button.alt {
  background: var(--m-primary) !important; border-radius: var(--m-radius) !important;
  font-family: 'Vazirmatn', Tahoma, sans-serif !important;
}

/* ══════════════════════════════════════════
   ۱۶. ریسپانسیو
══════════════════════════════════════════ */
@media (max-width: 768px) {
  h1 { font-size: 1.6rem !important; }
  h2 { font-size: 1.35rem !important; }
  .entry-content, .page-content { padding: 20px 16px !important; }
  .login #loginform, .register #registerform { padding: 20px !important; margin: 20px 16px !important; }
  .learndash-wrapper .ld-course-list-items { grid-template-columns: 1fr !important; }
}