/* Luettelot ja hintataulukot teksteissä (lib/tekstit.js). Värit teeman muuttujista. */
.mc-muotoiltu > p { margin: 0 0 14px; }
.mc-muotoiltu > p:last-child { margin-bottom: 0; }

.mc-lista { list-style: none; margin: 16px 0 20px; padding: 0; display: grid; gap: 12px; text-align: left; }
.mc-lista li { position: relative; padding-left: 26px; line-height: 1.55; }
.mc-lista li::before {
  content: ""; position: absolute; left: 4px; top: .62em; width: 9px; height: 9px; border-radius: 50%;
  background: var(--primary); box-shadow: 0 0 0 4px color-mix(in srgb, var(--primary) 18%, transparent), 0 0 12px color-mix(in srgb, var(--primary) 45%, transparent);
}
.mc-lista li strong { color: #fff; }

/* Webflow-sivujen omat luettelot samaan tyyliin */
.w-richtext ul:not(.mc-lista) { padding-left: 22px; }
.w-richtext ul:not(.mc-lista) li::marker { color: var(--primary); }

.mc-hinnat {
  margin: 18px 0 20px; padding: 16px 18px; border-radius: 14px; text-align: left;
  background: rgba(255, 255, 255, .035); border: 1px solid rgba(255, 255, 255, .09);
  box-shadow: 0 10px 26px rgba(0, 0, 0, .35);
}
.mc-hinnat__otsikko { font-size: 13px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--primary); margin-bottom: 8px; }
.mc-hinnat__rivi { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; padding: 9px 0; border-bottom: 1px dashed rgba(255, 255, 255, .12); }
.mc-hinnat__rivi:last-of-type { border-bottom: 0; }
.mc-hinnat__rivi span { color: #e6e6e6; font-weight: 500; }
.mc-hinnat__rivi strong { color: #fff; font-size: 1.05em; white-space: nowrap; }
.mc-hinnat__huom, .mc-hinnat__alv { margin: 6px 0 0; font-size: 13px; line-height: 1.5; color: #a9a9a9; font-weight: 400; }
.mc-hinnat__huom a, .mc-hinnat__huom a strong { color: var(--primary); font-weight: 600; }
.mc-hinnat__huom strong { font-weight: 400; }
.mc-huom { font-size: 14px; color: #b5b5b5; font-style: italic; }
.mc-huom strong { font-weight: 600; }
.mc-hinnat__huom * { font-size: inherit !important; line-height: inherit !important; }
.mc-hinnat__rivi { flex-wrap: wrap; }
.mc-hinnat__rivi span { min-width: 0; overflow-wrap: anywhere; }
.mc-hinnat__rivi strong { margin-left: auto; }