/*
 * CODSHIPX_AI_R83_R14_R3_CENTER_CODI_LOGO
 *
 * Same original Codi icon already approved for top brand.
 * Target: center Codi reactor/logo slot.
 */

.codi-mandatory-gate
.codi-mandatory-mini-reactor
.codi-mandatory-logo {
    position: relative !important;

    overflow: hidden !important;

    background: #08101f !important;

    isolation: isolate !important;
}


/*
 * Keep legacy image hidden.
 */
.codi-mandatory-gate
.codi-mandatory-mini-reactor
.codi-mandatory-logo
> img {
    opacity: 0 !important;
    visibility: hidden !important;
}


/*
 * Guaranteed visible top-layer Codi artwork.
 */
.codi-mandatory-gate
.codi-mandatory-mini-reactor
.codi-mandatory-logo::after {
    content: "" !important;

    position: absolute !important;

    inset: 0 !important;

    z-index: 20 !important;

    display: block !important;

    background-image:
        url("/ai-center/brand-r71/codi-icon.jpeg") !important;

    background-position:
        center center !important;

    background-repeat:
        no-repeat !important;

    background-size:
        cover !important;

    border-radius:
        inherit !important;

    pointer-events:
        none !important;
}


/*
 * Also guarantee visibility in review/success logo shells.
 */
.codi-mandatory-gate
.codi-r50-review-logo-inner,

.codi-mandatory-gate
.codi-success-core
.codi-mandatory-logo {
    background-image:
        url("/ai-center/brand-r71/codi-icon.jpeg") !important;

    background-position:
        center center !important;

    background-repeat:
        no-repeat !important;

    background-size:
        cover !important;
}