/* =========================================================
   TABLE WIDTH & ALIGNMENT OVERRIDE
   Left aligned / Content width
   ========================================================= */


/* ---------------------------------------------------------
   01. Native / Legacy Specification Table
   --------------------------------------------------------- */

body.ht-product-page .ht-product-spec-table {

    width: auto !important;

    max-width: 100% !important;

    margin-left: 0 !important;
    margin-right: auto !important;

    table-layout: auto !important;

}


/* ---------------------------------------------------------
   02. Description Technical Tables
   --------------------------------------------------------- */

body.ht-product-page .description_box
.editor_txt table {

    width: auto !important;

    max-width: 100% !important;

    margin-left: 0 !important;
    margin-right: auto !important;

    table-layout: auto !important;

}


/* ---------------------------------------------------------
   03. Keep table readable
   --------------------------------------------------------- */

body.ht-product-page .description_box
.editor_txt table td,
body.ht-product-page .description_box
.editor_txt table th {

    white-space: normal;

    overflow-wrap: break-word;

}


/* ---------------------------------------------------------
   04. Specification table cells
   --------------------------------------------------------- */

body.ht-product-page .ht-product-spec-table td,
body.ht-product-page .ht-product-spec-table th {

    white-space: normal;

    overflow-wrap: break-word;

}


/* ---------------------------------------------------------
   05. Mobile
   Never allow horizontal overflow
   --------------------------------------------------------- */

@media (max-width: 768px) {

    body.ht-product-page .ht-product-spec-table,
    body.ht-product-page .description_box
    .editor_txt table {

        width: auto !important;

        max-width: 100% !important;

        margin-left: 0 !important;
        margin-right: auto !important;

    }

}