/* Casino / live casino — quick actions + provider rail */

.game-quick-actions--3d {
    padding-top: 0.45rem !important;
    padding-bottom: 0.15rem !important;
}

.game-quick-actions--3d .game-quick-actions__stack {
    gap: 0.38rem;
}

.game-quick-actions--3d .game-quick-actions__btn {
    padding: 0.32rem 0.85rem !important;
    min-height: 2.45rem;
    border: 1px solid rgba(122, 223, 255, 0.22) !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg, #173a5c 0%, #12324f 55%, #0e2742 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07), 0 6px 16px rgba(0, 0, 0, 0.22) !important;
    color: #e8f7ff !important;
    text-shadow: none;
    letter-spacing: 0.11em;
    font-size: 0.66rem;
    font-weight: 700;
    transform: none !important;
    filter: none !important;
}

.game-quick-actions--3d .game-quick-actions__btn > span,
.game-quick-actions--3d .game-quick-actions__btn-inner {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.48rem;
    width: 100%;
    min-height: 0;
    padding: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.game-quick-actions--3d .game-quick-actions__btn:hover {
    transform: translateY(-1px) !important;
    color: #fff !important;
    border-color: rgba(46, 199, 255, 0.5) !important;
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(46, 199, 255, 0.08) !important;
    filter: none !important;
}

.game-quick-actions--3d .game-quick-actions__btn.is-active {
    color: #2ec7ff !important;
    border-color: rgba(46, 199, 255, 0.55) !important;
    background: linear-gradient(180deg, rgba(46, 199, 255, 0.14), #12324f 45%, #0e2742 100%) !important;
    box-shadow: 0 0 0 1px rgba(46, 199, 255, 0.12), 0 8px 18px rgba(0, 0, 0, 0.28) !important;
}

.game-quick-actions--3d .game-quick-actions__btn--recent.is-active {
    padding-left: 2.35rem !important;
}

.game-quick-actions--3d .game-quick-actions__back {
    width: 1.65rem;
    height: 1.65rem;
    left: 0.42rem;
}

.game-quick-actions--3d .game-quick-actions__btn--recent.is-active .game-quick-actions__photo {
    display: none;
}

.game-quick-actions--3d .game-quick-actions__photo {
    display: block;
    width: 1.28rem;
    height: 1.28rem;
    padding: 0;
    border: 0;
    border-radius: 0;
    object-fit: contain;
    background: transparent;
    box-shadow: none;
    filter: none;
    flex-shrink: 0;
}

.game-quick-actions--3d .game-quick-actions__search-active {
    padding: 0.18rem 0.7rem 0.18rem 0.32rem;
    min-height: 2.45rem;
    border: 1px solid rgba(122, 223, 255, 0.34);
    border-radius: 999px;
    background: linear-gradient(180deg, #173a5c 0%, #12324f 55%, #0e2742 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07), 0 6px 16px rgba(0, 0, 0, 0.22);
}

.game-quick-actions--3d .game-quick-actions__search-active:focus-within {
    border-color: rgba(46, 199, 255, 0.62);
    box-shadow: 0 0 0 3px rgba(46, 199, 255, 0.12), 0 8px 18px rgba(0, 0, 0, 0.26);
}

.game-quick-actions--3d .game-quick-actions__search-input--inline {
    min-height: 1.7rem;
    font-size: 0.82rem;
    font-weight: 600;
}

.game-quick-actions--3d .game-quick-actions__back--search {
    width: 1.65rem;
    height: 1.65rem;
}

@media (min-width: 768px) {
    .game-quick-actions--3d .game-quick-actions__stack {
        flex-direction: row;
        align-items: stretch;
        gap: 0.75rem;
    }

    .game-quick-actions--3d .game-quick-actions__recent-wrap,
    .game-quick-actions--3d .game-quick-actions__search-slot {
        flex: 1 1 0;
        min-width: 0;
    }
}

/* Provider filter — text-only chips (name only) */
.casino-provider-filter--3d {
    padding-top: 0.35rem !important;
    padding-bottom: 0.55rem !important;
}

.casino-provider-filter--3d .provider-scroll-container {
    margin: 0 -0.15rem;
}

.casino-provider-filter--3d .flex.space-x-3,
.casino-provider-filter--3d .provider-scroll-container > .flex {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    width: max-content;
    min-width: 100%;
    padding: 0.1rem 0.15rem 0.35rem;
}

.casino-provider-filter--3d .provider-card.provider-chip,
.casino-provider-filter--3d button.provider-chip {
    appearance: none;
    -webkit-appearance: none;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.55rem;
    padding: 0.55rem 1.05rem;
    margin: 0;
    border: 1px solid rgba(122, 223, 255, 0.28);
    border-radius: 0.7rem;
    background: linear-gradient(180deg, #142c45 0%, #0f2338 55%, #0b1b2c 100%);
    box-shadow: none;
    color: #f2f8ff;
    cursor: pointer;
    white-space: nowrap;
    transition: border-color 0.18s ease, background 0.18s ease, color 0.18s ease;
}

.casino-provider-filter--3d .provider-chip__name {
    font-size: 0.86rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    line-height: 1.1;
    color: inherit;
}

.casino-provider-filter--3d .provider-card.provider-chip:hover {
    border-color: rgba(46, 199, 255, 0.55);
    color: #fff;
    background: linear-gradient(180deg, #183552 0%, #122a42 55%, #0d2034 100%);
}



/* Hide legacy 3D face art if any leftover markup */
.casino-provider-filter--3d .provider-filter-face,
.casino-provider-filter--3d .provider-filter-face__shine,
.casino-provider-filter--3d .provider-filter-face__letters,
.casino-provider-filter--3d .provider-filter-face__logo,
.casino-provider-filter--3d .provider-filter-face__mark {
    display: none !important;
}

/* Beat global .provider-card card chrome from layouts/app */
.casino-provider-filter--3d .provider-card.provider-chip,
.casino-provider-filter--3d button.provider-card.provider-chip {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 2.55rem !important;
    padding: 0.55rem 1.05rem !important;
    border: 1px solid rgba(122, 223, 255, 0.28) !important;
    border-radius: 0.7rem !important;
    background: linear-gradient(180deg, #142c45 0%, #0f2338 55%, #0b1b2c 100%) !important;
    box-shadow: none !important;
    transform: none !important;
    filter: none !important;
}

.casino-provider-filter--3d .provider-card.provider-chip:hover {
    transform: none !important;
    box-shadow: none !important;
    border-color: rgba(46, 199, 255, 0.55) !important;
    background: linear-gradient(180deg, #183552 0%, #122a42 55%, #0d2034 100%) !important;
}

/* Provider chip names always white */
.casino-provider-filter--3d .provider-card.provider-chip,
.casino-provider-filter--3d .provider-card.provider-chip:hover,
.casino-provider-filter--3d .provider-card.provider-chip.is-active,
.casino-provider-filter--3d .provider-card.provider-chip .provider-chip__name,
.casino-provider-filter--3d .provider-card.provider-chip:hover .provider-chip__name,
.casino-provider-filter--3d .provider-card.provider-chip.is-active .provider-chip__name {
    color: #ffffff !important;
}
.casino-provider-filter--3d .provider-card.provider-chip.is-active {
    border-color: rgba(46, 199, 255, 0.72) !important;
    background: linear-gradient(180deg, rgba(46, 199, 255, 0.14), #122a42 45%, #0d2034 100%) !important;
}