/**
 * 日系清新风格主题元素响应式样式
 *
 * @package    Japanese_Style_Theme_Elements
 * @subpackage Japanese_Style_Theme_Elements/public/css
 * @author     Your Name <email@example.com>
 */

/* 大屏幕设备 (1200px以上) */
@media (min-width: 1200px) {
    .jste-container {
        padding: 0 30px;
    }
    
    .jste-section-title {
        font-size: 32px;
    }
    
    .jste-section-description {
        font-size: 18px;
    }
}

/* 中等屏幕设备 (992px - 1199px) */
@media (max-width: 1199px) {
    .jste-slider {
        height: 450px;
    }
    
    .jste-slide-title {
        font-size: 28px;
    }
    
    .jste-slide-description {
        font-size: 16px;
    }
    
    .jste-section {
        padding: 50px 0;
    }
}

/* 平板设备 (768px - 991px) */
@media (max-width: 991px) {
    .jste-slider {
        height: 400px;
    }
    
    .jste-slide-title {
        font-size: 24px;
    }
    
    .jste-slide-description {
        font-size: 15px;
    }
    
    .jste-section {
        padding: 40px 0;
    }
    
    .jste-section-title {
        font-size: 24px;
    }
    
    .jste-warehouse,
    .jste-ecommerce,
    .jste-service,
    .jste-extension {
        padding: 30px;
    }
    
    .jste-warehouse-items,
    .jste-ecommerce-items {
        grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
        gap: 20px;
    }
    
    .jste-service-item {
        flex: 1 1 100%;
    }
}

/* 手机设备 (576px - 767px) */
@media (max-width: 767px) {
    .jste-slider {
        height: 350px;
        border-radius: 8px;
    }
    
    .jste-slide-content {
        width: 90%;
        padding: 15px;
    }
    
    .jste-slide-title {
        font-size: 22px;
        margin-bottom: 10px;
    }
    
    .jste-slide-description {
        font-size: 14px;
        margin-bottom: 15px;
    }
    
    .jste-section {
        padding: 30px 0;
    }
    
    .jste-section-title {
        font-size: 22px;
        margin-bottom: 10px;
    }
    
    .jste-section-description {
        font-size: 14px;
        margin-bottom: 30px;
    }
    
    .jste-warehouse,
    .jste-ecommerce,
    .jste-service,
    .jste-extension {
        padding: 25px;
        border-radius: 8px;
    }
    
    .jste-warehouse-header,
    .jste-ecommerce-header,
    .jste-service-header {
        margin-bottom: 30px;
    }
    
    .jste-warehouse-item,
    .jste-ecommerce-item,
    .jste-service-item {
        padding: 20px;
    }
    
    .jste-warehouse-item-title,
    .jste-ecommerce-item-title,
    .jste-service-item-title {
        font-size: 18px;
    }
    
    .jste-button {
        padding: 8px 20px;
        font-size: 15px;
    }
    
    .jste-slider-nav {
        width: 35px;
        height: 35px;
    }
    
    .jste-slider-prev {
        left: 10px;
    }
    
    .jste-slider-next {
        right: 10px;
    }
    
    .jste-slider-dots {
        bottom: 15px;
    }
    
    .jste-slider-dot {
        width: 10px;
        height: 10px;
    }
    
    .jste-ecommerce-header {
        flex-direction: column;
        text-align: center;
    }
    
    .jste-ecommerce-icon {
        margin-right: 0;
        margin-bottom: 15px;
    }
    
    .jste-service-item {
        flex-direction: column;
        text-align: center;
    }
    
    .jste-service-item-icon {
        margin-right: 0;
        margin-bottom: 15px;
        margin-left: auto;
        margin-right: auto;
    }
}

/* 小型手机设备 (575px以下) */
@media (max-width: 575px) {
    .jste-slider {
        height: 300px;
    }
    
    .jste-slide-title {
        font-size: 20px;
    }
    
    .jste-slide-description {
        font-size: 13px;
    }
    
    .jste-section-title {
        font-size: 20px;
    }
    
    .jste-section-description {
        font-size: 13px;
    }
    
    .jste-warehouse,
    .jste-ecommerce,
    .jste-service,
    .jste-extension {
        padding: 20px;
    }
    
    .jste-warehouse-items,
    .jste-ecommerce-items {
        grid-template-columns: 1fr;
    }
    
    .jste-warehouse-item,
    .jste-ecommerce-item,
    .jste-service-item {
        padding: 15px;
    }
    
    .jste-warehouse-item-title,
    .jste-ecommerce-item-title,
    .jste-service-item-title {
        font-size: 16px;
    }
    
    .jste-warehouse-item-description,
    .jste-ecommerce-item-description,
    .jste-service-item-description {
        font-size: 13px;
    }
    
    .jste-button {
        padding: 8px 18px;
        font-size: 14px;
    }
    
    .jste-social-buttons {
        gap: 8px;
    }
    
    .jste-social-size-medium .jste-social-button {
        width: 35px;
        height: 35px;
    }
    
    .jste-extension-title {
        font-size: 20px;
    }
    
    .jste-extension-description {
        font-size: 14px;
    }
    
    .jste-extension-content {
        padding: 15px;
    }
}

/* 横屏模式优化 */
@media (max-height: 500px) and (orientation: landscape) {
    .jste-slider {
        height: 250px;
    }
    
    .jste-slide-content {
        padding: 10px;
    }
    
    .jste-slide-title {
        font-size: 18px;
        margin-bottom: 5px;
    }
    
    .jste-slide-description {
        font-size: 12px;
        margin-bottom: 10px;
    }
    
    .jste-section {
        padding: 20px 0;
    }
}

/* 高分辨率屏幕优化 */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .jste-dot-pattern {
        background-size: 20px 20px;
    }
}

/* 深色模式支持 */
@media (prefers-color-scheme: dark) {
    .jste-section {
        color: #f0f0f0;
    }
    
    :root {
        --jste-primary-color: #2a2a2a;
        --jste-secondary-color: #3a6d8c;
        --jste-accent-color: #5a9bbd;
        --jste-text-color: #f0f0f0;
        --jste-light-text: #c0c0c0;
        --jste-border-color: #444444;
        --jste-shadow-color: rgba(0, 0, 0, 0.2);
    }
    
    .jste-warehouse-item,
    .jste-service-item {
        background-color: #333333;
    }
    
    .jste-ecommerce-item {
        background-color: #2a2a2a;
    }
    
    .jste-extension {
        background-color: #333333;
    }
    
    .jste-extension-content {
        background-color: #2a2a2a;
    }
    
    .jste-paper {
        background-color: #333333;
    }
    
    .jste-paper:before {
        border-color: var(--jste-secondary-color) var(--jste-primary-color);
    }
}

/* 打印样式优化 */
@media print {
    .jste-section {
        padding: 20px 0;
    }
    
    .jste-slider,
    .jste-social {
        display: none;
    }
    
    .jste-warehouse,
    .jste-ecommerce,
    .jste-service,
    .jste-extension {
        box-shadow: none;
        border: 1px solid #ddd;
    }
    
    .jste-warehouse-item,
    .jste-ecommerce-item,
    .jste-service-item {
        box-shadow: none;
        border: 1px solid #ddd;
    }
    
    .jste-button {
        display: none;
    }
}