/**
 * Single Product Page Styles
 */

/* Mobile styles */
@media (max-width: 767px) {
    /* Product Header Layout */
    .mc-product-header {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: flex-start !important;
        gap: 10px !important;
        width: 100% !important;
        margin-bottom: 20px !important;
    }
    
    .mc-product-badge-wrapper {
        order: 2 !important;
        margin-left: auto !important;
    }
    
    .mc-product-title {
        order: 1 !important;
        flex: 1 !important;
        margin: 0 !important;
        color: #252525 !important;
        font-family: "Plus Jakarta Sans" !important;
        font-size: 24px !important;
        font-weight: 800 !important;
        line-height: normal !important;
    }
    
    .mc-product-sku {
        order: 3 !important;
        width: 100% !important;
        margin: 0 !important;
    }
    
    /* Price Styles - only for main product area, not configurator */
    .single-product .summary > .price,
    .single-product .mc-product-header .price,
    .single-product .price-sku-row .price,
    .single-product .summary > .price .woocommerce-Price-amount {
        color: #252525 !important;
        font-family: "Plus Jakarta Sans" !important;
        font-size: 24px !important;
        font-weight: 800 !important;
        line-height: normal !important;
    }
    
    .single-product .mc-product-regular-price,
    .single-product .mc-product-regular-price .woocommerce-Price-amount {
        color: #252525 !important;
        font-family: "Plus Jakarta Sans" !important;
        font-size: 14px !important;
        font-weight: 300 !important;
        line-height: normal !important;
        text-decoration: line-through !important;
    }
    
    /* Title and Badge Row */
    .single-product .title-badge-row {
        display: flex !important;
        align-items: flex-start !important;
        justify-content: space-between !important;
        gap: 10px !important;
        width: 100% !important;
        margin-bottom: 15px !important;
    }
    
    .single-product .title-badge-row .product_title {
        flex: 1 !important;
        margin: 0 !important;
    }
    
    .single-product .title-badge-row .mc_product_tag_badge {
        position: static !important;
        margin: 0 !important;
        flex-shrink: 0 !important;
    }
    
    /* Price and SKU Row */
    .single-product .price-sku-row {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        margin-bottom: 20px !important;
        gap: 10px !important;
    }
    
    .single-product .price-sku-row .price {
        flex: 1 !important;
        margin: 0 !important;
    }
    
    .single-product .price-sku-row .sku_wrapper {
        flex-shrink: 0 !important;
        margin: 0 !important;
    }
    
    /* Hide original product_meta if SKU was moved */
    .single-product .product_meta {
        display: none !important;
    }
    
    /* Buttons full width */
    .single-product .cart {
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
    }
    
    .single-product .cart .quantity {
        width: 100% !important;
        margin: 0 !important;
    }
    
    .single-product .single_add_to_cart_button,
    .single-product button.button,
    .single-product .cart button.button {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        margin: 0 !important;
    }
    
    /* Product buttons (configurator, description) */
    .mc-buttons-container {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
        width: 100% !important;
    }
    
    .mc-configurator-button,
    .mc-product-description-button,
    .mc-product-button {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        margin: 0 !important;
    }
}