/*
 * Comparison Table — Figma BZFmgpDMSm0OMtnC19lNQ4 17:77 (sheet 17:282; detailed 33:542).
 *
 * Cards layout (default): canvas #F6F8FC, padding 18, radius 14; plans row gap 8, cards top-aligned.
 * Plan card 169 x 216: white, 12 inside stroke = 11 padding + 1px #DEE3ED, radius 12, gap 7.
 * Highlighted plan: #EBE3FF with a 2px #6740FF inside stroke (10 padding + 2px border).
 * Name 14/600, price 20/700 (#111522), feature lines 10/500 #6B7591, button 15/11 inside stroke =
 * 14/10 + 1px #DEE3ED, radius 10, 12/600 #121621. Every part is a real Atomic child (no CSS text).
 * Narrow screens (17:291 "scroll horizontally on narrow screens"): the plans row scrolls inside the widget.
 *
 * Table layout: the features x plans grid (rows = Comparison Row children), same tokens.
 *
 * `.elementor` prefixes: Atomic's generated `.elementor .e-heading-base / .e-paragraph-base /
 * .e-button-base` and the element base class load after this file.
 */
.rwa-comparison-table {
  --rwa-ct-ink: #121621;
  --rwa-ct-title: #111522;
  --rwa-ct-muted: #6b7591;
  --rwa-ct-line: #dee3ed;
  --rwa-ct-canvas: #f6f8fc;
  --rwa-ct-accent: #6740ff;
  --rwa-ct-soft: #ebe3ff;
  --rwa-ct-font: var(--rwa-font-sans, "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif);
  position: relative;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  font-family: var(--rwa-ct-font);
  line-height: normal;
  color: var(--rwa-ct-ink);
}

.rwa-comparison-table *,
.rwa-comparison-table *::before,
.rwa-comparison-table *::after {
  box-sizing: border-box;
}

/* ---------- Cards layout ---------- */
.rwa-comparison-table--cards,
:where(.elementor) .rwa-comparison-table.rwa-comparison-table--cards {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  padding: 18px;
  background: var(--rwa-ct-canvas);
  border-radius: 14px;
}

.rwa-comparison-table__plans {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  gap: 8px;
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-x: contain;
}

.rwa-comparison-table__plan,
:where(.elementor) .rwa-comparison-table__plans > .rwa-comparison-table__plan {
  display: flex;
  flex: 0 0 169px;
  flex-direction: column;
  align-items: flex-start;
  gap: 7px;
  width: 169px;
  min-width: 0;
  min-height: 216px;
  margin: 0;
  padding: 11px;
  background: #fff;
  border: 1px solid var(--rwa-ct-line);
  border-radius: 12px;
}

.rwa-comparison-table__plan.is-highlight,
:where(.elementor .rwa-comparison-table__plans) > .rwa-comparison-table__plan.is-highlight {
  padding: 10px;
  background: var(--rwa-ct-soft);
  border: 2px solid var(--rwa-ct-accent);
}

.rwa-comparison-table__plan .rwa-comparison-table__plan-name,
:where(.elementor) .rwa-comparison-table__plan .rwa-comparison-table__plan-name {
  margin: 0;
  padding: 0;
  white-space: nowrap;
  color: var(--rwa-ct-title);
}

.rwa-comparison-table__plan .rwa-comparison-table__plan-price,
:where(.elementor) .rwa-comparison-table__plan .rwa-comparison-table__plan-price {
  margin: 0;
  padding: 0;
  white-space: nowrap;
  color: var(--rwa-ct-title);
}

.rwa-comparison-table__plan .rwa-comparison-table__plan-feature,
:where(.elementor) .rwa-comparison-table__plan .rwa-comparison-table__plan-feature {
  margin: 0;
  padding: 0;
  white-space: nowrap;
  color: var(--rwa-ct-muted);
}

.rwa-comparison-table__plan .rwa-comparison-table__plan-cta,
:where(.elementor) .rwa-comparison-table__plan .rwa-comparison-table__plan-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 0;
  margin: 0;
  padding: 10px 14px;
  white-space: nowrap;
  color: var(--rwa-ct-ink);
  text-decoration: none;
  background: #fff;
  border: 1px solid var(--rwa-ct-line);
  border-radius: 10px;
  box-shadow: none;
  cursor: pointer;
}

:where(.rwa-comparison-table__plan) .rwa-comparison-table__plan-cta:hover,
:where(.elementor .rwa-comparison-table__plan) .rwa-comparison-table__plan-cta:hover {
  color: var(--rwa-ct-ink);
  background: #fff;
  border-color: var(--rwa-ct-accent);
}

:where(.rwa-comparison-table__plan) .rwa-comparison-table__plan-cta:focus-visible {
  outline: 2px solid var(--rwa-ct-accent);
  outline-offset: 2px;
}

/* ---------- Table layout ---------- */
.rwa-comparison-table--table {
  display: block;
}

.rwa-comparison-table__scroll {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  background: #fff;
  border: 1px solid var(--rwa-ct-line);
  border-radius: 12px;
}

.rwa-comparison-table__head,
.rwa-comparison-table__row {
  grid-template-columns: minmax(7.5rem, 1.15fr) repeat(3, minmax(0, 1fr));
  align-items: center;
  width: 100%;
  min-width: 32rem;
  min-height: 44px;
}

.rwa-comparison-table__head > *,
.rwa-comparison-table__row > * {
  min-width: 0;
  margin: 0;
  padding: 12px 16px;
  font-size: 12px;
  line-height: normal;
  border-bottom: 1px solid var(--rwa-ct-line);
}

.rwa-comparison-table__row:last-child > * {
  border-bottom: 0;
}

.rwa-comparison-table__head {
  font-weight: 600;
  color: var(--rwa-ct-title);
  background: var(--rwa-ct-canvas);
}

.rwa-comparison-table__head > .is-highlight,
.rwa-comparison-table__row > .is-highlight {
  color: var(--rwa-ct-accent);
  background: var(--rwa-ct-soft);
}

.rwa-comparison-table__feature-col {
  min-width: 9rem;
  font-weight: 600;
  color: var(--rwa-ct-title);
}

.rwa-comparison-table__cell {
  color: var(--rwa-ct-ink);
}

.rwa-comparison-table--sticky-first .rwa-comparison-table__feature-col {
  position: sticky;
  left: 0;
  z-index: 2;
  background: #fff;
}

:where(.rwa-comparison-table--sticky-first) .rwa-comparison-table__head > .rwa-comparison-table__feature-col {
  background: var(--rwa-ct-canvas);
}

.rwa-comparison-table__body > * {
  pointer-events: auto;
}

.rwa-comparison-table__placeholder {
  margin: 0;
  opacity: 0.7;
}

/* V4 priority: normal declarations of capped selectors, re-emitted in original specificity order. */
:where(.elementor) .rwa-comparison-table.rwa-comparison-table--cards {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0;
	padding: 18px;
	background: var(--rwa-ct-canvas);
	border-radius: 14px;
}
:where(.elementor) .rwa-comparison-table__plans > .rwa-comparison-table__plan {
	display: flex;
	flex: 0 0 169px;
	flex-direction: column;
	align-items: flex-start;
	gap: 7px;
	width: 169px;
	min-width: 0;
	min-height: 216px;
	margin: 0;
	padding: 11px;
	background: #fff;
	border: 1px solid var(--rwa-ct-line);
	border-radius: 12px;
}
:where(.elementor) .rwa-comparison-table__plan .rwa-comparison-table__plan-name,
:where(.elementor) .rwa-comparison-table__plan .rwa-comparison-table__plan-price {
	margin: 0;
	padding: 0;
	white-space: nowrap;
	color: var(--rwa-ct-title);
}
:where(.elementor) .rwa-comparison-table__plan .rwa-comparison-table__plan-feature {
	margin: 0;
	padding: 0;
	white-space: nowrap;
	color: var(--rwa-ct-muted);
}
:where(.elementor) .rwa-comparison-table__plan .rwa-comparison-table__plan-cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 0;
	margin: 0;
	padding: 10px 14px;
	white-space: nowrap;
	color: var(--rwa-ct-ink);
	text-decoration: none;
	background: #fff;
	border: 1px solid var(--rwa-ct-line);
	border-radius: 10px;
	box-shadow: none;
	cursor: pointer;
}
:where(.rwa-comparison-table__plan) .rwa-comparison-table__plan-cta:hover {
	color: var(--rwa-ct-ink);
	background: #fff;
	border-color: var(--rwa-ct-accent);
}
:where(.rwa-comparison-table__plan) .rwa-comparison-table__plan-cta:focus-visible {
	outline: 2px solid var(--rwa-ct-accent);
	outline-offset: 2px;
}
:where(.rwa-comparison-table--sticky-first) .rwa-comparison-table__head > .rwa-comparison-table__feature-col {
	background: var(--rwa-ct-canvas);
}
:where(.elementor .rwa-comparison-table__plans) > .rwa-comparison-table__plan.is-highlight {
	padding: 10px;
	background: var(--rwa-ct-soft);
	border: 2px solid var(--rwa-ct-accent);
}
:where(.elementor .rwa-comparison-table__plan) .rwa-comparison-table__plan-cta:hover {
	color: var(--rwa-ct-ink);
	background: #fff;
	border-color: var(--rwa-ct-accent);
}


/* V4 priority: former !important declarations at V4 specificity (0,2,0), in original specificity order.
   Elementor V4 classes and local styles print after this file, so they override these defaults. */
.rwa-comparison-table__head.rwa-comparison-table__head,
.rwa-comparison-table__row.rwa-comparison-table__row {
	display: grid;
	gap: 0;
}
.rwa-comparison-table__plan .rwa-comparison-table__plan-name {
	font-family: var(--rwa-ct-font);
	font-size: 14px;
	font-weight: 600;
	line-height: normal;
}
.rwa-comparison-table__plan .rwa-comparison-table__plan-price {
	font-family: var(--rwa-ct-font);
	font-size: 20px;
	font-weight: 700;
	line-height: normal;
}
.rwa-comparison-table__plan .rwa-comparison-table__plan-feature {
	font-family: var(--rwa-ct-font);
	font-size: 10px;
	font-weight: 500;
	line-height: normal;
}
.rwa-comparison-table__plan .rwa-comparison-table__plan-cta {
	font-family: var(--rwa-ct-font);
	font-size: 12px;
	font-weight: 600;
	line-height: normal;
}
:where(.elementor) .rwa-comparison-table__plan .rwa-comparison-table__plan-name {
	font-family: var(--rwa-ct-font);
	font-size: 14px;
	font-weight: 600;
	line-height: normal;
}
:where(.elementor) .rwa-comparison-table__plan .rwa-comparison-table__plan-price {
	font-family: var(--rwa-ct-font);
	font-size: 20px;
	font-weight: 700;
	line-height: normal;
}
:where(.elementor) .rwa-comparison-table__plan .rwa-comparison-table__plan-feature {
	font-family: var(--rwa-ct-font);
	font-size: 10px;
	font-weight: 500;
	line-height: normal;
}
:where(.elementor) .rwa-comparison-table__plan .rwa-comparison-table__plan-cta {
	font-family: var(--rwa-ct-font);
	font-size: 12px;
	font-weight: 600;
	line-height: normal;
}