/*
Theme Name: JU88 Discover
Version: 2.0.0
Description: JU88 Vietnamese site with source-matched layout.
*/
body{font-family:mainFont,Arial,sans-serif}img{max-width:100%;height:auto}button{font:inherit;cursor:pointer}a,button,summary{touch-action:manipulation}.skip{position:absolute;top:-100px}.skip:focus{top:0;z-index:1000;background:#fff;padding:10px}[hidden]{display:none!important}.exact-head-row{display:flex;align-items:center;min-height:56px;gap:12px}.exact-brand{flex:0 0 110px}#logo{display:flex;align-items:center;width:110px;height:50px;text-decoration:none!important}#logo b{font:italic 900 28px Arial;color:#0065a5;letter-spacing:-2px}#logo b span{color:#ffb600}#logo small{font:700 8px Arial;writing-mode:vertical-rl;margin-left:4px}.custom-logo{max-width:110px;max-height:50px;width:auto}.head-menu{flex:1}.head-menu .menu{margin:0;padding:0;white-space:nowrap}.head-menu .menu>li{margin:0 7px}.head-menu .menu>li>a{font-size:14px}.head-menu .menu>li.has-sub{padding-right:10px}.sub-toggle{background:none;border:0;font-size:15px;padding:0;position:absolute;right:-3px;top:14px}.head-menu .menu>li:hover>ul,.head-menu .menu>li:focus-within>ul,.head-menu li.open>ul{display:block}.head-menu .menu>li>ul{top:100%;margin:0;padding-top:15px;z-index:20;white-space:normal}.head-actions{display:flex;align-items:center;gap:14px;margin-left:auto;white-space:nowrap}.exact-login{color:#222}.exact-join{display:inline-block;background:#ff9800;color:#fff!important;padding:9px 15px;border-radius:6px;box-shadow:0 0 0 9px #ffb64d40}.main-head{z-index:30}.menu-toggle{display:none}.exact-hero{position:relative;background:#06429b;overflow:hidden}.exact-slide{display:block}.exact-slide img{display:block;width:100%;aspect-ratio:1804/525;object-fit:cover}.exact-dots{position:absolute;left:45px;bottom:24px;display:flex;gap:10px;z-index:2}.exact-dots button{border:0;width:10px;height:10px;padding:0;border-radius:20px;background:#bbb}.exact-dots button[aria-pressed=true]{background:#fcb615;width:30px}.h-news{font-size:12px;line-height:19px;padding:30px 0;margin:0}.h-news span{background:#00438c;color:#fff;border-radius:3px;padding:2px 9px;margin-right:9px;font-weight:bold}.exact-promos{display:flex;gap:15px;overflow:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-bottom:40px}.exact-promos::-webkit-scrollbar{display:none}.exact-promos>a{flex:0 0 39%;scroll-snap-align:start}.exact-promos img{display:block;width:100%;aspect-ratio:435/140;object-fit:cover}.exact-carousel.owl-carousel{display:flex!important;gap:15px;overflow:auto;scroll-snap-type:x mandatory;scrollbar-width:thin}.exact-carousel>.item{flex:0 0 calc((100% - 60px)/5);scroll-snap-align:start}.exact-carousel img{width:100%;height:auto;display:block}.exact-carousel .hot-game{width:100%}.exact-carousel .hg-main-wrap{min-height:65px}.exact-carousel h3{font-size:17px!important}.h-cat-wrap{scroll-margin-top:15px}#cate-poker,#cate-blackjack{background:#0751b3}.h-cat-wrap li{font-size:14px;line-height:18px;margin-bottom:6px}.su-spoiler-title{cursor:pointer}.su-spoiler-icon:before{font-family:Arial!important;content:'⌃'!important}.su-spoiler-closed .su-spoiler-icon:before{content:'⌄'!important}.btn-menu-mobile{display:none}.exact-page-banner img{display:block;width:100%;aspect-ratio:2560/805;object-fit:cover}.exact-inner{padding:60px 0}.exact-header:not(:has(.exact-hero)):not(:has(.exact-page-banner)){min-height:56px}.breadcrumbs{font-size:14px;margin:15px 0 60px}.breadcrumbs span{padding:0 8px;color:#aaa}.exact-provider-row{display:flex;justify-content:center;gap:20px;margin:0 0 50px}.exact-provider-row a{width:140px}.exact-page-body{padding-bottom:40px}.exact-page-body .toc{margin-top:20px}.toc{border:1px solid #ddd;background:#f3f5f6;padding:15px 20px;margin:25px 0;border-radius:3px}.toc summary{font-weight:bold;cursor:pointer}.toc ol{padding-left:24px;margin:12px 0}.text-area table{display:table;width:100%;margin:25px 0;border-collapse:collapse}.text-area td,.text-area th{border:1px solid #ddd;padding:12px}.exact-article-image{width:100%;margin:20px 0}.exact-inner .group-category .row{row-gap:30px}.exact-inner .news-item .thumb-wrapper img{width:100%;aspect-ratio:360/200;object-fit:cover}.exact-inner .news-item{margin:0 0 20px}.exact-inner .news-item h2{font-size:22px;line-height:1.35;margin:15px 0}.exact-inner .news-info{color:#888;font-size:12px;margin-top:10px}.exact-inner .news-item p{font-size:14px;line-height:21px}.exact-sidebar .widget{margin-bottom:30px}.exact-sidebar h3{font-size:21px}.exact-sidebar a{display:block;padding:12px 0;border-bottom:1px solid #ddd}.sponsor-top{display:flex;justify-content:center;gap:60px;text-align:center}.f-club-wrap{flex:1}.f-club-wrap img{height:45px;width:auto;object-fit:contain;max-width:150px;margin:12px auto}.exact-footer-logos{text-align:center;border-block:1px solid #d7dfe6;margin:30px 0;padding:25px 0}.exact-footer-logos>div{display:flex;gap:25px;justify-content:center;flex-wrap:wrap;align-items:center}.exact-footer-logos img{width:90px;max-height:45px;object-fit:contain}.exact-foot-columns{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:35px;padding:30px 0}.exact-foot-columns h3{font-size:18px}.exact-foot-columns a{display:block;margin-bottom:8px}.age-symbol{display:inline-block;border:2px solid;border-radius:50%;padding:8px;font-weight:bold}.exact-top{float:right}.footer-top{background:#e6ebef}.footer-bottom{padding:20px 0}.exact-head-row .menu-toggle{border:0;background:transparent}.home #main{background:white}.exact-page-body figure img{max-height:450px;width:auto;margin:auto}.exact-page-body h1{margin-bottom:25px}.text-area{overflow-wrap:break-word}.text-area h1,.text-area h2,.text-area h3{font-family:mainFont,Arial,sans-serif}.text-area h2{scroll-margin-top:20px}.home .section--1{padding:0}.main-head #logo img{max-height:50px}
@media(max-width:1100px) and (min-width:992px){.head-menu .menu>li{margin:0 4px}.head-menu .menu>li>a{font-size:12px}.exact-brand{flex-basis:90px}.head-actions{gap:8px;font-size:12px}.exact-head-row{gap:5px}}
@media(max-width:991px){.main-head{position:relative;background:white}.exact-head-row{min-height:56px;justify-content:center}.menu-toggle{display:block;position:absolute;left:20px;font-size:25px}.exact-brand{flex:0 0 auto}.head-actions{display:none}.exact-head-row #primary-nav{display:none!important}.exact-head-row #primary-nav.open{display:block!important;position:absolute;top:56px;left:0;right:0;background:#fff;max-height:calc(100vh - 110px);overflow:auto;padding:15px 20px;z-index:99}.head-menu .menu{white-space:normal}.head-menu .menu>li{display:block;margin:0;padding:0!important;border-bottom:1px solid #eee}.head-menu .menu>li>a{line-height:43px}.sub-toggle{right:5px;top:12px;padding:0 10px}.head-menu .menu>li>ul{position:static;width:100%;padding:10px;display:none}.head-menu .menu>li:hover>ul{display:none}.head-menu .menu>li.open>ul{display:block}.head-menu .menu>li ul li a{line-height:1.6}.btn-menu-mobile{display:block;position:fixed;bottom:0;left:0;right:0;z-index:60}.btn-menu-mobile .row{margin:0}.btn-menu-mobile a{padding:12px;text-align:center;color:#fff;background:#ff9200;font-size:16px}.btn-menu-mobile .login-btn-mobile{background:#0063a6}.exact-hero .exact-slide img{aspect-ratio:1804/525}.exact-dots{bottom:9px;left:20px;gap:6px}.exact-dots button{width:7px;height:7px}.exact-dots button[aria-pressed=true]{width:20px}.exact-promos{margin:15px 0 20px;gap:10px}.exact-promos>a{flex-basis:65%}.exact-header>.container{padding:0 15px}.exact-carousel>.item{flex-basis:42%}.home .section--6 .container,.home .section--7 .container,.home .section--8 .container,.home .section--9 .container{padding:0}.exact-inner{padding:20px 0 40px}.breadcrumbs{margin:10px 0 30px}.exact-provider-row{margin:0 0 25px;gap:12px}.exact-provider-row a{width:28%;max-width:130px}.exact-page-banner img{aspect-ratio:2560/805}.exact-foot-columns{grid-template-columns:1fr 1fr;gap:25px}.sponsor-top{gap:15px}.f-club-wrap{font-size:11px}.f-club-wrap img{max-width:85px;height:35px}.exact-footer-logos>div{gap:15px}.exact-footer-logos img{width:75px}.footer{padding-bottom:45px}.exact-sidebar{margin-top:35px}.h-cat-wrap li{font-size:12px;line-height:16px}.exact-page-body{overflow-x:auto}.exact-page-body h1{font-size:28px}.exact-inner .main-col{width:100%}.exact-inner .news-item h2{font-size:20px}#cate-poker,#cate-blackjack{padding-bottom:25px}.exact-promos{scrollbar-width:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

/* These two reference backgrounds are defined in the homepage inline CSS. */
#cate-poker{background:#0751b3 url('/wp-content/uploads/ju88-games/ju88-poker-category.webp') center/cover no-repeat}
#cate-blackjack{background:#0751b3 url('/wp-content/uploads/ju88-games/ju88-blackjack-category.webp') center/cover no-repeat}

/* Casino article and promotion sidebar. */
.casino-article-layout{align-items:flex-start}.casino-main-col{min-width:0}.casino-sidebar .casino-promos{margin:0;gap:0}.casino-sidebar .casino-promos>a{flex:0 0 100%;border:0;padding:0}.casino-sidebar .casino-promos img{width:100%;display:block;height:auto}.casino-article-layout .news-info{margin:12px 0 20px;color:#777;font-size:13px}.casino-article-layout details{border-bottom:1px solid #ddd;padding:15px 0}.casino-article-layout summary{cursor:pointer;font-weight:700}.casino-article-layout details p{margin:12px 0}.casino-sidebar .widget{margin-bottom:32px}@media(max-width:767px){.casino-main-col,.casino-sidebar{width:100%;flex:0 0 100%;max-width:100%}.casino-article-layout .exact-page-body h1{font-size:28px}.casino-sidebar{margin-top:30px}}

/* Consistent table-of-contents links across pages and posts. */
#main .text-area .toc a,#main .text-area .toc a:visited{color:#996000;text-decoration:none}
#main .text-area .toc a:hover,#main .text-area .toc a:focus-visible{color:#704600;text-decoration:underline;text-underline-offset:3px}
#main .text-area .toc a:focus-visible{outline:2px solid #996000;outline-offset:3px;border-radius:2px}


/* Keep the text logo horizontal at every viewport size. */
.exact-brand{flex-basis:128px}
.main-head #logo{width:128px;gap:5px;justify-content:center;white-space:nowrap}
.main-head #logo small{writing-mode:horizontal-tb;text-orientation:mixed;font-size:10px;line-height:1;letter-spacing:.3px;margin-left:0;color:#0065a5;flex-shrink:0}
@media(max-width:991px){.exact-brand{flex:0 0 auto}}


/* Balance the wordmark and descriptor. */
.exact-brand{flex-basis:160px}
.main-head #logo{width:160px;display:flex;align-items:center;justify-content:center;gap:9px}
.main-head #logo b{display:block;line-height:1;flex-shrink:0}
.main-head #logo small{display:block;font-family:Arial,sans-serif;font-size:15px;font-weight:700;line-height:1;letter-spacing:.6px;align-self:center;margin:0}
@media(max-width:991px){.exact-brand{flex:0 0 auto}}


.jg-home-download{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;margin-top:24px;background:#eef6fc;border:1px solid #d2e5f3;border-radius:8px}.jg-home-download strong{display:block;font-size:20px;color:#0751b3}.jg-home-download span{display:block;margin-top:5px;font-size:14px}.jg-download-button{display:inline-block;flex-shrink:0;background:#0751b3;color:#fff!important;padding:12px 20px;border-radius:6px;font-weight:700;text-decoration:none!important}.jg-download-button:hover{background:#003f91}.jg-download-button:focus-visible{outline:3px solid #ff9800;outline-offset:3px}.jg-app-download{margin:20px 0 28px}#app-guide{scroll-margin-top:70px}@media(max-width:991px){.btn-menu-mobile a.download-btn-mobile{background:#064082;font-size:13px;display:flex;align-items:center;justify-content:center}.btn-menu-mobile .row{align-items:stretch;padding-bottom:env(safe-area-inset-bottom);background:#064082}.jg-home-download{padding:16px;gap:12px;flex-direction:column;align-items:flex-start}.jg-home-download .jg-download-button{width:100%;text-align:center}}