/*
Theme Name: پوسته اختصاصی محمدرسول خانی 
Theme URI: https://rahbalad.media
Description: این پوسته چایلد به طور اختصاصی برای رسانه گردشگری راه بلد توسط مهندس خانی ساخته شده است.
Author: مهندس محمدرسول خانی
Author URI: https://rahbalad.media
Template: hello-elementor
Version: 1.0.0
Text Domain: khani-theme
*/

@import url("../hello-elementor/style.css");




/* کانتینر هدف - در المنتور کلاس quick-scroll رو براش بذار */
.quick-scroll {
  overflow: auto !important;          /* اسکرول فقط وقتی نیاز باشه */
  overflow-x: auto !important;
  overflow-y: hidden;                 /* عمودی نه، چون افقیه در حالت شما */
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;              /* برای فایرفاکس */
  scrollbar-color: #8c7aff rgba(0,0,0,0.08);
  max-width: 100%;
  box-sizing: border-box;
}

/* جلوگیری از ظاهر شدن فلش‌های خالی در حالت بدون نیاز به اسکرول */
.quick-scroll::-webkit-scrollbar:horizontal:disabled {
  display: none;
}

/* در المنتور بعضی ردیف‌ها باعث اورفلو بی‌مورد می‌شن، با این خط درستش می‌کنیم */
.quick-scroll .elementor-container,
.quick-scroll .elementor-row,
.quick-scroll .elementor-widget-wrap {
  min-width: 100% !important;
  box-sizing: border-box;
  overflow: visible !important;
}

/* استایل زیبا برای نوار اسکرول افقی */
.quick-scroll::-webkit-scrollbar {
  height: 10px;
}
.quick-scroll::-webkit-scrollbar-track {
  background: rgba(0,0,0,0.05);
  border-radius: 10px;
}
.quick-scroll::-webkit-scrollbar-thumb {
  background: linear-gradient(90deg, #6bc1ff, #8c7aff);
  border-radius: 10px;
}
.quick-scroll::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(90deg, #7ed3ff, #a48cff);
}