@charset "UTF-8";

/* ══════════════════════════════════════════════════════════════
   SAP Partner Badge — right-aligned logo overlay on a carousel slide
   Used on the SAP slide in index.html (#myCarousel).

   Placement: vertically centred, and inset from the RIGHT edge by the
   same amount the headline block (#hdrBanner01bb inside .inner_slider)
   is inset from the LEFT edge. The offset ladder below therefore
   mirrors the `.inner_slider { padding-left: … }` breakpoints in
   css/style_Slider.css — if those change, change these to match.

   pointer-events:none so the banner's onclick still works.
   ══════════════════════════════════════════════════════════════ */

.carousel-item .sap-partner-badge {
    position: absolute;
    top: 50%;
    left: auto;
    right: 180px;               /* matches .inner_slider base padding-left */
    transform: translateY(-50%);
    width: 22%;
    max-width: 320px;
    min-width: 120px;
    /* height/min-height/object-fit reset: slider-modern.css applies
       `min-height:70vh; object-fit:cover` to every .carousel-item img
       at >=992px, which would stretch and crop this logo. */
    height: auto;
    min-height: 0;
    max-height: none;
    object-fit: contain;
    z-index: 11;
    pointer-events: none;
}

/* ══════════════════════════════════════════════════════════════
   RIGHT-INSET LADDER — mirrors .inner_slider padding-left
   (css/style_Slider.css). Tablet and up.
   ══════════════════════════════════════════════════════════════ */

/* ── 768–991px ── */
@media (min-width: 768px) and (max-width: 991px) {
    .carousel-item .sap-partner-badge {
        right: 100px;
    }
}

/* ── 992–1199px ── */
@media (min-width: 992px) and (max-width: 1199px) {
    .carousel-item .sap-partner-badge {
        right: 120px;
    }
}

/* ── 1200–1399px ── */
@media (min-width: 1200px) and (max-width: 1399px) {
    .carousel-item .sap-partner-badge {
        right: 150px;
    }
}

/* ── 1400–1799px ── */
@media (min-width: 1400px) and (max-width: 1799px) {
    .carousel-item .sap-partner-badge {
        right: 170px;
    }
}

/* ── 1800–1954px ── */
@media (min-width: 1800px) and (max-width: 1954px) {
    .carousel-item .sap-partner-badge {
        right: 220px;
    }
}

/* ── 1955–2299px ── */
@media (min-width: 1955px) and (max-width: 2299px) {
    .carousel-item .sap-partner-badge {
        right: 260px;
    }
}

/* ── 2300–2674px: Ultra-wide ── */
@media (min-width: 2300px) and (max-width: 2674px) {
    .carousel-item .sap-partner-badge {
        right: 320px;
    }
}

/* ── 2675px and up ── */
@media (min-width: 2675px) {
    .carousel-item .sap-partner-badge {
        right: 380px;
    }
}

/* ══════════════════════════════════════════════════════════════
   PHONES — unchanged from the previous treatment.
   The headline is left-aligned and grows to roughly half the slide at
   these sizes, so the badge stays parked in the clear right-hand area
   of the artwork rather than following the right-inset ladder.
   ══════════════════════════════════════════════════════════════ */

@media (max-width: 767px) {
    .carousel-item .sap-partner-badge {
        left: 75%;
        right: auto;
        transform: translate(-50%, -50%);
        width: 26%;
        max-width: 150px;
        min-width: 90px;
    }
}

@media (max-width: 479px) {
    .carousel-item .sap-partner-badge {
        left: 76%;
        right: auto;
        transform: translate(-50%, -50%);
        width: 30%;
        max-width: 110px;
        min-width: 78px;
    }
}