/**
 * Autonis Core - High-Performance Industrial Slider Engine
 * Touch, Pointer & Mouse Dragging with Hardware-Accelerated RTL Support
 * Designed to feel as smooth, fluid, and robust as Swiper.js
 */

.atn-slider-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 6px 0 34px 0;
    user-select: none;
    -webkit-user-select: none;
    touch-action: pan-y;
}

.atn-slider-track {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    will-change: transform;
    cursor: grab;
}

.atn-slider-track.is-dragging {
    cursor: grabbing;
    transition: none !important;
}

.atn-slide {
    flex-shrink: 0;
    box-sizing: border-box;
    height: auto;
    transition: opacity var(--atn-transition-smooth, 220ms ease), transform var(--atn-transition-smooth, 220ms ease);
}

/* Navigation Buttons */
.atn-slider-nav {
    display: flex;
    align-items: center;
    gap: 8px;
}

.atn-slider-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 15;
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--atn-radius-sm, 4px);
    background: rgba(15, 23, 42, 0.88);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    color: #ffffff;
    border: 1px solid var(--atn-slate-700, #334155);
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35);
    transition: all var(--atn-transition-snappy, 140ms ease);
}

.atn-slider-btn:hover {
    background: var(--atn-accent-600, #d97706);
    border-color: var(--atn-accent-500, #f59e0b);
    color: #ffffff;
    box-shadow: 0 0 16px var(--atn-accent-glow, rgba(217, 119, 6, 0.4));
    transform: translateY(-50%) scale(1.08);
}

.atn-slider-btn:active {
    transform: translateY(-50%) scale(0.96);
}

.atn-slider-btn.is-disabled {
    opacity: 0.25;
    cursor: not-allowed;
    pointer-events: none;
}

/* RTL navigation positions */
[dir="rtl"] .atn-slider-btn-prev,
.atn-slider-container[dir="rtl"] .atn-slider-btn-prev {
    right: 12px;
}

[dir="rtl"] .atn-slider-btn-next,
.atn-slider-container[dir="rtl"] .atn-slider-btn-next {
    left: 12px;
}

[dir="ltr"] .atn-slider-btn-prev {
    left: 12px;
}

[dir="ltr"] .atn-slider-btn-next {
    right: 12px;
}

/* Pagination Bullets */
.atn-slider-pagination {
    position: absolute;
    bottom: 6px;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    z-index: 12;
}

.atn-slider-bullet {
    width: 9px;
    height: 9px;
    border-radius: var(--atn-radius-full, 9999px);
    background: var(--atn-slate-600, #475569);
    border: 1px solid rgba(255, 255, 255, 0.2);
    cursor: pointer;
    transition: all var(--atn-transition-smooth, 220ms cubic-bezier(0.4, 0, 0.2, 1));
}

.atn-slider-bullet:hover {
    background: var(--atn-accent-400, #fbbf24);
    transform: scale(1.2);
}

.atn-slider-bullet.is-active {
    width: 28px;
    border-radius: var(--atn-radius-sm, 4px);
    background: linear-gradient(90deg, var(--atn-accent-500, #f59e0b), var(--atn-accent-600, #d97706));
    border-color: var(--atn-accent-300, #fcd34d);
    box-shadow: 0 0 10px var(--atn-accent-glow, rgba(217, 119, 6, 0.4));
}

/* Autoplay Progress Bar (Optional) */
.atn-slider-progress {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    background: var(--atn-accent-500, #f59e0b);
    transition: width 0.1s linear;
    z-index: 14;
}