/* Mobile header: shared rules for the current player components. */
@media (max-width: 1023px) {
    html body #divPageHeader.mmabet-header .mmabet-top-tabs._3BsQx,
    html body #divPageHeader.mmabet-header .mmabet-menu-toggle,
    html body #divPageHeader.mmabet-header .mmabet-mobile-search-toggle {
        display: none !important;
    }

    html body #divPageHeader.mmabet-header {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 6px !important;
        width: 100% !important;
        height: 56px !important;
        min-height: 56px !important;
        padding: 0 8px !important;
    }

    html body #divPageHeader.mmabet-header .mmabet-brand-center.l6oz0 {
        position: static !important;
        transform: none !important;
        display: flex !important;
        align-items: center !important;
        flex: 0 0 52px !important;
        width: 52px !important;
        min-width: 52px !important;
        gap: 4px !important;
        margin: 0 !important;
    }

    html body #divPageHeader.mmabet-header .mmabet-brand-center .bwSJI {
        display: flex !important;
        width: 28px !important;
        min-width: 28px !important;
        height: 28px !important;
    }

    html body #divPageHeader.mmabet-header .mmabet-logo-image.Ueilo {
        display: none !important;
    }

    html body #divPageHeader.mmabet-header .mmabet-mobile-brand-mark {
        display: block !important;
        width: 28px !important;
        height: 28px !important;
        object-fit: contain !important;
    }

    html body #divPageHeader.mmabet-header .mmabet-gift-link._1KwUd {
        display: flex !important;
        width: 20px !important;
        min-width: 20px !important;
        height: 20px !important;
        margin: 0 !important;
    }

    html body #divPageHeader.mmabet-header .mmabet-auth-actions {
        display: flex !important;
        flex: 1 1 auto !important;
        min-width: 0 !important;
        margin: 0 !important;
        justify-content: flex-end !important;
    }

    html body #divPageHeader.mmabet-header .mmabet-logged-actions {
        display: flex !important;
        align-items: center !important;
        flex: 1 1 auto !important;
        width: 100% !important;
        min-width: 0 !important;
        gap: 4px !important;
    }

    html body #divPageHeader.mmabet-header .mmabet-header-round-link {
        flex: 0 0 24px !important;
        width: 24px !important;
        min-width: 24px !important;
        height: 28px !important;
        padding: 0 !important;
        font-size: 13px !important;
    }

    html body #divPageHeader.mmabet-header .wallet-pill {
        display: flex !important;
        align-items: center !important;
        flex: 0 1 187px !important;
        width: 187px !important;
        min-width: 0 !important;
        max-width: 187px !important;
        height: 36px !important;
        min-height: 36px !important;
        box-sizing: border-box !important;
        padding: 3px 8px 3px 3px !important;
        margin-left: clamp(6px, 2vw, 12px) !important;
        gap: 4px !important;
        overflow: visible !important;
    }

    html body #divPageHeader.mmabet-header .mmabet-logged-actions > .mmabet-header-round-link:first-child {
        margin-left: auto !important;
        margin-right: 4px !important;
    }

    html body #divPageHeader.mmabet-header .wallet-pill > .btn.btn-cta.btn-deposit.new.mmabet {
        flex: 0 0 86px !important;
        width: 86px !important;
        min-width: 86px !important;
        max-width: 86px !important;
        height: 30px !important;
        min-height: 30px !important;
        padding: 0 8px !important;
        font-size: 12px !important;
    }

    html body #divPageHeader.mmabet-header .wallet-pill > .btn.btn-cta.btn-balance.new.mmabet {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        flex: 1 1 auto !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        height: 30px !important;
        min-height: 30px !important;
        max-height: 30px !important;
        gap: 3px !important;
        padding: 0 3px !important;
        margin: 0 !important;
        background: transparent !important;
    }

    html body #divPageHeader.mmabet-header .wallet-pill .coin-button,
    html body #divPageHeader.mmabet-header .wallet-pill .coin-button svg {
        flex: 0 0 14px !important;
        width: 14px !important;
        min-width: 14px !important;
        height: 14px !important;
        padding: 0 !important;
    }

    html body #divPageHeader.mmabet-header .wallet-pill > .btn.btn-cta.btn-balance.new.mmabet.balance-area .amounts-link {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        flex: 1 1 auto !important;
        min-width: 0 !important;
        width: auto !important;
        max-width: none !important;
        gap: 2px !important;
    }

    html body #divPageHeader.mmabet-header .wallet-pill > .btn.btn-cta.btn-balance.new.mmabet.balance-area .amounts,
    html body #divPageHeader.mmabet-header .wallet-pill > .btn.btn-cta.btn-balance.new.mmabet.balance-area .realAmount {
        display: block !important;
        min-width: 0 !important;
        width: auto !important;
        max-width: none !important;
        overflow: visible !important;
        text-overflow: clip !important;
        font-size: 11px !important;
        line-height: 16px !important;
        white-space: nowrap !important;
    }

    html body #divPageHeader.mmabet-header .wallet-pill .chevron,
    html body #divPageHeader.mmabet-header .wallet-pill .chevron svg {
        width: 7px !important;
        height: 7px !important;
        flex: 0 0 7px !important;
    }

    /* Long balances stay inside the compact pill; the wallet shows the full value. */
    html body #divPageHeader.mmabet-header .wallet-pill > .btn.btn-cta.btn-balance.new.mmabet.balance-area .amounts {
        flex: 1 1 auto !important;
        overflow: hidden !important;
    }
    html body #divPageHeader.mmabet-header .wallet-pill > .btn.btn-cta.btn-balance.new.mmabet.balance-area .realAmount {
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    html body #divPageHeader.mmabet-header .mmabet-logged-actions > .JBYxv.IKuQK.mmabet {
        flex: 0 0 28px !important;
        width: 28px !important;
        min-width: 28px !important;
        height: 28px !important;
        margin: 0 !important;
    }
}

@media (max-width: 350px) {
    html body #divPageHeader.mmabet-header .wallet-pill > .btn.btn-cta.btn-balance.new.mmabet.balance-area .realAmount {
        font-size: 10px !important;
    }
    html body #divPageHeader.mmabet-header .wallet-pill .chevron {
        display: none !important;
    }
    html body #divPageHeader.mmabet-header .mmabet-header-round-link {
        flex-basis: 20px !important;
        width: 20px !important;
        min-width: 20px !important;
    }
    html body #divPageHeader.mmabet-header .wallet-pill > .btn.btn-cta.btn-deposit.new.mmabet {
        flex-basis: 76px !important;
        width: 76px !important;
        min-width: 76px !important;
        max-width: 76px !important;
        padding: 0 4px !important;
        font-size: 11px !important;
    }
}