/* WPadmin.AI WCUS agency page styles */

.comparison-wrap {
      overflow: hidden;
      border: 1px solid var(--border);
      border-radius: var(--radius-lg);
      background: #fff;
      box-shadow: var(--shadow);
    }

.comparison-table {
      width: 100%;
      border-collapse: collapse;
      table-layout: fixed;
    }

.comparison-table th,
.comparison-table td {
      padding: 20px 22px;
      border-bottom: 1px solid var(--border);
      text-align: left;
      vertical-align: top;
    }

.comparison-table th {
      background: #f8fafc;
      color: var(--dark);
      font-size: 0.84rem;
      letter-spacing: 0.02em;
    }

.comparison-table th:first-child { width: 27%; }

.comparison-table th:nth-child(2) {
      background: var(--orange-light);
      color: var(--orange-dark);
    }

.comparison-table td {
      color: var(--gray);
      font-size: 0.9rem;
      line-height: 1.55;
    }

.comparison-table td:first-child {
      color: var(--dark);
      font-weight: 700;
    }

.comparison-table td:nth-child(2) { background: #fffaf8; }

.comparison-table tr:last-child td { border-bottom: 0; }

.comparison-value td {
      background: #171717 !important;
      color: #fff !important;
    }

.comparison-value td:first-child { color: #fdba74 !important; }

.comparison-value strong {
      display: block;
      margin-bottom: 3px;
      color: #fff;
      font-size: 1.02rem;
    }

.comparison-note {
      margin-top: 14px;
      color: #6b7280;
      font-size: 0.76rem;
      line-height: 1.6;
    }

.comparison-note a {
      color: var(--orange-dark);
      font-weight: 700;
    }

@media (max-width: 620px) {
      .comparison-table,
      .comparison-table tbody,
      .comparison-table tr,
      .comparison-table td {
        display: block;
        width: 100%;
      }

      .comparison-table thead {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
      }

      .comparison-table tr {
        padding: 10px 0;
        border-bottom: 1px solid var(--border);
      }

      .comparison-table tr:last-child { border-bottom: 0; }

      .comparison-table td {
        padding: 10px 18px;
        border: 0;
      }

      .comparison-table td::before {
        display: block;
        margin-bottom: 4px;
        color: #9a3412;
        font-size: 0.66rem;
        font-weight: 800;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }

      .comparison-table td:nth-child(2)::before { content: "With WPadmin.AI"; }

      .comparison-table td:nth-child(3)::before { content: "Without WPadmin.AI"; }

      .comparison-table td:nth-child(2) { background: #fffaf8; }

      .comparison-value td::before { color: #fdba74; }
    }