/* =====================================================
   SHAWN'S HUB — PRICING PAGE STYLES
   ===================================================== */

.w-full {
  width: 100%;
}

.bg-secondary {
  background: var(--bg-secondary);
}

/* Compare Table */
.compare-table-wrapper {
  overflow-x: auto;
  border-radius: var(--radius-2xl);
  border: 1px solid var(--border-color);
  background: var(--bg-card);
}

.compare-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 700px;
}

.compare-table th,
.compare-table td {
  padding: var(--space-lg);
  text-align: left;
  border-bottom: 1px solid var(--border-color);
}

.compare-table th {
  font-family: var(--font-heading);
  font-size: var(--text-lg);
  font-weight: 700;
  color: var(--text-primary);
  background: rgba(255, 255, 255, 0.02);
}

.compare-table td {
  color: var(--text-secondary);
  font-size: var(--text-base);
}

.compare-table tbody tr:last-child td {
  border-bottom: none;
}

.featured-col {
  background: rgba(99, 102, 241, 0.05);
  border-left: 1px solid var(--border-accent) !important;
  border-right: 1px solid var(--border-accent) !important;
}

.compare-table th.featured-col {
  color: var(--accent-1);
}

/* Responsive Table */
@media (max-width: 768px) {
  .compare-table th,
  .compare-table td {
    padding: var(--space-md) var(--space-sm);
    font-size: var(--text-sm);
  }
}