/* All changes stay inside the public-marketing request boundary. */
/* This marker is added only after verifying the homepage's seven stretched
   Elementor sections. Start at their final width before async initialization;
   nested boxed containers and the header/footer keep their existing limits. */
.olofit-site-improvements #primary.content-area > .content-center.olofit-si-stable-home-layout {
    max-width: none !important;
}

.olofit-site-improvements img.olofit-si-sized-image {
    /* Keep the intrinsic ratio when the existing theme sets only a CSS width. */
    height: auto;
}

/* Lossless, pixel-identical replacement of the 1 MiB decorative overlay. */
.olofit-si-performance .rating--testimonials::after,
.olofit-si-performance .testimonials--list--bg::after {
    background-image: url("performance/gradient.webp");
}

/* The first frame is usable before Slick starts. Keep both images during its
   three-second crossfade; an inactive-slide background rule would cause flashes. */
.olofit-si-performance .main-slider-section.new .slider-wrap:not(.slick-initialized) > .each-slide:not(:first-child) {
    display: none;
}

/* This more specific rule retains the approved poster tint and optimized image. */
.olofit-si-performance.olofit-site-improvements .content--and--image.olofit-si-promo-poster {
    background-image: linear-gradient(rgba(7, 48, 72, .78), rgba(7, 48, 72, .78)), url("performance/olofit-section-bg-1.webp") !important;
}

.olofit-site-improvements :where(a, button, input, select, textarea, [tabindex]):focus-visible {
    outline: 3px solid #073048 !important;
    outline-offset: 3px !important;
    box-shadow: 0 0 0 6px #fff !important;
}

/* These existing pink buttons have white text; use the site's dark blue instead. */
.olofit-site-improvements .rating--content a,
.olofit-site-improvements .content--and--image .special--butoon > a {
    color: #073048;
}
.olofit-site-improvements .rating--content a:hover {
    opacity: 1;
    text-decoration: underline;
}

/* Retain the exact existing fallback poster after removing its autoplay iframe. */
.olofit-site-improvements .content--and--image.olofit-si-promo-poster {
    background-image: linear-gradient(rgba(7, 48, 72, .78), rgba(7, 48, 72, .78)), url("https://olo.fit/wp-content/uploads/2020/12/olofit-section-bg-1.jpg") !important;
}
.olofit-site-improvements .olofit-si-promo-poster > .sect--video {
    position: relative;
    z-index: 2;
    opacity: 1;
    inset: auto;
    width: auto;
    height: auto;
    margin: 0 auto 40px;
    padding: 0 24px;
    max-width: 1230px;
}
.olofit-site-improvements .olofit-si-promo-poster a.olofit-si-promo-link {
    background: #fff;
    color: #073048;
    padding: 18px 24px;
    line-height: 1.4;
    max-width: 100%;
    width: fit-content;
    white-space: normal;
    text-decoration: underline;
    text-underline-offset: .15em;
}
.olofit-site-improvements .olofit-si-promo-poster a.olofit-si-promo-link:hover {
    color: #073048;
    background: #fff;
    opacity: 1;
}
.olofit-si-visually-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}
