/**
 * CM Price Cards - the layout and the looks. Every colour and space is a --cm-prc-* variable: defaults from config.php
 * (build_global_css_properties), a site's own values from its site-specific.css. Sizes are the cm-fse classes; the price is its size class
 * times a scale variable. Two-selector rule.
 * The section spans the page; the inner wrapper carries the width classes (the sibling blocks' width) and is the container the band
 * measures: under 950 px of it the cards stack, from 950 they sit in one row (the price cards sharing the width, the tip card last and
 * --cm-prc-tip-grow times as wide). The inner wrapper's own padding is set on the inner wrapper, and a container cannot query itself: that
 * rule measures the torso (the page's width), so it uses 851.
 */
.editor-styles-wrapper .wp-block-w4ya-cm-price-cards,
.wp-block-w4ya-cm-price-cards { box-sizing: border-box; display: block; clear: both; position: relative; overflow: clip; background: var(--cm-prc-bg); color: var(--cm-prc-text); }
.editor-styles-wrapper .wp-block-w4ya-cm-price-cards *,
.wp-block-w4ya-cm-price-cards * { box-sizing: border-box; }

.editor-styles-wrapper .wp-block-w4ya-cm-price-cards .cm-prc__inner,
.wp-block-w4ya-cm-price-cards .cm-prc__inner { padding: var(--cm-prc-pad) 0; }
.editor-styles-wrapper .wp-block-w4ya-cm-price-cards .cm-prc__inner,
.wp-block-w4ya-cm-price-cards .cm-prc__inner,
.editor-styles-wrapper .wp-block-w4ya-cm-price-cards .cm-prc__inner p,
.wp-block-w4ya-cm-price-cards .cm-prc__inner p { letter-spacing: normal; } /* the z width classes set a tracking on the wrapper AND on every p inside it (.zt95 p) */
.editor-styles-wrapper .wp-block-w4ya-cm-price-cards .cm-prc__inner :where(p, h2, h3, ul, ol, li, blockquote),
.wp-block-w4ya-cm-price-cards .cm-prc__inner :where(p, h2, h3, ul, ol, li, blockquote) { margin: 0; } /* the size classes and the theme carry margins */
.editor-styles-wrapper .wp-block-w4ya-cm-price-cards .cm-prc__inner :where(ul, ol),
.wp-block-w4ya-cm-price-cards .cm-prc__inner :where(ul, ol) { padding: 0; list-style: none; }
@container (min-width: 851px) { /* measured on the torso, not the inner wrapper (see the head comment) */
    .editor-styles-wrapper .wp-block-w4ya-cm-price-cards .cm-prc__inner,
    .wp-block-w4ya-cm-price-cards .cm-prc__inner { padding: var(--cm-prc-pad-wide) 0; }
}

.editor-styles-wrapper .wp-block-w4ya-cm-price-cards p.cm-prc__kicker,
.wp-block-w4ya-cm-price-cards p.cm-prc__kicker { margin-bottom: 0.5em; letter-spacing: 0.12em; text-transform: uppercase; color: var(--cm-prc-kicker); } /* p: outranks the tracking reset above */
.editor-styles-wrapper .wp-block-w4ya-cm-price-cards .cm-prc__title,
.wp-block-w4ya-cm-price-cards .cm-prc__title { color: var(--cm-prc-text); font-weight: 500; line-height: 1.2; text-wrap: balance; }
.editor-styles-wrapper .wp-block-w4ya-cm-price-cards .cm-prc__placeholder,
.wp-block-w4ya-cm-price-cards .cm-prc__placeholder { opacity: 0.7; border: 1px dashed currentColor; border-radius: 4px; padding: 0.3em 0.5em; } /* the canvas stand-ins (the page prints none) */
.editor-styles-wrapper .wp-block-w4ya-cm-price-cards .cm-prc__lead,
.wp-block-w4ya-cm-price-cards .cm-prc__lead { max-width: 40em; margin-top: 0.35em; line-height: 1.55; }

.editor-styles-wrapper .wp-block-w4ya-cm-price-cards .cm-prc__cards,
.wp-block-w4ya-cm-price-cards .cm-prc__cards { display: flex; flex-direction: column; gap: 0.9em; margin-top: 1.4em; }
.editor-styles-wrapper .wp-block-w4ya-cm-price-cards .cm-prc__cards:first-child,
.wp-block-w4ya-cm-price-cards .cm-prc__cards:first-child { margin-top: 0; }
.editor-styles-wrapper .wp-block-w4ya-cm-price-cards .cm-prc__card,
.wp-block-w4ya-cm-price-cards .cm-prc__card,
.editor-styles-wrapper .wp-block-w4ya-cm-price-cards .cm-prc__tip,
.wp-block-w4ya-cm-price-cards .cm-prc__tip { padding: 1.4em 1.25em; background: var(--cm-prc-card-bg); border: 1px solid var(--cm-prc-card-border); border-radius: var(--cm-prc-radius); }
.editor-styles-wrapper .wp-block-w4ya-cm-price-cards .cm-prc__tip,
.wp-block-w4ya-cm-price-cards .cm-prc__tip { border-left: 5px solid var(--cm-prc-tip-rule); }
.editor-styles-wrapper .wp-block-w4ya-cm-price-cards .cm-prc__name,
.wp-block-w4ya-cm-price-cards .cm-prc__name,
.editor-styles-wrapper .wp-block-w4ya-cm-price-cards .cm-prc__tip-title,
.wp-block-w4ya-cm-price-cards .cm-prc__tip-title { font-weight: 500; line-height: 1.25; }
.editor-styles-wrapper .wp-block-w4ya-cm-price-cards .cm-prc__amount,
.wp-block-w4ya-cm-price-cards .cm-prc__amount { margin-top: 0.15em; color: var(--cm-prc-price); font-weight: 700; line-height: 1.15; }
.editor-styles-wrapper .wp-block-w4ya-cm-price-cards .cm-prc__price,
.wp-block-w4ya-cm-price-cards .cm-prc__price { font-size: calc(1em * var(--cm-prc-price-scale)); }
.editor-styles-wrapper .wp-block-w4ya-cm-price-cards .cm-prc__unit,
.wp-block-w4ya-cm-price-cards .cm-prc__unit { font-weight: 500; line-height: 1.4; }
.editor-styles-wrapper .wp-block-w4ya-cm-price-cards .cm-prc__text,
.wp-block-w4ya-cm-price-cards .cm-prc__text { margin-top: 0.4em; line-height: 1.55; }
.editor-styles-wrapper .wp-block-w4ya-cm-price-cards .cm-prc__tip-title,
.wp-block-w4ya-cm-price-cards .cm-prc__tip-title { display: flex; align-items: center; gap: 0.5em; }
.editor-styles-wrapper .wp-block-w4ya-cm-price-cards .cm-prc__tip-icon,
.wp-block-w4ya-cm-price-cards .cm-prc__tip-icon { flex: none; display: flex; align-items: center; justify-content: center; width: 26px; height: 26px; border-radius: 50%; background: var(--cm-prc-tip-icon-bg); color: var(--cm-prc-tip-icon); font-size: 16px; line-height: 1; }
.editor-styles-wrapper .wp-block-w4ya-cm-price-cards .cm-prc__tip-icon .cm-icon,
.wp-block-w4ya-cm-price-cards .cm-prc__tip-icon .cm-icon { stroke-width: 2; }
.editor-styles-wrapper .wp-block-w4ya-cm-price-cards .cm-prc__tip-text,
.wp-block-w4ya-cm-price-cards .cm-prc__tip-text { margin-top: 0.4em; line-height: 1.55; }

@container (min-width: 808px) { /* the inner wrapper's own width */
    .editor-styles-wrapper .wp-block-w4ya-cm-price-cards .cm-prc__price,
    .wp-block-w4ya-cm-price-cards .cm-prc__price { font-size: calc(1em * var(--cm-prc-price-scale-wide)); }
}
@container (min-width: 950px) {
    .editor-styles-wrapper .wp-block-w4ya-cm-price-cards .cm-prc__cards,
    .wp-block-w4ya-cm-price-cards .cm-prc__cards { flex-direction: row; align-items: stretch; gap: 1em; margin-top: 1.5em; }
    .editor-styles-wrapper .wp-block-w4ya-cm-price-cards .cm-prc__card,
    .wp-block-w4ya-cm-price-cards .cm-prc__card { flex: 1 1 0; min-width: 0; }
    .editor-styles-wrapper .wp-block-w4ya-cm-price-cards .cm-prc__tip,
    .wp-block-w4ya-cm-price-cards .cm-prc__tip { flex: var(--cm-prc-tip-grow) 1 0; min-width: 0; }
}