/* Compact scrolling shortcuts on mobile. */
@media (max-width: 767px) {
    .sports-wrapper { padding: 5px 0; }
    .sports-wrapper .sports-container { gap: 7px; padding: 6px 8px; }
    .sports-container > a { flex: 0 0 auto; scroll-snap-align: start; }
    .sports-container .sport-card { width: 82px; min-width: 82px; height: 70px; padding: 6px 3px; border-radius: 9px; gap: 5px; }
    .sports-container .sport-card .icon i { font-size: 21px; }
    .sports-container .sport-card p { margin: 0; font-size: 10px; line-height: 1.2; text-align: center; }
    .sports-wrapper .arrow { width: 26px; height: 36px; font-size: 14px; }
    .sports-wrapper::before, .sports-wrapper::after { width: 18px; }
}

.desktopNav{
    display: none;
}

.LandBanner-Parent{
    display: none;
}

#LandingBanner br{
    display: none;
}

#LandingBanner{
    text-align: center;
}

.market-head{
    font-size: 10px;
}

.text-small{
    font-size: 10px;
}

.text-md{
    font-size: 15px;
}

.outline-white {
  -webkit-text-stroke: 0.5px white;
  text-shadow: 
    -0.5px -0.5px 0 white,
     0.5px -0.5px 0 white,
    -0.5px  0.5px 0 white,
     0.5px  0.5px 0 white;
}


.EventsWrapper h6 {
        font-size: 20px;
    }

    .popular-event-card {
        min-height: auto;
        padding: 14px;
    }

    .event-body {
        gap: 16px;
        margin: 20px 0;
    }

    .team-logo-ring {
        width: 90px;
        height: 90px;
    }

    .team-logo-ring img {
        width: 62px;
        height: 62px;
    }

    .vs-text {
        font-size: 42px;
    }

    .league-name {
        font-size: 15px;
    }

    .team-name {
        font-size: 16px;
    }

    .odd-box span,
    .odd-box strong {
        font-size: 15px;
    }

    .event-footer-btn {
        font-size: 24px;
        padding: 12px 16px;
    }

    .popular-event-card {
    min-width: 260px;   /* 👈 controls how many fit on screen */
    max-width: 260px;
    flex: 0 0 auto;     /* important for horizontal scroll */
    padding: 12px;
}

 
.sports-sidebar {
    display: none;
}

.vip-match-hub{padding:13px}.vip-hub-heading h2{font-size:19px}.vip-match-card{grid-template-columns:1fr}.vip-video-stage,.vip-video-stage video{min-height:205px}.vip-match-info{padding:14px}.vip-teams strong{font-size:13px}.vip-markets{align-items:flex-start;flex-direction:column}.vip-markets>div{width:100%}.vip-markets button{flex:1}

/* .betslip-panel{
    display: none;
} */


.user-avatar {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: linear-gradient(135deg, #ff3b3b, #0cc36b);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 15px;
}

.user-info {
        display: block;
    }
.user-header-box .user-name { display: none; }
.user-header-box .user-balance { font-size: 10px; line-height: 1.2; white-space: nowrap; text-align: center; }

.user-header-box {
    display: flex;
    min-width: auto;
    padding: 7px 6px;
    gap: 4px;
    justify-content: center;
}

.user-dropdown-icon {
    margin-left: 0;
}


#user-profile{
    display:none;
}

.betOpenSec{
    /* JavaScript reveals this only when the betslip has selections. */
    display: none;
}


.slipWrapper {
    height: 100%;
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    /* Add these */
   
    position: relative;
}


.card.betslip-panel {
    width: 100%;
    background: #07120e;
    min-height: 70vh;
    padding: 8px;
    color: #fff;
    font-family: Arial, sans-serif;
    font-size: 11px;
    position: relative;
}

.betslip-card {
    background: #0d1914;
    height: 100%;
    border-radius: 4px;
    padding: 8px;
    position: relative;
}

/* More Bets modal: keep labels and odds readable on narrow screens. */
#moreBet .logo-parent {
    height: 56px;
    padding: 0 12px;
}

#moreBet .logo-parent h4 {
    max-width: 38vw;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: clamp(1.05rem, 5vw, 1.35rem);
}

#moreBet .betrow > .fw-bold {
    font-size: 1rem;
}

#moreBet .odd.game-details {
    min-width: 0;
    padding: 8px 10px !important;
    gap: 6px;
    font-size: 0.84rem;
}

#moreBet .odd.game-details small,
#moreBet .odd.game-details strong {
    font-size: 0.84rem;
}

#moreBet #bts-options .bet-odd,
#moreBet #half-time-options .half-time-odd {
    flex: 1 1 0;
}

#moreBet #correct-score-options .correct-score-odd {
    font-size: 0.9rem;
}

#loginButton{
    display:none;
}

/* Keep the account menu flush with the right edge and compact on phones. */
#TheBetheader { padding-right: 8px; padding-left: 8px; }
.bethead2nd, .wrapHeaderbtn { margin-left: auto; }
.user-dropdown-wrap { margin-left: auto; }
.user-dropdown-menu { right: 0; width: min(185px, calc(100vw - 16px)); }
.user-dropdown-menu a { padding: 9px 11px; gap: 8px; font-size: 12px; }
.user-dropdown-menu a i { width: 15px; font-size: 12px; text-align: center; }
.user-dropdown-menu .fw-bold { font-size: 12px; }
.user-dropdown-menu .fw-bold div div + div { font-size: 11px; }
.dropdown-line { margin: 5px 0; }

/* Compact mobile bottom navigation. */
.navfooter { z-index: 1000; border-radius: 18px 18px 0 0; border-top: 1px solid #e7eaed; box-shadow: 0 -5px 18px rgba(13, 27, 20, .13); }
.navfooterwrap { min-height: 58px; padding: 6px 10px calc(6px + env(safe-area-inset-bottom)); }
.navfooterwrap > a { flex: 1; min-width: 0; text-decoration: none; }
.eachNavfoot { gap: 3px; min-height: 44px; padding: 4px 2px; border-radius: 9px; color: #a61924; transition: background .18s ease, transform .18s ease; }
.eachNavfoot > div:first-child { display: grid; place-items: center; width: 23px; height: 23px; border-radius: 7px; }
.eachNavfoot i { font-size: 15px; }
.eachNavfoot .nav-text { color: #2a2d32; font-size: 10px; font-weight: 700; line-height: 1; }
.navfooterwrap > a:active .eachNavfoot { background: #f8e8ea; transform: scale(.96); }

/* Bet tickets: keep the information dense, legible, and balanced on phones. */
.bet-page { border-radius: 9px; }
.bet-page-header { padding: 16px 18px 14px; }
.bet-page-title { gap: 9px; font-size: clamp(20px, 6vw, 23px); }
.bet-page-title i { font-size: 18px; }
.bet-page-subtitle { margin-top: 4px; font-size: 12px; line-height: 1.35; }

.bet-code-search { gap: 7px; padding: 11px; }
.bet-code-search input { padding: 9px 10px; font-size: 12px; }
.bet-code-search button { min-width: 82px; padding: 0 11px; font-size: 13px; }

.bet-tabs .bet-tab { gap: 5px; padding: 12px 5px; font-size: 14px; white-space: nowrap; }
.bet-tab span { min-width: 18px; padding: 1px 5px; font-size: 10px; }

.bet-ticket-list { padding: 10px; }
.bet-ticket { margin-bottom: 11px; }
.ticket-summary { padding: 12px 13px; }
.ticket-id, .selection-time { font-size: 11px; }
.ticket-summary strong { font-size: 17px; }
.ticket-status time { font-size: 12px; }

.ticket-totals { padding: 4px 13px; }
.ticket-totals > div { padding: 6px 0; }
.ticket-totals span { font-size: 12px; }
.ticket-totals strong { font-size: 16px; }

.ticket-selection { gap: 10px; padding: 13px 12px; }
.selection-icon { flex-basis: 26px; height: 26px; margin-top: 34px; font-size: 12px; }
.selection-teams { margin: 4px 0 6px; font-size: 14px; line-height: 1.3; overflow-wrap: anywhere; }
.selection-score { margin-bottom: 7px; font-size: 12px; }
.selection-score strong { font-size: 13px; }
.selection-pick { grid-template-columns: 50px minmax(0, 1fr); gap: 3px 6px; padding: 8px 9px; font-size: 12px; line-height: 1.3; }
.selection-pick strong { overflow-wrap: anywhere; }

/* Preserve the sportsbook fixture hierarchy without crowding a narrow screen. */
.fixture-cell { padding: 10px 8px; }
.fixture-cell > div:first-child { margin-bottom: 6px; font-size: 10px; }
.fixture-cell > .d-flex { gap: 6px; font-size: 13px; }
.fixture-cell > .d-flex::before { flex-basis: 16px; width: 16px; height: 16px; font-size: 8px; }
.fixture-cell > div:nth-of-type(3) { margin-top: 4px; padding-top: 6px; }

/* Keep the desktop table layout on phones; only compact the Watch live action. */
.live-games-table td:nth-child(2) .btn.btn-sm.btn-success {
    padding: 4px 6px;
    font-size: 11px;
    line-height: 1.2;
    white-space: nowrap;
}
.live-games-table td:nth-child(2) .btn.btn-sm.btn-success i { font-size: 10px; }

@media (max-width: 380px) {
    .bet-page-header { padding: 14px; }
    .bet-page-title { font-size: 20px; }
    .bet-page-subtitle { font-size: 11px; }
    .bet-code-search button { min-width: 72px; font-size: 12px; }
    .bet-tabs .bet-tab { font-size: 12px; }
    .ticket-summary { padding: 11px; }
    .ticket-summary strong { font-size: 16px; }
    .ticket-totals strong { font-size: 15px; }
    .ticket-selection { padding: 12px 10px; }
    .selection-pick { grid-template-columns: 46px minmax(0, 1fr); font-size: 11px; }
    .fixture-cell > .d-flex { font-size: 12px; }
}