/* 
Theme Name:  سازونه چایلد
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*================= اسکرول‌بار اختصاصی تدارکیار =================*/
::-webkit-scrollbar {
    width: 8px;
    height: 8px; /* برای اسکرول‌های افقی احتمالی */
}

::-webkit-scrollbar-track {
    background: #06110F; /* پس‌زمینه تیره اصلی */
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(
        180deg,
        #0E8E71, /* سبز نئونی تدارکیار */
        #081714  /* سبز بسیار تیره */
    );
    border-radius: 100px;
    border: 2px solid #06110F; /* ایجاد یک حاشیه خالی دور اسکرول‌بار جهت زیبایی بیشتر */
}

::-webkit-scrollbar-thumb:hover {
    background: #0B725A; /* سبز هاور تدارکیار */
}


/*================= افکت مرز متحرک نئونی (بدون z-index) =================*/
.moving-border {
  position: relative;
  border-radius: 18px;
  padding: 24px;
  
  /* پس‌زمینه کارت متالیک تدارکیار */
  background: 
    linear-gradient(#0C1B18, #0C1B18) padding-box, /* لایه رنگ داخلی کارت */
    linear-gradient(90deg, #0E8E71, #06110F, #0B725A, #0E8E71) border-box; /* لایه مرز متحرک */
  
  border: 1px solid transparent; /* فعال کردن فضای border-box */
  background-size: 100% 100%, 300% 300%;
  animation: borderFlow 6s linear infinite;
  
  box-shadow: 
    0 15px 35px rgba(0, 0, 0, 0.4),
    0 0 15px rgba(14, 142, 113, 0.1);
  
  transition: box-shadow 0.4s ease, border-color 0.4s ease;
}

.moving-border:hover {
  box-shadow: 
    0 20px 40px rgba(0, 0, 0, 0.5),
    0 0 25px rgba(14, 142, 113, 0.25);
}

@keyframes borderFlow {
  0% {
    background-position: 0% 50%, 0% 50%;
  }
  100% {
    background-position: 0% 50%, 300% 50%;
  }
}