/*
Theme Name: Meovat Mobile
Description: Theme WordPress cho di động
Version: 1.0
Author: Tên của bạn
*/

@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;700&display=swap');





        .list-channel .textwidget p,
        .logo-banner .textwidget p,
        .list-channel p {
            margin-bottom: 0px !important;
        }

        #header .textwidget p,
        .content_page .textwidget p {
            margin-bottom: 5px;
        }

        .list-channel {
            margin-bottom: 15px;
        }

        .entry-content ul {
            padding-left: 20px;
        }

        .entry-content ul li {
            list-style-type: disc;
        }

        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        .h1,
        .h2,
        .h3,
        .h4,
        .h5,
        .h6 {
            color: #41a85f;
        }

        .alignleft,
        img.alignleft {
            margin-right: 1.5em;
            display: inline;
            float: left;
        }

        .alignright,
        img.alignright {
            margin-left: 1.5em;
            display: inline;
            float: right;
        }

        .aligncenter,
        img.aligncenter {
            margin-right: auto;
            margin-left: auto;
            display: block;
            clear: both;
        }

        .alignnone,
        img.alignnone {
            /* not sure about this one */
        }

        .wp-caption {
            margin-bottom: 1.5em;
            text-align: center;
            padding-top: 5px;
        }

        .wp-caption img {
            border: 0 none;
            padding: 0;
            margin: 0;
            max-width: 100%;
            height: auto;
        }

        .wp-caption p.wp-caption-text {
            line-height: 1.5;
            font-size: 10px;
            margin: 0;
        }

        .tt-bdif a {
            color: transparent !important;
            display: inline-block;
            width: 150px;
            background: url(https://r2.plvb.xyz/uploads/634439399b267c7396147615/1692884274005.gif) no-repeat center center !important;
            white-space: nowrap;
            background-size: cover !important;
            border-radius: 3px;
        }

        .chat-player iframe {
            height: 540px !important;
            position: static !important;
        }

        .chat-player:before {
            padding-top: 0px !important
        }

        @media screen and (min-width: 1280px) {
            .container {
                max-width: 1360px;
            }
        }

        @media (min-width: 1675px) {
            .container {
                max-width: 1360px;
            }
        }

        @media screen and (max-width: 991px) {
            #header .textwidget img {
                max-height: 40px;
            }

            .home_content img {
                max-width: 100%;
            }

            #header p a img,
            #wap_bottombanner p a img {
                height: 50px;
                width: 100%;
            }

            .teambox__odds .state {
                width: 50px !important;
            }
        }

        @media screen and (max-width: 768px) {
            #mophong {
                height: 330px !important;
            }
        }

        @media screen and (max-width: 380px) {
            .team__name {
                max-width: 70px;
            }
        }
       @keyframes slide1 {
                0% {
                    transform: translateX(-10px) rotate(-15deg)
                }

                50%,
                100% {
                    transform: translate(139px) rotate(-15deg);
                    background-color: transparent
                }
            }

            .winner-chip__winnerBox {
                position: relative;
                overflow: hidden
            }

            .winner-chip__animation_box_line1 {
                width: .75rem;
                height: 35px;
                transform: translateX(0px) rotate(-15deg);
                flex-shrink: 0;
                background: linear-gradient(86.96deg, rgba(255, 255, 255, 0) 3.28%, rgba(255, 255, 255, 0.6) 48.34%, rgba(255, 255, 255, 0) 93.41%);
                position: absolute;
                animation: slide1 2600ms ease-in-out infinite;
                top: -2px
            }
      /* Đảm bảo thanh Admin Bar có đủ Z-index để nằm trên cùng */
#wpadminbar {
    z-index: 99999 !important; /* Giá trị cao đảm bảo nó nằm trên tất cả các phần tử khác */
}

/* Đẩy toàn bộ nội dung trang web xuống dưới Admin Bar */
body.admin-bar {
    margin-top: 32px !important; /* Chiều cao mặc định của Admin Bar trên Desktop */
}

/* Điều chỉnh cho màn hình nhỏ hơn (mobile/tablet) */
@media screen and (max-width: 782px) {
    body.admin-bar {
        margin-top: 46px !important; /* Chiều cao Admin Bar trên Mobile */
    }
}

.d-none {
    display: none !important;
}



        @media screen and (max-width: 991px) {
            .full-league-name span.text-ellipsis {
                max-width: 100% !important;
            }
        }
        .menu_bottom {
            position: fixed;
            bottom: 0px;
            left: 0;
            width: 100%;
            background: #292B2E;
            z-index: 999;

        }

        .menu_bottom ul {
            height: 2.75rem;
            display: flex;
            align-content: center;
            background: #07090C;
        }

        .menu_bottom ul li {
            flex: 1;
            display: flex;
            align-content: center;
            justify-content: center;
            background: #07090C;
            border: 1px solid rgba(7, 9, 12, 0.00);
            transform: none
        }

        .mb-tab-spotlight-button {
            position: relative;
            display: inline-block;
            cursor: pointer;
            padding: 1px;
            font-weight: 400;
            font-size: 11px;
            line-height: 1.5;
            color: white;
            text-decoration: none;
            box-shadow: 0 25px 50px -12px rgba(24, 24, 27, 0.8);
            border: none;
            width: 100%;
            font-family: 'Roboto';
            text-transform: uppercase;
        }

        .mb-tab-spotlight-button::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            border-radius: 8px;
            background: linear-gradient(360deg, rgba(7, 9, 12, 0), rgba(47, 52, 68, 1));
            mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
            padding: 2px;
            mask-composite: exclude;
            pointer-events: none;
            opacity: 0;
        }

        .mb-tab-spotlight-button::after {
            content: "";
            background: #19C14A;
            width: 20px;
            height: 1px;
            position: absolute;
            display: block;
            margin: 0px auto;
            left: 38%;
            bottom: 4px;
            z-index: 999;
            opacity: 0;
        }

        .mb-tab-button-content {
            position: relative;
            z-index: 10;
            display: flex;
            align-items: center;
            gap: 0;
            padding: 3px 0px;
            flex-direction: column;
        }

        .mb-tab-top-gradient {
            position: absolute;
            top: 0;
            left: 1.125rem;
            height: 1px;
            width: calc(100% - 2.25rem);
            background-image: linear-gradient(to right, rgba(33, 37, 49, 0), rgba(227, 234, 255, 1), rgba(33, 37, 49, 0));
            transition: opacity 500ms;
            opacity: 0;
            z-index: 20;
        }

        /* Hover mb tab */
        .menu_bottom ul li:hover,
        .menu_bottom ul li:focus,
        .menu_bottom ul li.active {
            .mb-tab-top-gradient {
                opacity: 1;
            }

            .mb-tab-button-content {
                border-radius: 8px;
                background: linear-gradient(180deg, #1f2434 0%, #12151e 100%);
            }

            .mb-tab-spotlight-button {
                border-radius: 8px;
                background-color: #18181b;
                color: #19C14A;
            }

            .mb-tab-spotlight-button::before,
            .mb-tab-spotlight-button::after {
                opacity: 1;
            }
        }

        .menu_bottom ul li a svg path {
            fill: #fff;
        }

        .menu_bottom ul li:hover a svg path,
        .menu_bottom ul li:focus a svg path,
        .menu_bottom ul li.active a svg path {
            fill: #19C24A;
        }

        .footer-banner {
            position: fixed;
            bottom: 0;
            width: 100%;
            max-width: 728px;
            margin: 0px auto;
            left: 50%;
            transform: translateX(-50%);
            text-align: center;
        }

        #menu-footer a {
            color: #fff;
        }

        .footer-banner p {
            margin-bottom: 5px !important;
        }

        .close-ads {
            font-size: 12px;
            position: absolute;
            bottom: 100%;
            right: -2px;
            border-radius: 0px;
            color: #FFF;
            background-color: rgba(0, 0, 0, 0.7);
            border: 1px solid #FFF;
            width: 24px;
            height: 24px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

.leagues-marquee-wrapper {
    overflow: hidden;
    width: 100%;
    padding: 10px 0;
    position: relative;
}

.leagues-marquee-track {
    display: flex;
    gap: 10px;
    animation: scroll-marquee 30s linear infinite;
    width: max-content;
}

.league-button {
    display: inline-block;
    padding: 6px 12px;
    background: linear-gradient(360deg, rgba(37, 44, 135, 1), rgba(34, 42, 73, 0.2));
    white-space: nowrap;
    text-decoration: none;
    font-size: 14px;
    transition: background-color 0.3s;
    color: #00fffd;
    border-color: #dee2e6 #dee2e6 #fff;
    border-radius: 7px;
    border: 1px solid;
}

.league-button:hover {
    background-color: #0056b3;
}

@keyframes scroll-marquee {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(-50%);
    }
}


.custom-dropdown-content {
    display: none;
    /* các style khác */
}

.custom-dropdown-content.show {
    display: block;
}