/**
 * SM Slider Kit — Skin default: Hero CTA + nav side hooks
 *
 * طراحی و کدنویسی شده توسط سروش ماندگار
 * Soroush-e Mandegar — soruh.ir
 * برنامه‌نویس: علی انصاری — Ali Ansari — AliAnsari.ir
 *
 * متغیرها روی اسکوپ Hero تعریف می‌شوند و در هسته با زنجیرهٔ
 * --sm-hero-* → --slider-* → مقدار پیش‌فرض ارث‌بری می‌کنند.
 * مستقل از استایل عمومی صفحات (header-shop / style-compiled).
 */
#hero-slider-wrap,
.sm-hero-skin,
.slider-mode-hero.slider-wrap {
    /* پایه */
    --sm-hero-btn-bg: #ffffff;
    --sm-hero-btn-text: #1a1a1a;
    --sm-hero-btn-border: #ffffff;
    --sm-hero-btn-radius: 10px;
    /* هاور — رنگ متن قابل تنظیم */
    --sm-hero-btn-hover-bg: #8b1a1a;
    --sm-hero-btn-hover-text: #ffffff;
    --sm-hero-btn-hover-border: #8b1a1a;
}

/* غلبه بر right ثابت در CSS قدیمی سایت برای navSide */
#hero-slider-wrap.slider-nav-side-left .hero-slider-nav-wrap,
#hero-slider-wrap.slider-nav-side-left .slider-nav-wrap {
    right: auto !important;
    left: 20px !important;
    inset-inline-end: auto;
    inset-inline-start: 20px;
}
#hero-slider-wrap.slider-nav-side-right .hero-slider-nav-wrap,
#hero-slider-wrap.slider-nav-side-right .slider-nav-wrap {
    left: auto !important;
    right: 20px !important;
    inset-inline-start: auto;
    inset-inline-end: 20px;
}

/* دات Hero: کلیک‌پذیری حتی اگر CSS صفحه pointer-events را محدود کند */
#hero-slider-wrap .hero-slider-dots.is-visible,
#hero-slider-wrap .slider-dots.is-visible {
    pointer-events: auto !important;
    z-index: 40;
}
#hero-slider-wrap .hero-slider-dots.is-visible .slider-dot,
#hero-slider-wrap .hero-slider-dots.is-visible .hero-slider-dot,
#hero-slider-wrap .slider-dots.is-visible .slider-dot {
    pointer-events: auto !important;
    cursor: pointer;
}

/* اسکین مشتریان: دات خطی زرشکی (وقتی dotStyle=lines) */
#companies.slider-dots--lines,
#companies .slider-dots.slider-dots--lines {
    --slider-dot-color: rgba(139, 26, 26, 0.35);
    --slider-dot-active-color: #8b1a1a;
    --slider-dot-width: 14px;
    --slider-dot-active-width: 28px;
    --slider-dot-size: 4px;
    --slider-dot-radius: 2px;
}