/* Vazirmatn Regular */
@font-face {
    font-family: 'Vazirmatn';
    src: url('../fonts/Vazirmatn-Regular.woff2') format('woff2'),       /* فایل محلی */
         url('https://fonts.gstatic.com/s/vazirmatn/v13/...') format('woff2'); /* آدرس دقیق از گوگل */
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Vazirmatn Bold */
@font-face {
    font-family: 'Vazirmatn';
    src: url('../fonts/Vazirmatn-Bold.woff2') format('woff2'),
         url('https://fonts.gstatic.com/s/vazirmatn/v13/...') format('woff2');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

/* ===== ۲. تنظیمات ریشه و متغیرهای قالب ===== */
:root {
  --cassiopeia-font-family-body: 'Vazirmatn', Tahoma, Arial, sans-serif;
  --cassiopeia-font-family-headings: 'Vazirmatn', Tahoma, Arial, sans-serif;
  --cassiopeia-color-primary: #1a5276;
  --cassiopeia-color-hover: #154360;
}

/* ===== ۳. حل قطعی لغزش افقی و راست‌چین (RTL) ===== */
html, body {
  max-width: 100% !important;
  overflow-x: hidden !important;
  direction: rtl;
  font-family: 'Vazirmatn', Tahoma, sans-serif;
  font-size: 14px;
}

/* ===== ۴. اصلاح انیمیشن کادر جستجوی هوشمند ===== */
.js-finder-search-query, 
div.awesomplete > input#mod-finder-searchword209 {
  will-change: transform, opacity;
  transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out !important;
}

/* ===== ۵. منوی اصلی بالا (حالت ریسپانسیو) ===== */
@media (max-width: 991.98px) {
  .navigation .mod-menu__heading, 
  .navigation .dropdown-toggle {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}

.navbar-nav .nav-link {
  font-family: var(--cassiopeia-font-family-body);
}

/* ===== ۶. ستون کناری ===== */
.sidebar-right {
  border-right: none;
  border-left: 1px solid #dee2e6;
  padding-left: 15px;
}

/* ===== ۷. افکت‌های پیشرفته کارت‌های تگ ===== */
.custom-tag-card {
  transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.3s ease-in-out;
  background: #ffffff;
}

.custom-tag-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1) !important;
}

.img-hover-zoom {
  transition: transform 0.5s ease;
}

.custom-tag-card:hover .img-hover-zoom {
  transform: scale(1.08);
}

.hover-primary-color {
  transition: color 0.2s ease-in-out;
}

.custom-tag-card:hover .hover-primary-color {
  color: var(--cassiopeia-color-primary, #0d6efd) !important;
}

.custom-tag-card .btn-outline-primary {
  transition: all 0.3s ease;
}

.custom-tag-card:hover .btn-outline-primary {
  background-color: var(--cassiopeia-color-primary, #0d6efd);
  color: #fff;
}

/* ===== ۸. استایل سفارشی منو: hajj-vmenu ===== */
ul.hajj-vmenu a {
  display: block;
  cursor: pointer;
  z-index: 1;
  position: relative;
  
}

ul.hajj-vmenu > li > a {
  background: #4BC2F1;
  background: linear-gradient(to bottom, #BDE9FA 0%, #12AFED 60%, #095B7B 100%) no-repeat;
  background: -webkit-linear-gradient(top, #BDE9FA 0, #12AFED 60%, #095B7B 100%) no-repeat;
  
  -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.4);
  
  padding: 0 15px;
  margin: 0 auto;
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  text-decoration: none !important; 
  color: #000 !important; 
  min-height: 32px;
  line-height: 32px;
  border-radius: 4px;
}

ul.hajj-vmenu > li > a:hover {
  color: #333 !important;
  text-decoration: none !important;
}

/* ===== ۹. تنظیم اندازه تگ‌های عنوان ===== */
h3, .h3 {
  font-size: 1.25rem !important;
}


/* تثبیت رنگ سفید برای تمام لینک‌ها و نوشته‌های منوی اصلی */
.container-header .mod-menu a,
.container-header .mod-menu a:link,
.container-header .mod-menu a:visited,
.container-header .mod-menu a:hover,
.container-header .mod-menu a:focus,
.container-header .mod-menu a:active,
.container-header .mod-menu > li > span {
    color: #ffffff !important;
}