.elementor-4111 .elementor-element.elementor-element-9bbb351{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4111 .elementor-element.elementor-element-f613246{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4111 .elementor-element.elementor-element-4e59e6d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-a2c7d42 *//* ------------------------------------------
   1. نوار بالایی (Navbar Container)
   ------------------------------------------ */
.vct-navbar {
  width: 100%;
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(10px);
  position: sticky;
  top: 0;
  z-index: 999;
  border-bottom: 1px solid #e2e8f0;
}

.vct-nav-container {
  max-width: 1400px;
  margin: auto;
  display: flex;
  align-items: center; /* تراز عمودی آیتم‌ها در وسط */
  justify-content: space-between; /* لوگو و دکمه‌ها به کناره‌ها می‌چسبند */
  
  /* *** تغییر کلیدی برای چسبیدن به لبه‌ها (حذف پدینگ افقی) *** */
  padding: 15px 0px; 
  
  direction: rtl; /* برای فارسی‌سازی ترتیب عناصر */
}

/* ------------------------------------------
   2. لوگو
   ------------------------------------------ */
.vct-logo {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 900;
  font-size: 1.7rem;
  color: #013683; /* رنگ اصلی Vecto */
}

.vct-logo img {
  padding-bottom: 9px;
  height: 60px;
  width: auto;
  object-fit: contain;
}

.ai-text {
  color: #60b9e5; /* رنگ آبی برای AI */
}

/* ------------------------------------------
   3. منو ناوبری (Nav Menu) - بازبینی شده
   ------------------------------------------ */
.vct-nav-menu ul {
  list-style: none;
  display: flex; /* این برای منوی اصلی (افقی) است */
  gap: 28px; 
  margin: 0;
  padding: 0;
}

.vct-nav-menu a {
  text-decoration: none;
  color:#000000;
  font-size: 1rem;
  padding: 5px 0;
  transition: color 0.2s ease;
}

.vct-nav-menu a:hover {
  color: #4338ca;
}

/* تنظیمات دراپ‌داون */
.vct-dropdown {
  position: relative;
}

.vct-dropdown-menu {
  list-style: none;
  position: absolute;
  top: 100%; 
  right: 0; 
  min-width: 200px;
  background-color: #fff;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  padding: 10px 0;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
  
  /* *** اطمینان از نمایش عمودی: این تگ به صورت پیش‌فرض block است و نیازی به تعریف نیست، اما برای اطمینان آن را واضح می‌گذاریم *** */
  display: block; 


  min-width: 290px; /* افزایش عرض منو */
  width: max-content; /* عرض بر اساس طول متن */

}

.vct-dropdown-menu li {
  padding: 0;
}

.vct-dropdown-menu a {
  display: block; /* هر لینک فضای کامل li را اشغال می‌کند */
  padding: 8px 15px;
  font-size: 0.95rem;
}

.vct-dropdown:hover .vct-dropdown-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
/* ------------------------------------------
   تنظیمات تکمیلی برای اطمینان از چیدمان عمودی زیرمنو
   ------------------------------------------ */
.vct-dropdown-menu {
  /* اطمینان از اینکه آیتم‌ها به صورت ستونی نمایش داده شوند */
  display: block; 
  flex-direction: column; /* این مورد برای ul پیش‌فرض است اما برای اطمینان اضافه می‌شود */
  gap: 0; /* حذف هرگونه فاصله افقی */
}

.vct-dropdown-menu li {
  display: block; /* اطمینان از اینکه هر آیتم روی یک خط است */
  width: 100%; /* آیتم‌ها عرض کامل را بگیرند */
}
/* ------------------------------------------
   4. دکمه‌های اقدام (Action Buttons) - بازبینی شده برای مینیمال‌سازی
   ------------------------------------------ */
.vct-nav-actions {
  display: flex;
  gap: 12px; /* کاهش فاصله کمی بیشتر */
}

.vct-login,
.vct-signup {
  text-decoration: none;
  
  /* *** کاهش Padding برای کوچک‌تر شدن دکمه‌ها *** */
  padding: 6px 14px; /* کاهش از 8px 16px */
  
  border-radius: 6px;
  transition: background-color 0.2s ease, color 0.2s ease;
  font-weight: 500;
  
  /* *** کاهش اندازه فونت *** */
  font-size: 0.875rem; /* کاهش از 1rem */
}

.vct-login {
  color: #4338ca;
  border: 1px solid #e0e7ff; /* رنگ حاشیه ملایم */
}

.vct-login:hover {
  background-color: #e0e7ff;
}

.vct-signup {
  background-color: #4338ca;
  color: white;
}

.vct-signup:hover {
  background-color: #3730a3;
}

/* ------------------------------------------
   5. ریسپانسیو (برای حالت موبایل/تبلت)
   ------------------------------------------ */
@media (max-width: 1100px) {
  /* در این حالت، منو را پنهان می‌کنیم و احتمالاً باید یک آیکون همبرگری اضافه شود (که در HTML فعلی نیست) */
  .vct-nav-menu {
    display: none; 
  }
  
  .vct-nav-container {
    /* اگر منو را پنهان کردید، شاید بخواهید فاصله بین لوگو و دکمه‌ها را تنظیم کنید */
    gap: 30px; 
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8afa1a5 *//* ================= MODERN FOOTER ================= */
.vct-footer {
  position: relative;
  margin-top: 120px;
  padding-top: 90px;
  background: linear-gradient(180deg, #ffffff 0%, #f1f5ff 100%);
  color: #1e293b;
  overflow: hidden;
}

/* افکت نور لطیف */
.vct-footer::before {
  content: "";
  position: absolute;
  top: -120px;
  right: -120px;
  width: 400px;
  height: 400px;
  background: radial-gradient(circle, rgba(96,185,229,0.15) 0%, transparent 70%);
  z-index: 0;
}

.footer-inner {
  position: relative;
  z-index: 2;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px 60px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 80px;
  flex-wrap: wrap;
}

/* ===== تماس با ما ===== */
.footer-contact h3 {
  font-size: 1.3rem;
  font-weight: 800;
  margin-bottom: 25px;
  position: relative;
  display: inline-block;
}
.footer-contact h3::after {
  content: "";
  position: absolute;
  bottom: -8px;
  right: 0;
  width: 60%;
  height: 3px;
  background: linear-gradient(90deg, #3b82f6, #7c3aed);
  border-radius: 10px;
}
.footer-contact p {
  margin-bottom: 12px;
  font-size: 0.95rem;
  color: #475569;
}

/* ===== برند ===== */
.footer-brand {
  text-align: center;
  padding-top: 25px;
}
.footer-brand .vct-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-weight: 900;
  font-size: 1.4rem;
  color: #013683; /* رنگ سورمه‌ای برای Vecto */
}
.footer-brand .vct-logo img {
  padding-bottom: 5px;
  height: 45px;
  width: auto;
  object-fit: contain;
}
.footer-brand .vct-logo .ai-text {
  color: #60b9e5; /* آبی برای AI */
}

/* ===== سوشال ===== */
/* ===== سوشال ===== */
.socials {
  display: flex;
  justify-content: center;
  gap: 18px;
  padding-top: 10px;
}

/* کادر هر آیکون */
.socials a {
  width: 44px;
  height: 44px;
  border-radius: 14px;
  background: #ffffff;
  border: 1px solid #e2e8f0;

  display: flex;
  align-items: center;
  justify-content: center;

  overflow: hidden;               /* مهم‌ترین خط برای حل مشکل گوشه‌های تیز */
  transition: transform .25s ease,
              box-shadow .25s ease,
              border-color .25s ease;
}

/* تصویر داخل کادر */
.socials a img {
  width: 100%;
  height: 100%;
  object-fit: cover;             /* کل کادر را پر می‌کند */
  display: block;
  transition: transform .25s ease, filter .25s ease;
}

/* هاور شیک و بدون خراب‌کردن تصویر */
.socials a:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 25px rgba(59,130,246,0.20);
  border-color: #d0d7e5;
}

/* تغییر ظریف خود عکس */
.socials a:hover img {
  transform: scale(1.05);
  filter: saturate(1.1) contrast(1.03);
}

.socials i {
  font-size: 20px;
}
.vct-footer .socials a {
  min-width: 36px;
  min-height: 36px;
  width: 36px;
  height: 36px;
}
.vct-footer .socials a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}


/* ===== کپی‌رایت ===== */
.footer-copy {
  text-align: center;
  padding: 25px 20px;
  font-size: 0.85rem;
  color: #64748b;
  border-top: 1px solid #e2e8f0;
  background: #ffffff;
}

/* ===== ریسپانسیو ===== */
@media (max-width: 768px) {
  .footer-inner {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 50px;
  }
  .footer-contact {
    text-align: center;
  }
}/* End custom CSS */