/*
 * AIVaultHQ Targeted Pre-Consolidation Repair v1.0.0
 * Comparison repair is activated by PHP ONLY on these three slugs:
 * - premium-prompt-library-vs-50-ways-chatgpt-business
 * - tube-magic-vs-ai-marketers-club
 * - tube-magic-vs-traffic-genius
 *
 * It covers the three comparison renderers found in the supplied stack:
 * Module 14 (.aivhq-m14-*), Universal Comparison Template (.aivhq-uc-*),
 * and Comparison Engine Pro (.aivhq-ce-*).
 */

@media (max-width: 767px) {
  body.aivhq-tr-comparison-page :is(
    .aivhq-m14-table-wrap,
    .aivhq-uc-table-scroll,
    .aivhq-ce-table-scroll,
    .wp-block-table,
    .table-responsive,
    [class*="comparison-table-wrap"]
  ) {
    overflow-x: visible !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  body.aivhq-tr-comparison-page :is(
    table.aivhq-m14-table,
    table.aivhq-uc-table,
    table.aivhq-ce-table
  ) {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    table-layout: fixed !important;
    border-collapse: collapse !important;
  }

  body.aivhq-tr-comparison-page :is(
    .aivhq-m14-table,
    .aivhq-uc-table,
    .aivhq-ce-table
  ) th,
  body.aivhq-tr-comparison-page :is(
    .aivhq-m14-table,
    .aivhq-uc-table,
    .aivhq-ce-table
  ) td {
    min-width: 0 !important;
    width: auto !important;
    padding: 9px 6px !important;
    font-size: clamp(11px, 3vw, 13px) !important;
    line-height: 1.35 !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
    hyphens: auto !important;
    vertical-align: top !important;
  }

  body.aivhq-tr-comparison-page :is(
    .aivhq-m14-table,
    .aivhq-uc-table,
    .aivhq-ce-table
  ) tr > :first-child {
    width: 28% !important;
  }
}