/* Native Elementor controls own spacing and typography. These shared finishes
   extend the existing silver palette to the added theme components. */
.staport-brand .staport-eyebrow .elementor-heading-title {
    color: #747A82;
    background-image: var(--staport-metal-gradient-horizontal);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.staport-brand .staport-silver-icon .bdt-ep-advanced-icon-box-icon-wrap,
.staport-brand .staport-support-card .bdt-ep-advanced-icon-box-icon-wrap {
    color: var(--uicore-headline-color);
    background-image: var(--staport-metal-gradient);
    border: 1px solid rgba(82,89,99,.28);
    box-shadow: 0 12px 26px rgba(7,29,59,.10), inset 0 1px 0 rgba(255,255,255,.85);
    padding: 16px;
}
.staport-brand .staport-silver-icon .bdt-ep-advanced-icon-box-icon-wrap i,
.staport-brand .staport-support-card .bdt-ep-advanced-icon-box-icon-wrap i {
    color: var(--uicore-headline-color);
}
.staport-counter-grid > .elementor-container,
.staport-card-grid > .elementor-container,
.staport-client-grid > .elementor-container { flex-wrap: wrap; }
.staport-card-grid > .elementor-container > .elementor-column,
.staport-capacity-grid > .elementor-container > .elementor-column { display: flex; }
.staport-card-grid .elementor-widget-bdt-advanced-icon-box { height: 100%; }
.staport-card-grid .bdt-ep-advanced-icon-box { height: 100%; }
.staport-cover-image img { width: 100%; object-fit: cover; }
.staport-reference-grid .ui-e-post-img-wrp img { aspect-ratio: 1.6; object-fit: cover; }
.staport-reference-grid .ui-e-post-content { padding: 28px; }
.staport-capital .bdt-ep-advanced-counter-number { white-space: nowrap; }
#qualifications.staport-qualification-rows .bdt-ep-advanced-icon-box-icon-wrap {
    padding: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
}
#qualifications.staport-qualification-rows .bdt-ep-advanced-icon-box-icon-wrap img {
    filter: brightness(0) invert(1);
}
#qualifications.staport-qualification-rows .staport-qualification-description p {
    margin-bottom: 14px;
}
#qualifications.staport-qualification-rows .staport-qualification-description p:last-child {
    margin-bottom: 0;
}
.staport-brand .staport-section[id],
.staport-brand .staport-support-section[id] { scroll-margin-top: 100px; }
.staport-brand .elementor-widget-icon-list .elementor-icon-list-text { overflow-wrap: anywhere; }
.staport-footer-bottom { position: relative; }
.staport-reference-grid.staport-reference-editorial .ui-e-post-content {
    padding: 24px 0 0;
}
@media (max-width: 1024px) {
    .staport-reference-editorial .ui-e-filters {
        width: 100%;
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
        flex-wrap: wrap;
        justify-content: center;
        overflow: visible;
        gap: 12px 20px;
    }
    .staport-reference-editorial .ui-e-filter-item {
        white-space: normal;
        max-width: 100%;
    }
}
@media (max-width: 767px) {
    .staport-hero-buttons > .elementor-container { gap: 12px; }
    .staport-hero-buttons .elementor-button { width: 100%; }
    .staport-cover-image img { max-height: 460px; }
    .staport-reference-grid .ui-e-post-content { padding: 22px; }
    .staport-reference-grid.staport-reference-editorial .ui-e-post-content { padding: 20px 0 0; }
}

/* Portrait hero photographs for phones; preserve the existing section layout. */
@media (max-width: 767px) {
    body.home #hero .elementor-background-slideshow__slide__image[style*="staport-hero-earthworks-v2.webp"] {
        background-image: url("https://s.sitecreation.ma/wp-content/uploads/2023/12/staport-hero-earthworks-mobile-v2.webp") !important;
    }
    body.home #hero .elementor-background-slideshow__slide__image[style*="staport-hero-production-v2.webp"] {
        background-image: url("https://s.sitecreation.ma/wp-content/uploads/2023/12/staport-hero-production-mobile-v2.webp") !important;
    }
}