/**
 * jp-554-dms-prices-table.css — JP-554 [C09]
 * Page:  /de/dms-software/  (body.page-id-233028)
 * Figma: VSSY3wxlC31HrYDwwmHmrv node 347:4579 ("Tabelle Desktop 1440").
 *
 * Client (Highest): "Prices & availability – table at the bottom not clean."
 *
 * The "Preise & Verfügbarkeit / DMS Greyhound" comparison matrix
 * (.table-wrap-producs table) uses the browser default `table-layout: auto`, so
 * the columns size to their content. With this page's content — long text
 * ("Zubuchbar bei Greyhound") under START/ADVANCED but just a checkmark under
 * PRO/ENTERPRISE — the four edition columns come out badly uneven (measured
 * 293 / 293 / 120 / 204px): "JTL PRO" is squashed to 120px while START/ADVANCED
 * sprawl. That lopsided grid is the "not clean" the client flagged.
 *
 * Figma 347:4579 shows the four edition columns EQUAL width and evenly spaced,
 * with a wider first (label) column. Fix (page-scoped, rule 4b — matches the
 * jp-452 scope): switch the table to `table-layout: fixed` and pin the column
 * widths so the four editions are equal (28% label + 4×18% editions = 100%).
 * Content unchanged.
 *
 * Scoped to >=768px ONLY: below that, jp-452 makes the ~448px table scroll
 * horizontally (overflow-x:auto) so the columns stay readable on a phone.
 * Forcing width:100% + fixed there would crush the columns and break that
 * scroll, so the mobile behaviour is left untouched.
 */
@media (min-width: 768px) {
    body.page-id-233028.page-template-product-landing
        section.product-support-section.orange
        .table-wrap-producs table {
        table-layout: fixed !important;
        width: 100% !important;
    }

    /* Label column (PRODUKT / "DMS Greyhound") — wider. */
    body.page-id-233028.page-template-product-landing
        section.product-support-section.orange
        .table-wrap-producs table th:first-child,
    body.page-id-233028.page-template-product-landing
        section.product-support-section.orange
        .table-wrap-producs table td:first-child {
        width: 28% !important;
    }

    /* The four edition columns (START / ADVANCED / PRO / ENTERPRISE) — equal. */
    body.page-id-233028.page-template-product-landing
        section.product-support-section.orange
        .table-wrap-producs table th:not(:first-child),
    body.page-id-233028.page-template-product-landing
        section.product-support-section.orange
        .table-wrap-producs table td:not(:first-child) {
        width: 18% !important;
    }
}
