/* Theme defaults; explicit Elementor widget typography remains authoritative. */
body {
	font-family: var(--mpx-ff-a);
}
:where(button, input, select, textarea) {
	font-family: inherit;
}
/* Map Elementor's four system families to the theme; retain sizes/weights/custom slots. */
.elementor {
	font-family: var(--mpx-ff-a);
	--e-global-typography-primary-font-family: var(--mpx-ff-a);
	--e-global-typography-secondary-font-family: var(--mpx-ff-a);
	--e-global-typography-text-font-family: var(--mpx-ff-a);
	--e-global-typography-accent-font-family: var(--mpx-ff-a);
}


/* =======================
   No Space Around Icon
======================= */
/* Reset spacing for icons - use as utility class */
.icon-no-space {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    line-height: 1 !important;
    font-size: inherit !important;
    display: inline-block;
    /* Keeps block-like control while staying inline */
    vertical-align: middle;
    /* Better vertical alignment */
}

/* Reset inner elements if needed */
.icon-no-space>* {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    display: block;
    /* Remove inner spacing */
}

/* =======================
   Image Carousel
======================= */

.linear-carousel .swiper-wrapper {
    -webkit-transition-timing-function: linear !important;
    -moz-transition-timing-function: linear !important;
    -o-transition-timing-function: linear !important;
    transition-timing-function: linear !important;
}

.linear-carousel .swiper {
    -webkit-mask-image: linear-gradient(
        to right,
        transparent 0%,
        rgba(0, 0, 0, 0.35) 3%,
        #000 9%,
        #000 91%,
        rgba(0, 0, 0, 0.35) 97%,
        transparent 100%
    );

    mask-image: linear-gradient(
        to right,
        transparent 0%,
        rgba(0, 0, 0, 0.35) 3%,
        #000 9%,
        #000 91%,
        rgba(0, 0, 0, 0.35) 97%,
        transparent 100%
    );
}

/* =======================
   Step Number Circle
======================= */

.mpx-step-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: var(--mpx-brd-pill);
    background-color: var(--mpx-clr-pri);
    color: var(--mpx-clr-wh);
    font-family: var(--mpx-ff-a);
    font-size: var(--mpx-fs-headline);
    font-weight: var(--mpx-fw-b);
    line-height: 1;
    flex-shrink: 0;
}