@charset "UTF-8";
::selection {
  color: #056F9D; /* رنگ متن انتخاب‌شده */
  background: transparent; /* حذف بک‌گراند انتخاب */
}

@font-face {
  font-family: "AzarMehr";
  src: url("../Fonts/AzarMehr-v3.0/variable/woff2/AzarMehr[DSTY,KSHD,wght].woff2") format("woff2-variations"), url("../Fonts/AzarMehr-v3.0/variable/woff2/AzarMehr[DSTY,KSHD,wght].woff2") format("woff2");
  font-weight: 100 900;
  font-stretch: 50% 200%;
  font-style: normal;
  font-display: swap;
}

body {
  font-family: "AzarMehr", sans-serif;
}

#Submenu-OF-Product,
#Submenu-OF-Media,
#language-Submenu,
#language-Submenu-mobile,
#products-submenu,
#media-submenu {
  display: none;
}

.scrollbar-left {
  direction: rtl; /* اسکرول سمت چپ میره */
}

.scrollbar-left > * {
  direction: ltr; /* ولی محتوا مثل قبل LTR می‌مونه */
}

.scrollbar-left::-webkit-scrollbar {
  width: 6px;
}

.scrollbar-left::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 8px;
}

.scrollbar-left::-webkit-scrollbar-track {
  background: transparent;
}

/* جهت فلش */
.rotate-180 {
  transform: rotate(180deg);
}

/* اسکرول سمت چپ */
.scrollbar-thumb-left::-webkit-scrollbar {
  width: 6px;
  direction: ltr !important;
}

.scrollbar-thumb-left::-webkit-scrollbar-track {
  background: transparent;
}

.scrollbar-thumb-left::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 8px;
}

.scrollbar-thumb-left {
  scrollbar-gutter: stable;
  direction: rtl;
}

.glow-effect {
  display: block;
  margin: 0 auto;
  filter: brightness(1.2) contrast(1.2) drop-shadow(0 0 25px rgba(7, 128, 179, 0.7));
  animation: glow 3s ease-in-out infinite;
  transition: filter 0.3s ease;
}

@keyframes glow {
  0% {
    filter: brightness(1) contrast(1) drop-shadow(0 0 15px rgba(7, 128, 179, 0.5));
  }
  50% {
    filter: brightness(1.5) contrast(1.3) drop-shadow(0 0 35px rgb(7, 128, 179));
  }
  100% {
    filter: brightness(1) contrast(1) drop-shadow(0 0 15px rgba(7, 128, 179, 0.5));
  }
}
.product-card {
  transition: all 0.5s ease;
  background: #03374D;
  border-radius: 10px;
}

.product-card:hover {
  background-image: linear-gradient(140.19deg, rgb(3, 55, 77) 0%, rgb(7, 128, 179) 97.75%);
  box-shadow: 0 0 15px rgba(7, 128, 179, 0.4);
  transform: translateY(-3px);
}

@layer utilities {
  .word-tight {
    word-spacing: -2px;
  }
}
.Latest-Box {
  transition: all 0.5s ease;
  background: #013E55;
}

.Latest-Box:hover {
  background-image: linear-gradient(140.19deg, rgb(3, 55, 77) 0%, rgb(7, 128, 179) 97.75%);
  box-shadow: 0 0 15px rgba(7, 128, 179, 0.4);
  transform: translateY(-3px);
}

.News-card {
  transition: all 0.5s ease;
  background: #022634;
  border-radius: 10px;
}

.News-card:hover {
  background-image: linear-gradient(135deg, #022634 0%, #05425A 40%, #0A6E91 100%);
  box-shadow: 0 0 20px rgba(10, 110, 145, 0.35), 0 0 40px rgba(10, 110, 145, 0.15);
  transform: translateY(-4px);
}

.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  overflow: visible; /* کارت خارج از اسلاید دیده شود */
  position: relative; /* برای اینکه z-index کارت اعمال شود */
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* پایین‌تر آوردن پیجینیشن و تغییر حالت نقطه‌ها */
.swiper-pagination {
  position: relative;
  margin-top: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

/* نقطه‌های پیجینیشن */
.swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: rgba(255, 255, 255, 0.4);
  opacity: 1;
  border-radius: 9999px;
  transition: all 0.3s ease;
}

/* نقطه فعال (وسطی یا هرکدوم که فعاله) */
.swiper-pagination-bullet-active {
  width: 40px; /* کشیده‌تر */
  background: linear-gradient(90deg, #57A7C7, #0A6E91);
  box-shadow: 0 0 8px rgba(10, 110, 145, 0.6);
}

/* استایل سفارشی برای اسکرول بار */
.custom-scrollbar {
  scrollbar-width: thin; /* برای مرورگرهای فایرفاکس */
  scrollbar-color: #6ED1FA #03374D; /* برای مرورگرهای فایرفاکس */
}

/* برای مرورگرهای مبتنی بر Webkit (Chrome, Safari, Edge) */
.custom-scrollbar::-webkit-scrollbar {
  width: 6px; /* عرض نازک اسکرول بار */
}

.custom-scrollbar::-webkit-scrollbar-track {
  background: #03374D; /* رنگ پس‌زمینه اسکرول بار */
  border-radius: 10px; /* بوردر رادیوس برای track */
  margin: 8px 0; /* فاصله از بالا و پایین */
}

.custom-scrollbar::-webkit-scrollbar-thumb {
  background: #6ED1FA; /* رنگ اسکرول بار */
  border-radius: 10px; /* بوردر رادیوس برای thumb */
  border: 1px solid #03374D; /* حاشیه برای کنتراست بهتر */
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
  background: #57A7C7; /* رنگ هنگام هاور */
}

/* برای حالت تاریک و سازگاری بهتر */
@media (prefers-color-scheme: dark) {
  .custom-scrollbar::-webkit-scrollbar-track {
    background: #03374D;
  }
  .custom-scrollbar::-webkit-scrollbar-thumb {
    background: #6ED1FA;
  }
}
/* استایل‌های اضافی برای آکاردئون */
.faq-item.active {
  border-color: #57A7C7;
  box-shadow: 0 4px 12px rgba(7, 128, 179, 0.2);
}

.faq-body {
  height: 0;
  overflow: hidden;
  transition: height 0.4s ease-in-out;
}

.faq-header {
  user-select: none;
}

.star {
  transition: color 0.2s ease;
  font-size: 26px;
}

.star.filled {
  color: #FFD700;
}

.Categories-CardsPost {
  transition: all 0.5s ease;
  background: #022634;
  border-radius: 10px;
}

.Categories-CardsPost:hover {
  background-image: linear-gradient(135deg, #022634 0%, #05425A 40%, #0A6E91 100%);
  box-shadow: 0 0 20px rgba(10, 110, 145, 0.35), 0 0 40px rgba(10, 110, 145, 0.15);
  transform: translateY(-4px);
}

.Categories-Cards {
  background: #03374D;
  border-radius: 10px;
}

.Categories-Cards.active-card {
  border: 2px solid #2B88AF;
  background-image: linear-gradient(135deg, #022634 0%, #05425A 40%, #0A6E91 100%);
}

.Categories-Cards-before-after {
  transition: all 0.5s ease;
  background: #022634;
  border-radius: 10px;
}

.Categories-Cards-before-after:hover {
  background-image: linear-gradient(135deg, #022634 0%, #05425A 40%, #0A6E91 100%);
  box-shadow: 0 0 20px rgba(10, 110, 145, 0.35), 0 0 40px rgba(10, 110, 145, 0.15);
}

.Categories-Cards-before-after {
  position: relative;
  overflow: hidden;
  background: #022634;
}

.Categories-Cards-before-after::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, #022634 0%, #05425A 40%, #0A6E91 100%);
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: -1;
}

.Categories-Cards-before-after:hover::before {
  opacity: 1;
}

.category-page {
  display: none;
}

.category-page.active {
  display: grid;
}

.active-page {
  background: linear-gradient(135deg, #022634 0%, #05425A 40%, #0A6E91 100%) !important;
  box-shadow: 0 0 20px rgba(10, 110, 145, 0.35), 0 0 40px rgba(10, 110, 145, 0.15) !important;
}

/* استایل برای تصاویر جایگزین */
.card-image-placeholder {
  background: linear-gradient(45deg, #013E55, #022634);
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.3);
  font-size: 14px;
}

.News {
  transition: all 0.5s ease;
  background: #022634;
  border-radius: 10px;
}

.News:hover {
  background-image: linear-gradient(135deg, #022634 0%, #05425A 40%, #0A6E91 100%);
  box-shadow: 0 0 20px rgba(10, 110, 145, 0.35), 0 0 40px rgba(10, 110, 145, 0.15);
  transform: translateY(-4px);
}

.Single {
  transition: all 0.5s ease;
  background: #03374D;
  border-radius: 10px;
}

.Single:hover {
  background-image: linear-gradient(135deg, #022634 0%, #05425A 40%, #0A6E91 100%);
  box-shadow: 0 0 20px rgba(10, 110, 145, 0.35), 0 0 40px rgba(10, 110, 145, 0.15);
}

/* استایل‌دهی سفارشی اسکرول‌بار فقط برای المنتی که کلاس custom-scroll دارد */
.custom-scroll::-webkit-scrollbar {
  width: 8px; /* ضخامت اسکرول */
  background: #41697C; /* رنگ پشت اسکرول */
  border-radius: 50px; /* نیم‌دایره شدن بالا و پایین */
}

.custom-scroll::-webkit-scrollbar-track {
  background: #41697C;
  border-radius: 50px;
}

.custom-scroll::-webkit-scrollbar-thumb {
  background: #57A7C7; /* رنگ خود اسکرول */
  border-radius: 50px; /* نیم‌دایره کامل */
}

.custom-scroll::-webkit-scrollbar-thumb:hover {
  background: #6EC5E1; /* رنگ روشن‌تر هنگام hover – اختیاری */
}

/* اسکرول‌بار افقی */
.custom-scroll::-webkit-scrollbar {
  height: 8px; /* ارتفاع اسکرول‌بار (افقی) */
  background: #41697C;
  border-radius: 50px;
}

/* پس‌زمینه مسیر اسکرول */
.custom-scroll::-webkit-scrollbar-track {
  background: #41697C;
  border-radius: 50px;
}

/* خود نوار متحرک */
.custom-scroll::-webkit-scrollbar-thumb {
  background: #57A7C7;
  border-radius: 50px;
}

/* حالت هاور */
.custom-scroll::-webkit-scrollbar-thumb:hover {
  background: #6EC5E1;
}

/* مخفی کردن رادیو اصلی */
.radio-input {
  display: none;
}

/* کانتینر کلی */
.radio-container {
  background: #03374D;
  padding: 4px;
  border-radius: 50px;
  display: flex;
  width: 260px;
  justify-content: space-between;
  gap: 6px;
  position: relative;
  color: #fff;
  align-items: center;
}

/* دایره اسلایدی پس زمینه */
.radio-slider {
  position: absolute;
  top: 6px;
  left: 6px;
  width: calc(50% - 4px);
  height: 40px;
  border-radius: 40px;
  background: linear-gradient(92.2deg, #00B4FF 1%, #007AAD 100%);
  border: 2px solid rgba(255, 255, 255, 0.3);
  transition: all 0.35s ease;
  z-index: 0;
}

/* لیبل‌ها */
.radio-label {
  width: 50%;
  justify-content: center;
  text-align: center;
  padding: 10px 28px;
  border-radius: 40px;
  cursor: pointer;
  position: relative;
  z-index: 2;
  font-weight: 500;
  transition: color 0.3s ease;
}

/* حرکت اسلاید */
#photo:checked ~ .radio-slider {
  transform: translateX(calc(100% - 4px));
}

#video:checked ~ .radio-slider {
  transform: translateX(0%);
}

.Media {
  transition: all 0.5s ease;
  background: #022634;
  border-radius: 10px;
}

.Media:hover {
  background-image: linear-gradient(135deg, #022634 0%, #05425A 40%, #0A6E91 100%);
  box-shadow: 0 0 20px rgba(10, 110, 145, 0.35), 0 0 40px rgba(10, 110, 145, 0.15);
  transform: translateY(-4px);
}

.category-page {
  transition: all 0.5s ease;
}

.Media {
  transition: all 0.3s ease;
}

.calendar-dropdown {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  margin-top: 8px;
  z-index: 1000;
}

@media (max-width: 1023px) {
  .calendar-dropdown {
    right: 50%;
    transform: translateX(50%);
  }
}
#History img {
  transition: transform 0.3s ease;
}

#History img.rotated {
  transform: rotate(180deg);
}

.calendar-day:hover {
  background-color: #6ED1FA;
  color: #03374D;
}

#media-container {
  position: relative;
  transition: min-height 0.3s ease;
}

#Videos, #Photos {
  transition: opacity 0.3s ease, visibility 0.3s ease;
  width: 100%;
}

.tab {
  cursor: pointer;
  color: rgba(255, 255, 255, 0.5); /* text-white/50 */
  margin-left: 20px;
}

/* رنگ فعال */
.active-tab {
  color: #6ED1FA;
}

/*# sourceMappingURL=Styles.css.map */