/* Elementor DOM adapter — Velocity Commerce (21465) only. */

/* Grid classes now on containers must beat the .e-con flex default. */
.e-con.velp-ca-hero-grid,
.e-con.velp-ca-cards-4,
.e-con.velp-ca-shopify,
.e-con.velp-ca-split,
.e-con.vel-stats-grid,
.e-con.velp-ca-cta-card { display: grid; }

/* Row-flex hero actions (original: flex row + wrap). */
.e-con.velp-ca-actions { flex-direction: row; }

/* Link cards: "Learn more" was pinned to the card bottom via
   p{flex:1} + morelink{margin-top:auto} on direct children — the widget
   wrappers are the flex children now, so pin the last wrapper instead. */
.e-con.velp-ca-linkcard > .elementor-widget:last-child { margin-top: auto; }

/* keydesign-framework forces text-editor <p> font metrics to inherit, and
   Elementor suppresses a trailing paragraph's margin-bottom — restore both
   on the widget wrappers (classed root <p>s carry their class there). */
.e-con .elementor-widget.velp-ca-hero-sub { margin-bottom: 24px; }
.elementor-widget-text-editor.velp-ca-hero-sub { font-size: 18px; line-height: 1.5; }
.elementor-widget.velp-ca-lead { font-size: 18px; line-height: 1.5; margin-bottom: 0; }
/* The lead p keeps its own 4px margin (0-2-1 beats p:last-child) but no
   longer collapses into the checklist's 24px across widget wrappers — zero it. */
.velp-ca-copy .elementor-widget-text-editor p.velp-ca-lead { margin-bottom: 0; }
/* Stat labels (bare <span>) inherited line-height:normal from body in the
   original flow; keydesign's text-editor wrapper 1.75 makes each stat taller. */
.vel-stat .elementor-widget-text-editor { line-height: normal; }
.velp-ca-linkcard .elementor-widget-text-editor:has(p) { font-size: 13px; line-height: 1.62; margin-bottom: 18px; }
.velp-ca-shopify .elementor-widget-text-editor:has(p) { font-size: 16px; line-height: 1.62; margin-bottom: 8px; color: var(--vel-blue-light, #d7efff); }
.velp-ca-shopify .elementor-widget-text-editor.velp-ca-shopify-strong { margin-bottom: 0; }
.velp-ca-cta-card .elementor-widget-text-editor:has(p) { font-size: 16px; line-height: 1.62; color: var(--vel-blue-light, #d7efff); }

/* The card must stay the positioned+clipping box for the vel-w-abs deco
   overlay. Elementor's per-element post CSS forces overflow:visible at
   0-3-0, so the clip needs a 0-3-0 selector (adapter loads later = wins).
   Same for the hero section's original overflow:hidden. */
.e-con.velp-ca-cta-card { position: relative; }
.e-con.velp-ca-cta-card.velp-ca-cta-card { overflow: hidden; }
.e-con.velp-ca-hero.velp-ca-hero { overflow: hidden; }

/* Sibling margin collapse is lost between widget wrappers — zero/reduce the
   facing margins so gaps equal the original collapsed values. */
.velp-ca-hero-title { margin-top: 0; }          /* eyebrow mb14 vs h1 mt12 collapsed to 14 */
.e-con.velp-ca-cards-4 { margin-top: 0; }       /* h2/sub mb collapsed over the grid's mt6 */
.e-con.vel-faq-list { margin-top: 20px; }       /* h2 mb14 + 20 = original collapsed 34 */

/* CTA buttons: original align-items:stretch equalized the stacked anchors;
   anchors are now inside full-width widget wrappers, so stretch the anchor.
   Mirror the original breakpoints (≤900 shrink+center, ≤560 full width). */
.e-con.velp-ca-cta-actions .vel-btn { width: 100%; }

@media (max-width: 900px) {
	.e-con.velp-ca-cta-actions .vel-btn { width: auto; }
}

@media (max-width: 560px) {
	/* align-items:center shrinks the widget wrappers, so widen them too */
	.e-con.velp-ca-cta-actions > .elementor-widget { width: 100%; }
	.e-con.velp-ca-cta-actions .vel-btn { width: 100%; }
}