/* Visual styling for hs/pricing-comparison block.
   Plugin CSS (build/style-index.css) provides structural baseline only;
   all colors, typography, shadows, hovers, transitions live here. */

body .wp-block-hs-pricing-comparison {
  --pricing-accent: var(--contentor-green, #00ea6e);
  --pricing-text: var(--color-text, #191919);
  --pricing-muted: var(--color-text-muted, #64748b);
  --pricing-border: var(--color-border, #e2e8f0);
  --pricing-card-bg: #ffffff;
  --pricing-card-shadow: 0 14px 32px rgba(15, 23, 42, 0.08);
  color: var(--pricing-text);
}

body .wp-block-hs-pricing-comparison .hs-pricing-comparison__heading {
  font-size: clamp(2rem, 3vw, 2.75rem);
}

body .wp-block-hs-pricing-comparison .hs-pricing-comparison__intro {
  color: var(--pricing-muted);
}

body .wp-block-hs-pricing-comparison .hs-pricing-comparison__card {
  background: var(--pricing-card-bg);
  border: 1px solid var(--pricing-border);
  border-radius: 20px;
}

body .wp-block-hs-pricing-comparison .hs-pricing-comparison__card.is-highlight {
  border-color: var(--pricing-accent);
  box-shadow: var(--pricing-card-shadow);
  transform: translateY(-4px);
}

body .wp-block-hs-pricing-comparison .hs-pricing-comparison__badge {
  background: var(--contentor-green) !important;
  color: #07111f !important;
  font-size: 0.75rem;
  font-weight: 700 !important;
  border-radius: 999px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

body .wp-block-hs-pricing-comparison .hs-pricing-comparison__plan-name {
  font-size: 1.25rem;
}

body .wp-block-hs-pricing-comparison .hs-pricing-comparison__tagline {
  color: var(--pricing-muted);
  font-size: 0.95rem;
}

body .wp-block-hs-pricing-comparison .hs-pricing-comparison__price {
  font-size: 1.8rem;
  font-weight: 700;
}

body .wp-block-hs-pricing-comparison .hs-pricing-comparison__price-note {
  font-size: 0.9rem;
  color: var(--pricing-muted);
}

body .wp-block-hs-pricing-comparison .hs-pricing-comparison__features {
  list-style: none;
}

body .wp-block-hs-pricing-comparison .hs-pricing-comparison__features li {
  font-size: 0.95rem;
}

body .wp-block-hs-pricing-comparison .hs-pricing-comparison__features li.is-excluded {
  color: var(--pricing-muted);
  text-decoration: line-through;
}

body .wp-block-hs-pricing-comparison .hs-pricing-comparison__feature-icon {
  background: rgba(0, 234, 110, 0.15);
  color: var(--pricing-accent);
  font-size: 0.85rem;
  border-radius: 50%;
}

body .wp-block-hs-pricing-comparison .hs-pricing-comparison__features li.is-excluded .hs-pricing-comparison__feature-icon {
  background: rgba(100, 116, 139, 0.2);
  color: var(--pricing-muted);
}

body .wp-block-hs-pricing-comparison .hs-pricing-comparison__cta {
  border-radius: 12px;
  font-weight: 600;
  border: 2px solid transparent;
  transition: background 0.2s, transform 0.2s;
}

body .wp-block-hs-pricing-comparison .hs-pricing-comparison__table th,
body .wp-block-hs-pricing-comparison .hs-pricing-comparison__table td {
  border-bottom: 1px solid var(--pricing-border);
  font-size: 0.95rem;
}

body .wp-block-hs-pricing-comparison .hs-pricing-comparison__table th {
  background: rgba(148, 163, 184, 0.1);
  font-weight: 600;
}

body .wp-block-hs-pricing-comparison .hs-pricing-comparison__table .hs-pricing-comparison__table-group td {
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-size: 0.85rem;
  color: var(--pricing-muted);
  border-top: 2px solid var(--pricing-border);
}

body .wp-block-hs-pricing-comparison .hs-pricing-comparison__cell-check {
  color: var(--pricing-accent);
  font-size: 1.2rem;
  font-weight: 700;
}

body .wp-block-hs-pricing-comparison .hs-pricing-comparison__cell-dash {
  color: var(--pricing-muted);
  font-size: 1.1rem;
}

body .wp-block-hs-pricing-comparison .hs-pricing-comparison__cell-note {
  font-size: 0.85em;
  color: var(--pricing-muted);
  line-height: 1.3;
}

@media (max-width: 640px) {
  body .wp-block-hs-pricing-comparison .hs-pricing-comparison__card.is-highlight {
    transform: none;
  }
}