/* =========================================================
   شرکت آی آر - استایل جدید (سرمه‌ای / طلایی رسمی)
   این فایل فقط ظاهر رو تغییر می‌ده. هیچ کلاس یا ساختاری
   حذف نشده، پس کارکرد اسلایدر/شمارنده/اسلایدر دسته‌بندی سالم می‌مونه.
   این فایل باید بعد از تمام CSS های فعلی سایت لود بشه.
========================================================= */

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

:root{
  --navy: #0B2A4A;
  --navy-deep: #071D33;
  --blue: #1D5D9B;
  --gold: #B8892B;
  --gold-light: #E4C275;
  --paper: #F7F5F0;
  --ink: #1C2430;
}

/* فونت کل سایت */
body, h1, h2, h3, h4, h5, h6, p, a, span, li {
  font-family: 'Vazirmatn', Tahoma, sans-serif !important;
}

/* ===== بنر / اسلایدر اصلی ===== */
.banner-area{
  background: var(--navy-deep) !important;
}
.banner-area h1{
  color: #fff !important;
}
.box-table.shadow.dark{
  background: linear-gradient(180deg, rgba(7,29,51,.15) 0%, rgba(7,29,51,.85) 100%) !important;
}

/* دکمه‌های اصلی (gradient) -> طلایی رسمی */
.btn-gradient{
  background: var(--gold) !important;
  background-image: none !important;
  color: var(--navy-deep) !important;
  border: none !important;
  font-weight: 600 !important;
}
.btn-gradient:hover{
  background: var(--gold-light) !important;
  color: var(--navy-deep) !important;
}

/* ===== عنوان بخش‌ها ===== */
.site-heading h5{
  color: var(--gold) !important;
  font-weight: 600 !important;
}
.site-heading h2, .about-area h2, .why-choseus-area h2{
  color: var(--navy-deep) !important;
  font-weight: 800 !important;
}

/* ===== بخش درباره / آمار ===== */
.about-area{
  background: var(--paper) !important;
}
.fun-fact .timer, .fun-fact .medium{
  color: var(--navy) !important;
}

/* ===== چرا ما ===== */
.why-choseus-area{
  background: #fff !important;
}
.why-choseus-area .single-item .item span{
  color: rgba(11,42,74,.15) !important; /* شماره بزرگ پس‌زمینه‌ای */
}
.why-choseus-area .single-item .item i{
  color: var(--gold) !important;
}
.why-choseus-area .single-item .item h4{
  color: var(--navy-deep) !important;
}

/* ===== دسته‌بندی‌ها (رنگ‌های malachite/torchred/tulip/mariner) ===== */
.categories-area .item.malachite.malachite,
.categories-area .item.torchred.torchred,
.categories-area .item.tulip.tulip,
.categories-area .item.mariner.mariner{
  background: var(--navy) !important;
  background-image: none !important;
}
.categories-area .item:hover{
  background: var(--gold) !important;
  background-image: none !important;
}
.categories-area .item:hover h5,
.categories-area .item:hover span,
.categories-area .item:hover i{
  color: var(--navy-deep) !important;
}
.categories-area .heading h2{
  color: var(--navy-deep) !important;
}

/* خط تزئینی زیر عنوان بخش‌ها (پیش‌فرض قرمزه) */
.site-heading:after,
.site-heading h2:after,
.site-heading:before{
  background: var(--gold) !important;
  background-color: var(--gold) !important;
}

/* خط/بولت کنار آیتم‌های لیست (بخش ثبت شرکت / تامین مهندس) */
.why-choseus-area .item ul li{
  border-color: var(--gold) !important;
}
.why-choseus-area .item ul li:before{
  background: var(--gold) !important;
  color: var(--gold) !important;
}

/* ===== باکس‌های ویژگی زیر بنر (ثبت برند / رتبه بندی / ...) ===== */
.default-features-area .item{
  box-shadow: 0 4px 20px rgba(11,42,74,.07) !important;
  border: 1px solid rgba(11,42,74,.06) !important;
  transition: all .25s ease !important;
}
.default-features-area .item:hover{
  box-shadow: 0 14px 30px rgba(11,42,74,.16) !important;
  border-color: var(--gold) !important;
  transform: translateY(-5px);
}
.default-features-area .item h4{
  color: var(--navy-deep) !important;
}
.default-features-area .item img{
  background: linear-gradient(135deg, rgba(184,137,43,.08), rgba(11,42,74,.06));
  border-radius: 50%;
  padding: 16px;
  width: 78px !important;
  height: 78px !important;
}
.default-features-area .single-item{
  transition: transform .2s ease;
}

/* ===== تایپوگرافی و فاصله‌گذاری کلی‌تر برای حس مدرن‌تر ===== */
.banner-area h1{
  font-size: 30px !important;
  letter-spacing: -.01em;
}
.banner-area .content h2{
  font-size: 46px !important;
  font-weight: 800 !important;
  letter-spacing: -.02em;
}
.banner-area .content p{
  font-size: 18px !important;
  opacity: .85;
}
.site-heading h2{
  font-size: 30px !important;
  letter-spacing: -.01em;
}
.about-area .info h2{
  font-size: 32px !important;
}
.why-choseus-area .item-box .item h4{
  font-size: 19px !important;
}
.categories-area .heading h2{
  font-size: 26px !important;
}

/* ===== شمارنده‌های آماری (fun-factor) ===== */
.fun-factor-area.bg-gradient{
  background: linear-gradient(135deg, var(--navy-deep) 0%, var(--navy) 100%) !important;
  background-image: none !important;
}
.fun-factor-area .timer, .fun-factor-area .operator{
  color: var(--gold-light) !important;
}

/* ===== مقالات ===== */
.blog-area{
  background: var(--paper) !important;
}
.blog-items .item{
  border: 1px solid #E3DFD5 !important;
  border-radius: 10px !important;
  overflow: hidden !important;
}
.blog-items .item .date{
  background: var(--gold) !important;
  color: var(--navy-deep) !important;
}
.blog-items .item h4 a{
  color: var(--navy-deep) !important;
}
.blog-items .item .btn-more{
  color: var(--blue) !important;
}

/* ===== هدر/ناوبری =====
   نوار بالا (تماس/ورود) از قبل سرمه‌ای هست، دست نمی‌زنیم.
   خود منوی اصلی رو هم سفید و تمیز نگه می‌داریم و فقط رنگ‌های
   تاکیدی (هاور و لینک فعال) رو طلایی می‌کنیم. */

.navbar .navbar-nav > li > a:hover,
.navbar .navbar-nav > li.active > a,
.navbar .navbar-nav > li > a.dropdown-toggle:hover{
  color: var(--gold) !important;
}

/* رفع رنگ قرمز پیش‌فرض حالت active (لینک «خانه» همیشه کلاس active داره روی خود a) */
.navbar-nav a.active,
.navbar-nav a.active:hover,
.navbar-nav a.active:focus,
.navbar-default .navbar-nav a.active,
.bootsnav .navbar-nav a.active,
nav.navbar a.active{
  color: var(--gold) !important;
  background: transparent !important;
}

.navbar .dropdown-menu > li > a:hover{
  background: var(--paper) !important;
  color: var(--gold) !important;
}

/* نوار بالای هدر (شماره تماس / ورود و ثبت‌نام) - رنگ کمی هماهنگ‌تر با برند */
.top-bar-area a:hover{
  color: var(--gold-light) !important;
}

/* ===== فوتر ===== */
footer.bg-dark{
  background: var(--navy-deep) !important;
}
footer .widget-title,
footer .f-item.about h5{
  color: var(--gold-light) !important;
  font-weight: 700 !important;
}
footer .f-item p{
  color: rgba(255,255,255,.65) !important;
}
footer .f-item.link ul li a,
footer .f-item.about a{
  color: rgba(255,255,255,.75) !important;
}
footer .f-item.link ul li a:hover{
  color: var(--gold) !important;
}

/* برچسب‌های شماره تماس کارشناسان که رنگشون inline قرمز تنظیم شده */
footer .f-item.contact .address li p{
  background: var(--gold) !important;
  color: var(--navy-deep) !important;
  font-weight: 600 !important;
}
footer .f-item.contact .address li strong{
  color: #fff !important;
}

/* نوار پایین فوتر */
.footer-bottom{
  background: var(--navy-deep) !important;
  border-top: 1px solid rgba(255,255,255,.08) !important;
}
.footer-bottom p, .footer-bottom a{
  color: rgba(255,255,255,.6) !important;
}
.footer-bottom a:hover{
  color: var(--gold) !important;
}

/* ===== اسکرول‌بار شخصی‌سازی‌شده ===== */
html{
  scrollbar-color: var(--navy) var(--paper);
  scrollbar-width: thin;
}
::-webkit-scrollbar{
  width: 10px;
}
::-webkit-scrollbar-track{
  background: var(--paper);
}
::-webkit-scrollbar-thumb{
  background: var(--navy);
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover{
  background: var(--gold);
}

/* ===== نشانگر موس سفارشی (فقط دسکتاپ) ===== */
@media (hover: hover) and (pointer: fine){
  body{
    cursor: none;
  }
  a, button, .btn, input, textarea, select, .dropdown-toggle{
    cursor: none;
  }
  #ir-cursor-dot{
    position: fixed;
    top: 0; left: 0;
    width: 8px; height: 8px;
    background: var(--gold);
    border-radius: 50%;
    pointer-events: none;
    z-index: 99999;
    transform: translate(-50%,-50%);
  }
  #ir-cursor-ring{
    position: fixed;
    top: 0; left: 0;
    width: 32px; height: 32px;
    border: 1.5px solid var(--gold);
    border-radius: 50%;
    pointer-events: none;
    z-index: 99998;
    opacity: .65;
    transform: translate(-50%,-50%);
  }
  #ir-cursor-ring.ir-active{
    border-color: var(--navy);
    opacity: 1;
  }
}

/* ===== انیمیشن ظریف هنگام اسکرول ===== */
.ir-reveal{
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .7s cubic-bezier(.2,.6,.2,1), transform .7s cubic-bezier(.2,.6,.2,1);
}
.ir-reveal.ir-visible{
  opacity: 1;
  transform: translateY(0);
}

/* ===== عمق بصری با گرادینت‌های نرم ===== */
.banner-area{
  position: relative;
}
.banner-area:before{
  content: '';
  position: absolute; inset: 0;
  background:
    radial-gradient(circle at 15% 20%, rgba(184,137,43,.18), transparent 45%),
    radial-gradient(circle at 85% 80%, rgba(29,93,155,.25), transparent 50%);
  pointer-events: none;
  z-index: 1;
}
.banner-area .carousel{ position: relative; z-index: 2; }

.fun-factor-area{ position: relative; overflow: hidden; }
.fun-factor-area:before{
  content: '';
  position: absolute; inset: 0;
  background: radial-gradient(circle at 80% 20%, rgba(184,137,43,.15), transparent 40%);
  pointer-events: none;
}

/* ===== دکمه‌ها با سایه‌ی نرم و حرکت هاور ===== */
.btn-gradient{
  transition: all .25s ease !important;
  box-shadow: 0 6px 18px rgba(184,137,43,.25) !important;
}
.btn-gradient:hover{
  box-shadow: 0 10px 26px rgba(184,137,43,.4) !important;
  transform: translateY(-2px);
}

/* ===== هدر صفحات داخلی (breadcrumb) - استخدام مهندسین و صفحات مشابه ===== */
.breadcrumb-area.bg-gradient{
  background: linear-gradient(135deg, var(--navy-deep), var(--navy)) !important;
  background-image: none !important;
  padding: 55px 0 !important;
  min-height: 0 !important;
}
.breadcrumb-area h1{
  color: #fff !important;
  font-weight: 800 !important;
  font-size: 24px !important;
  margin-bottom: 10px !important;
}
.breadcrumb-area .breadcrumb{
  margin-bottom: 0 !important;
}
.breadcrumb-area .breadcrumb li a{
  color: rgba(255,255,255,.75) !important;
}
.breadcrumb-area .breadcrumb li a:hover{
  color: var(--gold-light) !important;
}
.breadcrumb-area .breadcrumb li.active{
  color: var(--gold-light) !important;
}

/* ===== محتوای صفحه (عنوان، توضیحات) ===== */
.course-details-area .top-info h2{
  color: var(--navy-deep) !important;
  font-weight: 800 !important;
}
.course-details-area .description{
  color: var(--ink) !important;
  line-height: 1.95 !important;
}

/* ===== فرم‌های ثبت‌نام (مهندسین، سهامی خاص، برند و...) ===== */
.description .form-control,
form .form-control{
  border: 1.5px solid #E3DFD5 !important;
  border-radius: 8px !important;
  padding: 12px 14px !important;
  height: auto !important;
  margin-bottom: 14px !important;
  transition: border-color .2s ease, box-shadow .2s ease !important;
}
.description .form-control:focus,
form .form-control:focus{
  border-color: var(--navy) !important;
  box-shadow: 0 0 0 3px rgba(11,42,74,.08) !important;
  outline: none !important;
}
.nice-select{
  border: 1.5px solid #E3DFD5 !important;
  border-radius: 8px !important;
  height: auto !important;
  line-height: 1.6 !important;
  padding: 12px 14px !important;
  margin-bottom: 14px !important;
  width: 100% !important;
}
.nice-select:hover{
  border-color: var(--navy) !important;
}
.nice-select .list{
  border-radius: 8px !important;
  width: 100% !important;
}
form label{
  color: var(--navy-deep) !important;
  font-weight: 600 !important;
  display: block !important;
  margin-bottom: 6px !important;
  margin-top: 6px !important;
}
form .btn-info,
form button[type="submit"]{
  background: var(--gold) !important;
  border-color: var(--gold) !important;
  color: var(--navy-deep) !important;
  font-weight: 700 !important;
  border-radius: 8px !important;
  box-shadow: 0 6px 18px rgba(184,137,43,.25) !important;
  transition: all .2s ease !important;
}
form .btn-info:hover,
form button[type="submit"]:hover{
  background: var(--gold-light) !important;
  transform: translateY(-2px);
}
.alert-success{
  background: rgba(47,125,87,.08) !important;
  border: 1px solid rgba(47,125,87,.3) !important;
  color: #1f5c3d !important;
  border-radius: 8px !important;
}
.alert-danger{
  border-radius: 8px !important;
}

/* ===== کارت سایدبار (راهنما/ویدیو) و آخرین مقالات ===== */
.course-preview{
  border-radius: 12px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 20px rgba(11,42,74,.08) !important;
}
.course-preview .content .pricce h6{
  color: var(--navy-deep) !important;
}
.btn-theme{
  background: var(--navy) !important;
  color: #fff !important;
  border-radius: 8px !important;
  border: none !important;
}
.btn-theme:hover{
  background: var(--navy-deep) !important;
}
.recent-post .title h4{
  color: var(--navy-deep) !important;
  border-bottom: 2px solid var(--gold) !important;
  padding-bottom: 10px !important;
}
.recent-post ul li .info a{
  color: var(--ink) !important;
  font-weight: 600 !important;
}
.recent-post ul li .info a:hover{
  color: var(--gold) !important;
}
.recent-post .post-date{
  color: #6B7280 !important;
}