/* Product pages: the catalogue, a product category, a product. Loaded after style.css. */

/* Product name over the opening picture: the live names are whole phrases, so they break into even lines
   and a very long word can never run out of the screen. */
.barami-product-title {
    text-wrap: balance;
    overflow-wrap: anywhere;
}

/* Tables typed into the product text carry fixed pixel sizes from the editor: let them use the column. */
.barami-product-text table {
    width: 100% !important;
    height: auto !important;
    font-size: 16px;
    letter-spacing: 0.5px;
}

.barami-product-text td,
.barami-product-text th {
    width: auto !important;
    height: auto !important;
}

@media screen and (max-width: 768px) {
    /* A wide table scrolls inside its own box instead of widening the page. */
    .barami-product-text table {
        display: block;
        overflow-x: auto;
        font-size: 14px;
    }
}