/* =========================================================================
   فرانیکان — پالت رنگی یکپارچه و مخاطب‌پسند، طراحی‌شده برای افزایش نرخ تبدیل
   =========================================================================
   منطق طراحی:

   ۱) «آبی اعتماد» (Trust Blue) — از خط‌کشِ لوگو — رنگ هویتی/ساختاری سایت.
      روی ناوبری، تیترها، لینک‌ها و پس‌زمینه‌های نرم استفاده می‌شود تا
      حس حرفه‌ای‌بودن و اعتبار آموزشگاه منتقل شود.

   ۲) «نارنجیِ اقدام» (Action Orange) — از مدادِ لوگو — تنها روی
      دکمه‌های تبدیل (مشاوره رایگان / ثبت‌نام / ارسال) استفاده می‌شود.
      نارنجی گرم از نظر روان‌شناسی رنگ، پرانرژی‌ترین و اقدام‌محورترین
      رنگ برای CTA است و در کنار آبی اعتماد، بیشترین کنتراست بصری را
      ایجاد می‌کند تا چشم مستقیم روی دکمه بنشیند.

   ۳) «فیروزه‌ای تازگی» (Fresh Cyan) — از انتهای خط‌کش — فقط برای
      نکات مثبت/تیک‌ها/جزئیات ثانویه، تا صفحه یکنواخت نشود.

   ۴) «قرمز فوریت» (Urgency Red) — مخصوص بج‌های تخفیف/محدودیت ظرفیت —
      تا حس فوریت خرید ایجاد شود، بدون این‌که با نارنجی CTA اصلی تداخل کند.

   نتیجه: به‌جای ۵ رنگ رقیب (بنفش/نارنجی/زرد/فیروزه‌ای/سبز) که قبلاً روی
   صفحه بود، الان فقط ۲ رنگ اصلی برند (آبی+نارنجی) + ۲ رنگ کمکی داریم.
   ========================================================================= */

:root,
[data-bs-theme="light"] {

  /* ---------- آبی اعتماد (هویتی/ساختاری) ---------- */
  --bs-primary: #0B5CCB;
  --bs-primary-rgb: 11, 92, 203;
  --bs-primary-text-emphasis: #083F8C;
  --bs-primary-bg-subtle: #EAF2FF;
  --bs-primary-border-subtle: #B9D5FF;

  /* bg-purple/text-purple قدیمی هم به همین آبی نگاشت می‌شود */
  --bs-purple: #0B5CCB;
  --bs-purple-rgb: 11, 92, 203;

  /* ---------- فیروزه‌ای تازگی (کمکی/جزئیات) ---------- */
  --bs-info: #12B8CE;
  --bs-info-rgb: 18, 184, 206;
  --bs-info-text-emphasis: #0B7F8F;
  --bs-info-bg-subtle: #E4F9FB;
  --bs-info-border-subtle: #9FE8EF;

  /* ---------- نارنجیِ اقدام (فقط CTA) ---------- */
  --bs-warning: #FF7A00;
  --bs-warning-rgb: 255, 122, 0;
  --bs-warning-text-emphasis: #B34E00;
  --bs-warning-bg-subtle: #FFF1E3;
  --bs-warning-border-subtle: #FFC98A;

  --bs-orange: #FF7A00;
  --bs-orange-rgb: 255, 122, 0;

  /* ---------- قرمز فوریت (فقط تخفیف/ظرفیت محدود) ---------- */
  --bs-danger: #E5342E;
  --bs-danger-rgb: 229, 52, 46;

  /* ---------- سبز اطمینان (تیک‌ها/تاییدیه‌ها) ---------- */
  --bs-success: #12A150;
  --bs-success-rgb: 18, 161, 80;

  /* گرادیان‌های برند */
  --fk-gradient-cta:   linear-gradient(135deg, #FF8A1E 0%, #FF6A00 100%);
  --fk-gradient-trust: linear-gradient(135deg, #0B5CCB 0%, #063E96 100%);
  --fk-gradient-hero:  linear-gradient(135deg, rgba(11,92,203,.10), rgba(255,122,0,.16));
  --fk-gradient-brand: linear-gradient(120deg, #063E96 0%, #0B5CCB 40%, #FF7A00 100%);
  --fk-shadow-cta: 0 10px 24px -6px rgba(255, 122, 0, .45);
}

/* =========================================================================
   گرادیان‌های hardcoded که با متغیر CSS آپدیت نمی‌شدند
   ========================================================================= */
.fk-timeline-track::before {
  background: var(--fk-gradient-brand) !important;
  opacity: .4 !important;
}

section .rounded-4[style*="background: linear-gradient(120deg, #4b2fb0"] {
  background: var(--fk-gradient-brand) !important;
}

#quickConsultModal .col-md-5[style*="background: linear-gradient(155deg, #4b2fb0"] {
  background: var(--fk-gradient-brand) !important;
}

.fill-warning { fill: var(--bs-warning) !important; }
.fill-orange  { fill: var(--bs-orange)  !important; }

/* =========================================================================
   دکمه‌های CTA — نقطه‌ی اصلی تبدیل مخاطب به مشتری
   ========================================================================= */
.btn-warning {
  background: var(--fk-gradient-cta) !important;
  border: none !important;
  color: #fff !important;
  box-shadow: var(--fk-shadow-cta);
  transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
}
.btn-warning:hover,
.btn-warning:focus {
  transform: translateY(-2px);
  box-shadow: 0 14px 28px -6px rgba(255, 122, 0, .55);
  filter: brightness(1.03);
  color: #fff !important;
}

.btn-primary {
  background: var(--fk-gradient-trust) !important;
  border: none !important;
}
.btn-primary:hover {
  filter: brightness(1.08);
}

.btn-outline-primary {
  color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
}
.btn-outline-primary:hover {
  background: var(--bs-primary) !important;
  color: #fff !important;
}

/* =========================================================================
   کارت‌های دوره — قیمت و تخفیف با کنتراست بیشتر برای ترغیب به خرید
   ========================================================================= */
.course-card,
.instructor-card,
.fk-inperson-card,
.card {
  border-radius: 1rem;
}

.course-card__ribbon,
.badge.bg-purple {
  background-color: var(--bs-primary) !important;
}

.course-card__cta,
.instructor-card__cta {
  color: var(--bs-primary);
  font-weight: 600;
}

.course-card__price-old {
  color: #9AA3AF !important; /* قیمت قدیم کم‌رنگ‌تر برای تاکید بیشتر روی قیمت جدید */
}

.course-card__price-current {
  color: var(--bs-primary-text-emphasis) !important;
  font-weight: 800 !important;
}

.course-card__discount-badge {
  background: var(--bs-danger) !important;
  color: #fff !important;
  font-weight: 700;
}

/* =========================================================================
   آیکون‌های مرحله‌ای تایم‌لاین و کارت "تو الان کجایی؟"
   ========================================================================= */
.fk-step-icon.text-purple,
.fk-step-icon .text-purple { color: var(--bs-primary) !important; }

/* بج «رایگان»/نکات مثبت با فیروزه‌ای تازگی به‌جای رنگ‌های پراکنده */
.badge.bg-success.bg-opacity-10 { color: var(--bs-success) !important; }
.badge.bg-orange.bg-opacity-10 { color: var(--bs-warning) !important; }

/* =========================================================================
   پس‌زمینه‌ی نرم بخش‌های Hero/Counsoling برای عمق بصری بیشتر
   ========================================================================= */
section .rounded-3.bg-light,
.bg-light.rounded-3 {
  background: linear-gradient(135deg, #F4F8FF 0%, #FFF7EF 100%) !important;
}