/* Mobile Fixes for Product Short Description - Critical Priority */

/* Force proper display on all mobile devices */
@media (max-width: 991px) {
    .product-meta {
        width: 100% !important;
        display: block !important;
        padding: 10px 0 !important;
    }
    
    .meta-row {
        width: 100% !important;
        display: block !important;
        margin-bottom: 10px !important;
        text-align: left !important;
    }
    
    .meta-row.short-description-row {
        width: 100% !important;
        display: block !important;
        padding: 0 !important;
        text-align: left !important;
    }
    
    .meta-value {
        width: 100% !important;
        display: block !important;
        text-align: left !important;
    }
    
    .product-short-description {
        width: 100% !important;
        display: block !important;
        white-space: normal !important;
        word-break: break-word !important;
        text-align: left !important;
        overflow-wrap: break-word !important;
        padding: 0 !important;
        margin: 0 !important;
        direction: ltr !important;
        float: none !important;
    }
    
    .product-short-description p,
    .product-short-description span,
    .product-short-description div {
        width: 100% !important;
        display: inline-block !important;
        white-space: normal !important;
        word-break: break-word !important;
        margin: 0 !important;
        padding: 0 !important;
        text-align: left !important;
        direction: ltr !important;
        float: none !important;
    }
    
    .product-short-description br {
        display: none !important;
    }
    
    /* RTL Support for mobile - but ONLY if explicitly set */
    .product-short-description.rtl {
        text-align: right !important;
        direction: rtl !important;
    }
}

/* Even more aggressive fixes for smaller screens */
@media (max-width: 576px) {
    .product-info-section {
        padding: 15px !important;
    }
    
    .product-meta {
        margin-bottom: 10px !important;
        border-bottom: none !important;
    }
    
    /* Force left alignment for all text in product details */
    .meta-value, 
    .product-short-description,
    .product-short-description p,
    .product-short-description span,
    .product-short-description div {
        text-align: left !important;
        direction: ltr !important;
        float: none !important;
    }
}