/**
 * Evolabs Flagship Platform Positioning
 * Shared visual language: Flow WMS · Mara AMS · Frontline SFA
 * Used across Homepage, Solutions, and Products.
 */

:root {
  --evo-platform-flow: #d62828;
  --evo-platform-flow-soft: rgba(232, 93, 141, 0.1);
  --evo-platform-mara: #3c9f73;
  --evo-platform-mara-soft: rgba(60, 159, 115, 0.1);
  --evo-platform-frontline: #ff5a24;
  --evo-platform-frontline-soft: rgba(255, 90, 36, 0.1);
}

/* ── Chips (compact identifiers) ── */
.evo-platform-chip,
.sol-platform-chip {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.02em;
  border: 1px solid transparent;
}

.evo-platform-chip--flow,
.sol-platform-chip--flow {
  color: #9a2d52;
  background: var(--evo-platform-flow-soft);
  border-color: color-mix(in srgb, var(--evo-platform-flow) 24%, transparent);
}

.evo-platform-chip--mara,
.sol-platform-chip--mara {
  color: #1f6b47;
  background: var(--evo-platform-mara-soft);
  border-color: color-mix(in srgb, var(--evo-platform-mara) 24%, transparent);
}

.evo-platform-chip--frontline,
.sol-platform-chip--frontline {
  color: #1a4f87;
  background: var(--evo-platform-frontline-soft);
  border-color: color-mix(in srgb, var(--evo-platform-frontline) 24%, transparent);
}

.evo-platform-chip--neutral,
.sol-platform-chip--neutral {
  color: var(--blue-dark);
  background: rgba(15, 110, 169, 0.08);
  border-color: rgba(15, 110, 169, 0.16);
}

/* ── Badges (Powered by / Primary Platform) ── */
.evo-platform-badge,
.sol-platform-badge {
  display: grid;
  gap: 3px;
  width: fit-content;
  padding: 10px 14px;
  border-radius: 12px;
  border: 1px solid transparent;
}

.evo-platform-badge-label,
.sol-platform-badge-label {
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  opacity: 0.82;
}

.evo-platform-badge strong,
.sol-platform-badge strong {
  font-size: 16px;
  line-height: 1.2;
}

.evo-platform-category {
  margin: 2px 0 0;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.3;
  opacity: 0.88;
}

.evo-platform-badge--flow,
.sol-platform-badge--flow {
  color: #9a2d52;
  background: var(--evo-platform-flow-soft);
  border-color: color-mix(in srgb, var(--evo-platform-flow) 22%, transparent);
}

.evo-platform-badge--mara,
.sol-platform-badge--mara {
  color: #1f6b47;
  background: var(--evo-platform-mara-soft);
  border-color: color-mix(in srgb, var(--evo-platform-mara) 22%, transparent);
}

.evo-platform-badge--frontline,
.sol-platform-badge--frontline {
  color: #1a4f87;
  background: var(--evo-platform-frontline-soft);
  border-color: color-mix(in srgb, var(--evo-platform-frontline) 22%, transparent);
}

.evo-platform-badge--support,
.sol-platform-badge--support {
  color: var(--blue-dark);
  background: rgba(15, 110, 169, 0.08);
  border-color: rgba(15, 110, 169, 0.16);
}

.evo-platform-badge-group,
.sol-platform-badge-group {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.evo-platform-badge-group .evo-platform-chip,
.evo-platform-badge-group .sol-platform-chip,
.sol-platform-badge-group .evo-platform-chip,
.sol-platform-badge-group .sol-platform-chip {
  margin-bottom: 0;
}

/* ── Platform meta (homepage & catalogue) ── */
.evo-platform-value {
  margin: 0;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.58;
}

.evo-platform-industries,
.evo-platform-outcome {
  margin: 0;
  font-size: 12px;
  line-height: 1.5;
  color: var(--muted);
}

.evo-platform-industries strong,
.evo-platform-outcome strong {
  color: var(--blue-dark);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

/* ── Supporting technologies label ── */
.evo-supporting-label {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.evo-supporting-chip {
  padding: 4px 9px;
  border-radius: 999px;
  background: rgba(16, 24, 32, 0.05);
  color: var(--ink);
  font-size: 11px;
  font-weight: 700;
}

/* ── Products page: suite kicker alignment ── */
.products-page .suite-kicker {
  margin: 2px 0 0;
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.02em;
}

.products-page .suite-card[data-suite="flow"] .suite-kicker { color: #9a1c1c; }
.products-page .suite-card[data-suite="mara"] .suite-kicker { color: #1f6b47; }
.products-page .suite-card[data-suite="frontline"] .suite-kicker { color: #c44712; }

.products-page .platform-copy .evo-platform-category {
  margin: 0 0 8px;
  font-size: 12px;
  font-weight: 700;
}

.products-page .platform-panel[data-platform="flow"] .platform-copy .evo-platform-category { color: #9a1c1c; }
.products-page .platform-panel[data-platform="mara"] .platform-copy .evo-platform-category { color: #1f6b47; }
.products-page .platform-panel[data-platform="frontline"] .platform-copy .evo-platform-category { color: #c44712; }

.products-page .suite-outcome {
  margin: 12px 0 0;
  padding-top: 12px;
  border-top: 1px solid rgba(16, 24, 32, 0.06);
  font-size: 13px;
  line-height: 1.55;
  color: var(--muted);
}

.products-page .suite-outcome strong {
  display: block;
  margin-bottom: 4px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--blue-dark);
}

/* ── Homepage flagship card platform block ── */
.home-page .product-card--flagship .evo-platform-category {
  margin: 0;
  font-size: 12px;
  font-weight: 700;
}

.home-page .product-card--flagship[data-product="flow"] .evo-platform-category { color: #9a2d52; }
.home-page .product-card--flagship[data-product="mara"] .evo-platform-category { color: #1f6b47; }
.home-page .product-card--flagship[data-product="frontline"] .evo-platform-category { color: #c44712; }

.home-page .product-card--flagship .card-copy {
  gap: 8px;
}

.home-page .product-card--flagship .evo-platform-industries,
.home-page .product-card--flagship .evo-platform-outcome {
  font-size: 11px;
  line-height: 1.45;
}

.home-page .product-card--supporting .card-copy h3::after {
  content: " · Supporting Technology";
  font-size: 10px;
  font-weight: 700;
  color: var(--muted);
  letter-spacing: 0.02em;
}

.home-page .product-card--supporting[data-product="pack"] .card-copy h3::after,
.home-page .product-card--supporting[data-product="sap"] .card-copy h3::after {
  content: " · ERP Integration";
}