/**
 * AW Shortcode Perfector - Frontend Styles
 * Version: 1.0.0
 */

/* Общие стили для всех шорткодов */
.awsp-list,
.awsp-cards,
.awsp-card,
.awsp-text,
.awsp-box,
.awsp-table-wrapper,
.awsp-row {
    box-sizing: border-box;
}

/* Сброс стилей для вложенных элементов */
.awsp-list *,
.awsp-cards *,
.awsp-card *,
.awsp-text *,
.awsp-box *,
.awsp-table-wrapper *,
.awsp-row * {
    box-sizing: border-box;
}

/* Плавная прокрутка для таблиц */
.awsp-table-wrapper {
    -webkit-overflow-scrolling: touch;
}

/* Анимации */
@keyframes awsp-fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.awsp-card,
.awsp-box {
    animation: awsp-fadeIn 0.6s ease-out;
}

/* Responsive utilities */
@media print {
    .awsp-box-button {
        display: none;
    }
}

/* Accessibility */
.awsp-box-button:focus,
.awsp-card:focus-within {
    outline: 2px solid #667eea;
    outline-offset: 2px;
}

/* Кастомный скроллбар для таблиц */
.awsp-table-wrapper::-webkit-scrollbar {
    height: 8px;
}

.awsp-table-wrapper::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

.awsp-table-wrapper::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 4px;
}

.awsp-table-wrapper::-webkit-scrollbar-thumb:hover {
    background: #555;
}