/* BabyLife 2.5.7 — semantic responsive tables for article/page content. */
.entry-content table,
.blsc-elementor-content table {
    display: table !important;
    width: 100%;
    max-width: 100%;
    border-collapse: collapse;
}

.blsc-table-scroll {
    display: block;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: visible;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-inline: contain;
    margin: 18px 0 24px;
    border-radius: 12px;
}

.blsc-table-scroll > table {
    margin: 0 !important;
}

/* Two-column informational tables should fit the phone instead of becoming 680px wide. */
.blsc-table-scroll > table.blsc-table-compact {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    table-layout: auto;
}

.blsc-table-scroll > table.blsc-table-compact th,
.blsc-table-scroll > table.blsc-table-compact td {
    min-width: 0 !important;
    white-space: normal !important;
    overflow-wrap: anywhere;
    word-break: normal;
}

/* 3+ column directory/comparison tables keep readable columns and scroll inside their own box. */
.blsc-table-scroll > table.blsc-table-wide {
    width: max-content !important;
    min-width: 100% !important;
    max-width: none !important;
}

@media (max-width: 768px) {
    .blsc-table-scroll {
        margin-inline: 0;
    }

    .blsc-table-scroll > table.blsc-table-wide {
        min-width: 620px !important;
    }

    .blsc-table-scroll > table th,
    .blsc-table-scroll > table td {
        padding: 9px 10px !important;
        font-size: 13px;
        line-height: 1.75;
        vertical-align: top;
    }

    .blsc-table-scroll > table.blsc-table-compact th,
    .blsc-table-scroll > table.blsc-table-compact td {
        padding: 8px !important;
        font-size: 12.5px;
    }
}

/* v2.7.4: this stylesheet is also enqueued for product editorial tabs;
   product-specific MediaElement geometry lives in woocommerce.css. */