/* فاصله دادن منو از tagline */
.theme-menu-area,
.theme-navigation-and-icons,
.theme-navigation{
  /*margin-bottom: 16px !important;*/
}
.theme-site-caption,
.theme-site-tagline{
  margin-top: 22px !important;
}
.theme-site-caption:before,
.theme-site-caption:after{
  opacity: .45;
}
.theme-site-caption{
  margin-bottom: 40px !important;
}
.theme-site-caption:before,
.theme-site-caption:after{
  height: 1px;
}
.theme-blog-heading{padding-top:50px;}
/* ===============================
   GLOBAL STICKY HEADER (ALL SITE)
   =============================== */

/* هدر اصلی Zoho */
theme-navigation,
theme-navigation-and-icons,
theme-menu-area{
  position: sticky !important;
  top: 0 !important;
  z-index: 9999 !important;
  background: #ffffff !important;
}

/* موبایل هم فریز بماند */
@media (max-width: 768px){
  theme-navigation,
  theme-navigation-and-icons,
  theme-menu-area{
    position: sticky !important;
    top: 0 !important;
    z-index: 9999 !important;

    /* جلوگیری از لگ موبایل */
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
}
/* ===============================
   FIX ZOHO PARENT CONFLICTS
   =============================== */
theme-navigation,
theme-navigation *{
  transform: none !important;
}

body,
html{
  overflow-x: hidden;
}
/* فاصله محتوا از هدر */
.theme-page-content,
.zs-section{
  padding-top: 72px;
}

@media (max-width:768px){
  .theme-page-content,
  .zs-section{
    padding-top: 64px;
  }
}
/* ===============================
   FORCE FIXED HEADER ON MOBILE
   (Zoho Sites global)
   =============================== */

@media (max-width: 991px){

  /* خود هدر Zoho */
  .zpheader-style-01.theme-mobile-headerstyle-01,
  .zpheader-style-01.theme-header-fixed,
  .zpheader-style-01{
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 999999 !important;
  }

  /* اگر Zoho برای هدر topbar جدا داره */
  .theme-header-area,
  .theme-header-container{
    position: relative !important;
    z-index: 999999 !important;
  }

  /* محتوا زیر هدر نره (ارتفاع رو اگر لازم شد تنظیم کن) */
  .theme-content-area,
  .theme-content-container,
  .theme-banner,
  .theme-banner-container{
  
  }
}
/* =========================================
   MOBILE: CONTENT SHOULD START AFTER FIXED HEADER
   ========================================= */
@media (max-width: 991px){

  /* 1) ارتفاع هدر موبایل (اگر لازم شد این عدد را تغییر بده) */
  :root{
    --mobileHeaderH: 120px;   /* ← 110/120/130 تست کن */
  }

  /* 2) هدر fixed */
  .zpheader-style-01.theme-mobile-headerstyle-01,
  .zpheader-style-01.theme-header-fixed,
  .zpheader-style-01{
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 999999 !important;
  }

  /* 3) فاصله واقعی محتوا از هدر: روی BODY بهترین و مطمئن‌ترینه */
  body{
    padding-top: var(--mobileHeaderH) !important;
  }

  /* 4) جلوگیری از دوبار فاصله (چون قبلاً روی سکشن‌ها padding دادی) */
  .theme-page-content,
  .zs-section,
  .zpsection,
  .theme-page-content .zpsection{
    padding-top: 0 !important;
    margin-top: 0 !important;
  }
}

/* =========================================
   DESKTOP/TABLET: اگر نمی‌خوای padding روی body بگیره
   ========================================= */
@media (min-width: 992px){
  body{ padding-top: 0 !important; }
}