/**
 * DP CSS Fixes - Single Product Page Styles
 *
 * 單一商品頁面專用樣式，僅在 is_product() 時載入。
 * 包含：手機版產品資訊、圖庫、加入購物車按鈕等。
 *
 * @package DP_CSS_Fixes
 * @since 2.0.0
 */

/* ============================================
 * 手機版單一商品頁面修復（僅手機直擺）
 * ============================================ */
@media only screen and (max-width: 767px) and (orientation: portrait) {
    /* 文章項目高度自適應 */
    .dp-post-item {
        height: auto !important;
    }

    /* 介紹內容左內距 */
    .dp-intro-content {
        padding-left: 15px !important;
    }

    /* 產品圖庫 - 高度自適應 */
    .dp-single-product-gallery {
        height: auto !important;
    }

    /* 產品資訊 - 全寬 100% */
    .dp-single-product-info {
        flex: none !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    /* 產品描述/變體 - padding inherit */
    .dp-single-product-description,
    .dp-single-variations {
        padding: inherit !important;
    }

    /* 加入購物車 - 保持水平排列 */
    .dp-single-add-to-cart {
        flex-direction: row !important;
    }

    /* 數量/按鈕 - 各佔 50% 寬度 */
    .dp-quantity-wrapper {
        width: calc(50% - 5px) !important;
        flex: 0 0 calc(50% - 5px) !important;
    }

    .dp-add-to-cart-button {
        width: calc(50% - 5px) !important;
        flex: 0 0 calc(50% - 5px) !important;
    }
}