/* Shared trusted-projects component: the cards use the full section width.
 * The existing header keeps its own gutter, independently of the card rail. */
/* Brand pages already provide a full-width mount; remove their old offset. */
html body.parent-pageid-30 .elementor .cie-home-projects-carousel-ssot-mount.e-con > .elementor-widget-shortcode {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

html body .elementor .cie-category-trusted-projects {
    --padding-left: 0px !important;
    --padding-right: 0px !important;
    padding-inline: 0 !important;
}

html body .elementor .cie-category-trusted-projects .cie-category-trusted-projects__inner.e-con {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0;
}

/* Let the heading wrap within its rail instead of clipping on narrow screens. */
html body .elementor .cie-category-trusted-projects .cie-category-trusted-projects__heading {
    min-width: 0;
    max-width: 100%;
}

html body .elementor .cie-category-trusted-projects .cie-category-trusted-projects__heading .elementor-heading-title {
    white-space: normal;
}

html body .elementor .cie-category-trusted-projects .cie-category-trusted-projects__view .elementor-button {
    font-size: 18px;
}

/* Keep all three controls stationary, with the shared grey on the link. */
html body .elementor .cie-category-trusted-projects :is(.cie-category-trusted-projects__view, .cie-category-trusted-projects__arrow) .elementor-button:is(:hover, :focus) {
    transform: none;
}

html body .elementor .cie-category-trusted-projects .cie-category-trusted-projects__view .elementor-button:is(:hover, :focus) {
    background-color: #89a0aa;
    color: #000;
}

/* Use the shared Figma chevron without the text glyph's baseline offset. */
html body .elementor .cie-category-trusted-projects .cie-category-trusted-projects__arrow .elementor-button-content-wrapper {
    display: grid;
    place-items: center;
}

html body .elementor .cie-category-trusted-projects .cie-category-trusted-projects__arrow .elementor-button-text {
    display: block;
    width: auto;
    height: auto;
    border: 0;
    transform: none;
    font-size: 0;
    line-height: 0;
}

html body .elementor .cie-category-trusted-projects .cie-category-trusted-projects__arrow .elementor-button-text::before {
    content: "";
    display: block;
    width: 11px;
    height: 20px;
    background-color: #000;
    -webkit-mask: url("../img/project-chevron-left.svg") center / contain no-repeat;
    mask: url("../img/project-chevron-left.svg") center / contain no-repeat;
}

html body .elementor .cie-category-trusted-projects .cie-category-trusted-projects__arrow--next .elementor-button-text::before {
    transform: rotate(180deg);
}

/* Keep the existing native touch/arrow scrolling, without its visible bar. */
html body .elementor .cie-category-trusted-projects .cie-category-trusted-projects__track.e-con {
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding-bottom: 0;
}

html body .elementor .cie-category-trusted-projects .cie-category-trusted-projects__track.e-con::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
}

@media (max-width: 1200px) {
    html body .elementor .cie-category-trusted-projects .cie-category-trusted-projects__track.e-con {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0;
    }
}

/* Four cards must span the actual rail, including classic scrollbar gutters.
 * This replaces the old 40px subtraction from the narrower tablet rail. */
@media (min-width: 1025px) {
    html body .elementor .cie-category-trusted-projects .cie-category-trusted-projects__card.e-con {
        flex: 0 0 calc((100cqi - var(--trusted-projects-gap) - var(--trusted-projects-gap) - var(--trusted-projects-gap)) / 4) !important;
        width: calc((100cqi - var(--trusted-projects-gap) - var(--trusted-projects-gap) - var(--trusted-projects-gap)) / 4) !important;
    }
}

/* Mobile previously obtained its header gutter from the whole section. */
@media (max-width: 767px) {
    html body .elementor .cie-category-trusted-projects .cie-category-trusted-projects__header.e-con {
        width: calc(100% - 40px) !important;
        max-width: calc(100% - 40px) !important;
        margin-inline: auto;
    }
}

/* Keep one native article link per card and extend its hit area over the image. */
html body .cie-category-trusted-projects__card .cie-category-trusted-projects__overlay.e-con {
    transform: none;
}
html body .cie-category-trusted-projects__read-more,
html body .cie-category-trusted-projects__read-more :is(.elementor-widget-container, .elementor-button-wrapper, .elementor-button) {
    position: static;
}
html body .cie-category-trusted-projects__read-more a[href]::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 3;
    cursor: pointer;
}