/* CM Header-3 (Crossing Sweeps): one band, two clipped sweeps behind a centred row of brand and actions. Every rule:
   editor selector + front-end selector (SSOT). Values come from the CSS variables config.php prints (--cm-header-3-*);
   the panels' per-element values are inline on the element. Layout lives here only (rule 7). */
.editor-styles-wrapper .wp-block-w4ya-cm-header-3,
.wp-block-w4ya-cm-header-3 {
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    width: 100%;
    background-color: var(--cm-header-3-bg);
    color: var(--cm-header-3-text);
    font-family: var(--cm-header-3-font-family);
}
/* The clip-path definitions: out of flow (an inline 0×0 svg still makes a line box); never display:none (breaks the clip reference) */
.editor-styles-wrapper .wp-block-w4ya-cm-header-3 .cm-header-3__defs,
.wp-block-w4ya-cm-header-3 .cm-header-3__defs { position: absolute; width: 0; height: 0; }
.editor-styles-wrapper .wp-block-w4ya-cm-header-3 .cm-header-3__sweeps,
.wp-block-w4ya-cm-header-3 .cm-header-3__sweeps { position: absolute; inset: 0; pointer-events: none; }
.editor-styles-wrapper .wp-block-w4ya-cm-header-3 .cm-header-3__sweep,
.wp-block-w4ya-cm-header-3 .cm-header-3__sweep { position: absolute; inset: 0; }
.editor-styles-wrapper .wp-block-w4ya-cm-header-3 .cm-header-3__sweep--upper,
.wp-block-w4ya-cm-header-3 .cm-header-3__sweep--upper { background-color: var(--cm-header-3-sweep-upper-color); clip-path: url(#cm-header-3-sweep-upper); }
.editor-styles-wrapper .wp-block-w4ya-cm-header-3 .cm-header-3__sweep--lower,
.wp-block-w4ya-cm-header-3 .cm-header-3__sweep--lower { background-color: var(--cm-header-3-sweep-lower-color); clip-path: url(#cm-header-3-sweep-lower); }
/* The row carries the padding and min-height so the content is vertically centred in the band */
.editor-styles-wrapper .wp-block-w4ya-cm-header-3 .cm-header-3__row,
.wp-block-w4ya-cm-header-3 .cm-header-3__row { position: relative; display: flex; align-items: center; gap: var(--cm-header-3-gap); padding: var(--cm-header-3-padding); min-height: var(--cm-header-3-min-height); box-sizing: border-box; }
.editor-styles-wrapper .wp-block-w4ya-cm-header-3 .cm-header-3__brand,
.wp-block-w4ya-cm-header-3 .cm-header-3__brand { display: flex; align-items: center; gap: var(--cm-header-3-brand-gap); min-width: 0; }
.editor-styles-wrapper .wp-block-w4ya-cm-header-3 .cm-header-3__text,
.wp-block-w4ya-cm-header-3 .cm-header-3__text { min-width: 0; }
.editor-styles-wrapper .wp-block-w4ya-cm-header-3 .cm-header-3__logo img,
.wp-block-w4ya-cm-header-3 .cm-header-3__logo img { display: block; height: var(--cm-header-3-logo-size); width: auto; max-width: var(--cm-header-3-logo-max-width); }
.editor-styles-wrapper .wp-block-w4ya-cm-header-3 .cm-header-3__text p,
.wp-block-w4ya-cm-header-3 .cm-header-3__text p { margin: 0; }
.editor-styles-wrapper .wp-block-w4ya-cm-header-3 .cm-header-3__title,
.wp-block-w4ya-cm-header-3 .cm-header-3__title { font-size: var(--cm-header-3-title-size); font-weight: var(--cm-header-3-title-weight); line-height: var(--cm-header-3-title-line-height); letter-spacing: var(--cm-header-3-title-spacing); }
.editor-styles-wrapper .wp-block-w4ya-cm-header-3 .cm-header-3__tagline,
.wp-block-w4ya-cm-header-3 .cm-header-3__tagline { font-size: var(--cm-header-3-tagline-size); opacity: var(--cm-header-3-tagline-opacity); margin-top: var(--cm-header-3-tagline-gap); }
.editor-styles-wrapper .wp-block-w4ya-cm-header-3 .cm-header-3__actions,
.wp-block-w4ya-cm-header-3 .cm-header-3__actions { display: flex; align-items: center; gap: var(--cm-header-3-actions-gap); margin-left: auto; }
.editor-styles-wrapper .wp-block-w4ya-cm-header-3 .cm-header-3__phone,
.wp-block-w4ya-cm-header-3 .cm-header-3__phone { display: inline-flex; align-items: center; gap: var(--cm-header-3-phone-icon-gap); font-size: var(--cm-header-3-phone-size); font-weight: var(--cm-header-3-phone-weight); color: inherit; text-decoration: none; white-space: nowrap; }
.editor-styles-wrapper .wp-block-w4ya-cm-header-3 .cm-header-3__phone-icon,
.wp-block-w4ya-cm-header-3 .cm-header-3__phone-icon { width: var(--cm-header-3-phone-icon-size); height: var(--cm-header-3-phone-icon-size); display: block; flex: none; }
.editor-styles-wrapper .wp-block-w4ya-cm-header-3 .cm-header-3__cta,
.wp-block-w4ya-cm-header-3 .cm-header-3__cta { display: inline-block; padding: var(--cm-header-3-cta-padding); background-color: var(--cm-header-3-cta-bg); color: var(--cm-header-3-cta-color); font-size: var(--cm-header-3-cta-size); font-weight: var(--cm-header-3-cta-weight); border-radius: var(--cm-header-3-cta-radius); line-height: var(--cm-header-3-cta-line-height); text-decoration: none; white-space: nowrap; }
.editor-styles-wrapper .wp-block-w4ya-cm-header-3 .cm-header-3__cart-slot,
.wp-block-w4ya-cm-header-3 .cm-header-3__cart-slot { display: flex; align-items: center; }
/* Narrow container (config.php get_responsive_constants 'stack'): two rows, brand then actions; narrower side padding;
   the phone and the button may wrap rather than be clipped on the narrowest phones; a wide wordmark is capped */
@container (max-width: 960px) {
    .editor-styles-wrapper .wp-block-w4ya-cm-header-3 .cm-header-3__row,
    .wp-block-w4ya-cm-header-3 .cm-header-3__row { flex-wrap: wrap; padding: var(--cm-header-3-padding-narrow); }
    .editor-styles-wrapper .wp-block-w4ya-cm-header-3 .cm-header-3__logo img,
    .wp-block-w4ya-cm-header-3 .cm-header-3__logo img { max-width: var(--cm-header-3-logo-max-width-narrow); }
    .editor-styles-wrapper .wp-block-w4ya-cm-header-3 .cm-header-3__actions,
    .wp-block-w4ya-cm-header-3 .cm-header-3__actions { width: 100%; margin-left: 0; justify-content: space-between; flex-wrap: wrap; }
}