/**
 * Fix Strutturale per la nuova classe responsive
 */
@media screen and (max-width: 767px) {
    
    /* Forza il contenitore ad andare a capo in verticale */
    div.wp-block-group.is-wrap-responsive-mu {
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: wrap !important;
        align-items: flex-start !important;
        gap: 12px !important;
        width: 100% !important;
    }

    /* Ripristina la larghezza corretta dei blocchi interni (SKU, Categorie, Tag) */
    div.wp-block-group.is-wrap-responsive-mu > div {
        flex: 1 1 100% !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Garantisce che lo SKU non vada a capo lettera per lettera */
    .wc-block-components-product-sku {
        white-space: nowrap !important;
        display: inline-block !important;
    }
    
    .wc-block-components-product-sku span {
        word-break: keep-all !important;
    }
}