/**
 * Hero Slideshow Pro - CSS
 * Base styles and animations
 */

/* Reset */
.hsp-container * {
    box-sizing: border-box;
}

/* Base slideshow */
.hsp-slideshow {
    position: relative;
    width: 100%;
}

/* Prevent text selection during interactions */
.hsp-slideshow button {
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

/* Focus states for accessibility */
.hsp-arrow-btn:focus,
.hsp-dot:focus,
.hsp-button:focus {
    outline: 2px solid currentColor;
    outline-offset: 2px;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
    .hsp-slide,
    .hsp-button,
    .hsp-arrow-btn,
    .hsp-dot,
    .hsp-content-inner > * {
        transition: none !important;
        animation: none !important;
    }
    
    .hsp-ken-burns {
        animation: none !important;
    }
}

/* Touch device optimizations */
@media (hover: none) {
    .hsp-arrow-btn:hover {
        transform: none;
    }
}

/* Print styles */
@media print {
    .hsp-slideshow {
        height: auto !important;
        min-height: auto !important;
    }
    
    .hsp-slide:not(.active) {
        display: none;
    }
    
    .hsp-arrows,
    .hsp-dots,
    .hsp-counter {
        display: none !important;
    }
}