/* BETCRAFT PROVIDER UNIFIED TILE V3 */


/*
All 79 outer provider tiles use the same Navy treatment.

The 12 logos identified by the real pixel audit as
requiring a light surface receive only a smaller
inner backing plate.

Provider image files remain untouched.
Bank section remains untouched.
*/


/* ========================================================
   ALL PROVIDERS — SAME OUTER TILE
   ======================================================== */

.bpb-provider-logo {
    position: relative;

    overflow: hidden;

    border:
        1px solid
        rgba(218,181,91,.22)
        !important;

    background:
        linear-gradient(
            145deg,
            #203b57 0%,
            #182b41 52%,
            #112234 100%
        )
        !important;

    box-shadow:
        inset 0 1px 0
        rgba(255,255,255,.09),
        inset 0 -1px 0
        rgba(0,0,0,.18),
        0 5px 15px
        rgba(20,43,70,.11)
        !important;
}


.bpb-provider-logo::before {
    position: absolute;

    inset: 6px;

    border:
        1px solid
        rgba(255,255,255,.07);

    border-radius: 10px;

    background:
        radial-gradient(
            circle at 50% 45%,
            rgba(255,255,255,.055),
            transparent 70%
        );

    content: "";

    pointer-events: none;
}


.bpb-provider-logo img {
    position: relative;

    z-index: 2;

    opacity: 1 !important;

    mix-blend-mode: normal !important;

    filter:
        drop-shadow(
            0 2px 3px
            rgba(0,0,0,.28)
        )
        !important;
}


/* ========================================================
   12 DARK LOGOS — INNER LIGHT PLATE ONLY
   ======================================================== */

.bpb-provider-logo:nth-child(79n + 4),
.bpb-provider-logo:nth-child(79n + 15),
.bpb-provider-logo:nth-child(79n + 30),
.bpb-provider-logo:nth-child(79n + 36),
.bpb-provider-logo:nth-child(79n + 61),
.bpb-provider-logo:nth-child(79n + 64),
.bpb-provider-logo:nth-child(79n + 67),
.bpb-provider-logo:nth-child(79n + 68),
.bpb-provider-logo:nth-child(79n + 75),
.bpb-provider-logo:nth-child(79n + 76),
.bpb-provider-logo:nth-child(79n + 77),
.bpb-provider-logo:nth-child(79n + 79) {
    /*
    Outer tile intentionally stays Navy.
    No white card override here.
    */
    background:
        linear-gradient(
            145deg,
            #203b57 0%,
            #182b41 52%,
            #112234 100%
        )
        !important;
}


.bpb-provider-logo:nth-child(79n + 4)::before,
.bpb-provider-logo:nth-child(79n + 15)::before,
.bpb-provider-logo:nth-child(79n + 30)::before,
.bpb-provider-logo:nth-child(79n + 36)::before,
.bpb-provider-logo:nth-child(79n + 61)::before,
.bpb-provider-logo:nth-child(79n + 64)::before,
.bpb-provider-logo:nth-child(79n + 67)::before,
.bpb-provider-logo:nth-child(79n + 68)::before,
.bpb-provider-logo:nth-child(79n + 75)::before,
.bpb-provider-logo:nth-child(79n + 76)::before,
.bpb-provider-logo:nth-child(79n + 77)::before,
.bpb-provider-logo:nth-child(79n + 79)::before {
    inset:
        10px
        11px;

    border:
        1px solid
        rgba(255,255,255,.70);

    border-radius:
        9px;

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #f4f7fa 56%,
            #e8edf2 100%
        );

    box-shadow:
        0 1px 5px
        rgba(0,0,0,.15);

    opacity:
        .96;
}


.bpb-provider-logo:nth-child(79n + 4),
.bpb-provider-logo:nth-child(79n + 15),
.bpb-provider-logo:nth-child(79n + 30),
.bpb-provider-logo:nth-child(79n + 36),
.bpb-provider-logo:nth-child(79n + 61),
.bpb-provider-logo:nth-child(79n + 64),
.bpb-provider-logo:nth-child(79n + 67),
.bpb-provider-logo:nth-child(79n + 68),
.bpb-provider-logo:nth-child(79n + 75),
.bpb-provider-logo:nth-child(79n + 76),
.bpb-provider-logo:nth-child(79n + 77),
.bpb-provider-logo:nth-child(79n + 79) img {
    filter:
        drop-shadow(
            0 1px 2px
            rgba(20,43,70,.18)
        )
        !important;
}


/* ========================================================
   MARQUEE EDGE FADE
   ======================================================== */

.bpb-marquee::before {
    background:
        linear-gradient(
            90deg,
            #fff 0%,
            rgba(255,255,255,.90) 25%,
            rgba(255,255,255,0) 100%
        )
        !important;
}


.bpb-marquee::after {
    background:
        linear-gradient(
            270deg,
            #fff 0%,
            rgba(255,255,255,.90) 25%,
            rgba(255,255,255,0) 100%
        )
        !important;
}


/* ========================================================
   MOBILE
   ======================================================== */

@media (max-width: 760px) {

    .bpb-provider-logo:nth-child(79n + 4)::before,
.bpb-provider-logo:nth-child(79n + 15)::before,
.bpb-provider-logo:nth-child(79n + 30)::before,
.bpb-provider-logo:nth-child(79n + 36)::before,
.bpb-provider-logo:nth-child(79n + 61)::before,
.bpb-provider-logo:nth-child(79n + 64)::before,
.bpb-provider-logo:nth-child(79n + 67)::before,
.bpb-provider-logo:nth-child(79n + 68)::before,
.bpb-provider-logo:nth-child(79n + 75)::before,
.bpb-provider-logo:nth-child(79n + 76)::before,
.bpb-provider-logo:nth-child(79n + 77)::before,
.bpb-provider-logo:nth-child(79n + 79)::before {
        inset:
            8px
            9px;
    }

}