/**
 * Enhanced Testimonial Widget - Main Stylesheet
 * Complete rebuild with 5 unique design skins
 *
 * @package Elementor_Swiss_Kit
 * @since 1.0.0
 */

/* ==========================================================================
   Import Layout Styles
   ========================================================================== */

@import url('./enhanced-testimonial/layouts/grid.css');
@import url('./enhanced-testimonial/layouts/carousel.css');
@import url('./enhanced-testimonial/layouts/multi-column-scroll.css');

/* ==========================================================================
   Import Design Skins
   ========================================================================== */

@import url('./enhanced-testimonial/skins/three-column-cards.css');
@import url('./enhanced-testimonial/skins/two-column-simple.css');
@import url('./enhanced-testimonial/skins/premium-single-card.css');
@import url('./enhanced-testimonial/skins/glassmorphism-cards.css');
@import url('./enhanced-testimonial/skins/multi-column-grid.css');

/* ==========================================================================
   Base Widget Styles
   ========================================================================== */

.esk-testimonial-widget {
    width: 100%;
    position: relative;
}

/* Subtle border for all testimonial skin containers */
.esk-skin-three-column-cards-item,
.esk-skin-two-column-simple-item,
.esk-skin-premium-single-card-item,
.esk-skin-glassmorphism-cards-item,
.esk-skin-multi-column-grid-item {
    border: 1px solid rgba(0,0,0,0.07);
    box-sizing: border-box;
}

/* Subtle border for dark mode */
[data-theme="dark"] .esk-skin-three-column-cards-item,
[data-theme="dark"] .esk-skin-two-column-simple-item,
[data-theme="dark"] .esk-skin-premium-single-card-item,
[data-theme="dark"] .esk-skin-glassmorphism-cards-item,
[data-theme="dark"] .esk-skin-multi-column-grid-item {
    border: 1px solid rgba(255,255,255,0.10);
}

/* ==========================================================================
   Utility Classes
   ========================================================================== */

.esk-text-center { text-align: center; }
.esk-text-left { text-align: left; }
.esk-text-right { text-align: right; }

.esk-mb-0 { margin-bottom: 0; }
.esk-mb-1 { margin-bottom: 0.25rem; }
.esk-mb-2 { margin-bottom: 0.5rem; }
.esk-mb-3 { margin-bottom: 0.75rem; }
.esk-mb-4 { margin-bottom: 1rem; }
.esk-mb-5 { margin-bottom: 1.25rem; }
.esk-mb-6 { margin-bottom: 1.5rem; }

.esk-mt-0 { margin-top: 0; }
.esk-mt-1 { margin-top: 0.25rem; }
.esk-mt-2 { margin-top: 0.5rem; }
.esk-mt-3 { margin-top: 0.75rem; }
.esk-mt-4 { margin-top: 1rem; }
.esk-mt-5 { margin-top: 1.25rem; }
.esk-mt-6 { margin-top: 1.5rem; }

/* ==========================================================================
   Accessibility Enhancements
   ========================================================================== */

@media (prefers-reduced-motion: reduce) {
    .esk-testimonial-widget * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

@media (prefers-contrast: high) {
    .esk-testimonial-widget {
        border: 2px solid currentColor;
    }
} 

/* ==========================================================================
   Print Styles
   ========================================================================== */

@media print {
    .esk-testimonial-widget {
        break-inside: avoid;
        page-break-inside: avoid;
    }
}