:root {
    --pibet-bg: #0a0a0a;
    --pibet-bg-image: url('../../images/pibet/bg.jpg')
}

/* VPN badge on selected casino/sports cards (PPlay / DG99 / OFA / AFB1188 / TF E-SPORTS)
   and slot providers (Pragmatic Play / JILI / Joker123 / YesBingo / SmartSoft) */
.games-casino-all .icons-vpn,
.games-sport-all .icons-vpn,
.mySwiperSlotsMenu .swiper-slide a .icons-vpn,
.game-slot-home-provider .parent-element-third .icons-vpn,
.provider-lobby .parent-element-third .icons-vpn,
#provider-all-game-home .provider-logo-wrap .icons-vpn {
    width: 25px;
    height: 25px;
    z-index: 9;
    background: url('../../images/pibet/icon/vpn.webp') no-repeat;
    background-size: contain;
    position: absolute;
    left: 5px;
    top: 15%;
    transform: translate(0, -50%);
    display: block;
    pointer-events: none;
}

.mySwiperSlotsMenu .swiper-slide a .icons-vpn {
    width: 16px;
    height: 16px;
    left: auto;
    right: 2px;
    top: 3px;
    transform: none;
}

/* Homepage Game Providers + Providers lobby: between logo and Play button */
.game-slot-home-provider .parent-element-third .icons-vpn,
.provider-lobby .parent-element-third .icons-vpn {
    width: 28px;
    height: 28px;
    left: 12px;
    top: 42%;
    transform: translateY(-50%);
}

/* All Providers popup: top-right badge on circular logo */
#provider-all-game-home .provider-logo-wrap {
    display: inline-flex;
    position: relative;
    flex-shrink: 0;
}

#provider-all-game-home .provider-logo-wrap .icons-vpn {
    width: 14px;
    height: 14px;
    left: auto;
    right: -2px;
    top: -2px;
    transform: none;
}

html,
body {
    background-color: var(--pibet-bg) !important;
    background-image: var(--pibet-bg-image) !important;
    background-repeat: no-repeat !important;
    background-position: center top !important;
    background-size: cover !important;
    background-attachment: fixed !important;
    min-height: 100%;
    color: #fff
}

.main-index,
.main-index-menu,
.home-page,
#wallet-content,
.sidemenu,
.bottom-menu {
    background-color: rgba(0, 0, 0, 0) !important;
    background-image: none !important
}

/* Top app download banner — match dark theme */
.wrap-download {
    background-color: var(#fff) !important;
    background-image: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08)
}

.wrap-download .download-content .download-text > * {
    color: #2a2a2a !important
}

.wrap-download .download-button-wrapper .download-button {
    background-color: #2a2a2a !important;
    color: #fff !important
}

.wrap-download .download-close {
    filter: brightness(0) invert(1)
}
.main-body{
    background: none !important;
}

/* Theme15 carousel edge fades show as a dark/gold stroke on transparent PIBET bg */
.slide-view::before,
.slide-view::after {
    display: none !important;
    content: none !important;
    width: 0 !important;
    background: none !important;
}

#gameLockModal .modal-content{
    background: #2a2a2a;
}

/* Registration success modal — dark surface (theme15 default is gold) */
.modal.modal-register-success .modal-content {
    background: #1a1a1a !important;
    background-image: none !important;
    background-blend-mode: normal;
    color: #fff !important;
    border-color: rgba(255, 255, 255, 0.12);
}

.modal.modal-register-success .register-success-title,
.modal.modal-register-success .register-success-description,
.modal.modal-register-success .modal-body > p {
    color: #fff !important;
}

.main-game-menu{
    background: #1c202a;
}

/* Slots lobby — game list panel (search + grid) */
.slots-contant {
    background-color: #000 !important;
}
.slot-header a input, .slot-header .slot_search i{
    color: #fff !important;
}
/* Light table surfaces inherit body #fff — force readable black text */
.center-table th,
.center-table td,
.main.center .center-table th,
.main.center .center-table td {
    color: #000 !important;
}
.promotion-list-card-body{
    background: #1f222b !important;
}
.promotion-list-card-title {
    color: #fff !important;
}
.promotion-tabs-wrap .v-tab.v-tab--selected {
    background: linear-gradient(180deg, #6a6a6a 0%, #343434 100%) !important;
}

/* Earning Link — username + referral labels on dark bg */
.center-head .center-info h3,
.center-head .center-info h3 span,
.main.earning-link .referral-link p {
    color: #fff !important;
}

/* Wallet — Withdraw Free Event button */
.btn-with-free {
    --tw-gradient-from: #ffb606;
    --tw-gradient-to: #ffeda7;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    color: #fff !important;
    background: #262a34;
    font-weight: 700;
    text-transform: uppercase;
    border: none;
    font-size: 12px;
}

.btn-with-free.is-active {
    --tw-gradient-from: #ffe070;
    --tw-gradient-to: #ffc933;
    background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important;
    color: #000 !important;
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #ffb606;
}

/*
 * 4D Lottery (index_2) — match demo theme1 layout.
 * theme15 Bootstrap/Tailwind + .select (login tabs) stack pool
 * checkboxes above logos and crush Bet Type text to "No" with double arrows.
 */
.lottery-main .pool-draw-row {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    width: 100% !important;
}

.lottery-main .pool-draw-item {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 2px;
    flex: 1 1 0 !important;
    min-width: 0 !important;
}

.lottery-main .pool-draw-item input[type="checkbox"][name="draw"] {
    display: inline-block !important;
    width: 14px !important;
    height: 14px !important;
    min-width: 14px !important;
    max-width: 14px !important;
    margin: 0 !important;
    padding: 0 !important;
    flex-shrink: 0 !important;
    vertical-align: middle !important;
    appearance: auto !important;
    -webkit-appearance: checkbox !important;
    position: static !important;
    float: none !important;
}

.lottery-main .pool-draw-item #imgPool,
.lottery-main .pool-draw-item img {
    display: inline-block !important;
    width: 25px !important;
    max-width: 25px !important;
    height: auto !important;
    vertical-align: middle !important;
    flex-shrink: 0 !important;
}

.lottery-main select.bet-type-select,
.lottery-main select[name="bet_type"] {
    display: inline-block !important;
    width: 70px !important;
    max-width: 100% !important;
    min-width: 60px !important;
    height: 26px !important;
    padding: 1px 4px !important;
    margin: 0 auto !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    color: #000 !important;
    background-color: #fff !important;
    background-image: none !important;
    border: 1px solid #999 !important;
    border-radius: 3px !important;
    box-shadow: none !important;
    appearance: auto !important;
    -webkit-appearance: menulist !important;
    -moz-appearance: menulist !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
    overflow: visible !important;
    vertical-align: middle !important;
}
.g-wrap .wheel-content .turnplate{
 padding: 7px;
}