/*
Theme Name: Club8 Editable
Description: ธีมหน้าเว็บ CLUB8 พร้อมเมนูแก้ไขรูป ข้อความ แบนเนอร์ หมวดและรายการจากหลังบ้าน ไม่ต้องใช้ Page Builder
Version: 1.0.0
Author: Custom Theme Studio
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: club8-editable
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Tags: custom-colors, custom-menu, featured-images, theme-options, blog
*/
:root{--club8-accent:#e6bd4b;--header-height:75px}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body.club8-site{font-size:16px;line-height:1.5;background:#090e1d;color:#eee}
[hidden]{display:none!important}
*,*::before,*::after{box-sizing:border-box}
img{max-width:100%;height:auto}
:focus-visible{outline:2px solid var(--club8-accent)!important;outline-offset:4px}
.screen-reader-text{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
.skip-link:focus{clip-path:none;width:auto;height:auto;left:20px;top:10px;padding:10px 18px;z-index:999999;background:#fff;color:#000}
#app.main{min-height:100vh;background-size:cover;background-attachment:fixed}
.club8-site .container{width:100%;max-width:1200px;margin-inline:auto}
#main-nav{position:fixed;top:0;left:0;right:0;z-index:1000;height:75px;padding:0 20px;background-color:#121212;background-size:cover}
#main-nav>.container{display:flex;align-items:center;justify-content:space-between;gap:20px;height:100%;padding:0 12px}
#main-nav .navbar-brand{display:flex;align-items:center;margin:0;flex:0 0 95px;max-width:110px;padding:4px 0;height:100%}
.club8-logo{height:65px;width:95px;object-fit:contain}
.brand-text{font-size:24px;color:var(--club8-accent);font-weight:700}
.club8-primary{flex:1}
.club8-nav-links{display:flex;justify-content:center;align-items:center;gap:20px;margin:0;padding:0;list-style:none}
.club8-nav-links a{color:#eee;text-decoration:none;font-size:16px}
.club8-nav-links a:hover,.club8-nav-links .current-menu-item>a{color:var(--club8-accent)}
.club8-nav-links li{position:relative}
.club8-nav-links .sub-menu{display:none;position:absolute;top:100%;min-width:180px;padding:12px;list-style:none;background:#191d29;box-shadow:0 10px 30px #0008}
.club8-nav-links li:hover>.sub-menu,.club8-nav-links li:focus-within>.sub-menu{display:block}
.club8-auth{display:flex;gap:8px;align-items:center}
.club8-register,.club8-login{display:inline-flex;align-items:center;justify-content:center;padding:6px 20px;border-radius:99px;min-height:36px;color:#fff;text-decoration:none;line-height:1.3;font-weight:500;background:#28282a;box-shadow:0 0 9px #e6bd4b99;white-space:nowrap}
.club8-login{background:linear-gradient(#ffe56b,var(--club8-accent));color:#42330a}
.club8-register:hover,.club8-login:hover{filter:brightness(1.15);color:inherit}
#main-nav .navbar-toggler{display:none;border:0;color:var(--club8-accent);font-size:27px;background:#0e0e0e;border-radius:5px;padding:2px 6px}
.club8-site .wrapper{margin-top:0;padding-top:75px;min-height:400px}
.content-main-container{padding:0 12px}
.main-content{gap:12px;padding:0;align-items:flex-start}
.main-center{min-width:0;flex:1;padding-top:16px}
.main-sidebar{width:200px;flex:0 0 200px}
.sidebar-menu{width:200px}
.menu-provider{padding:0;margin:0;list-style:none;top:83px;max-height:calc(100vh - 91px);overflow:auto}
.btn-provider{isolation:isolate;text-decoration:none;line-height:1.2}
.btn-provider>.bg{z-index:-1}
.top-title{padding:12px 4px}
.top-title>.text{color:var(--club8-accent);font-size:22px;line-height:1.25;font-weight:500;margin:0}
.marquee-block{display:flex;gap:12px;align-items:center;margin:0;background:#7c7c7cb0;color:#fff;height:38px;overflow:hidden;padding:6px 12px}
.announce-icon{font-size:14px;flex-shrink:0}
.announcement{overflow:hidden;flex:1;white-space:nowrap}
.announcement p{display:inline-block;margin:0;padding-left:100%;animation:c8-marquee 28s linear infinite}
.marquee-block:hover p{animation-play-state:paused}
@keyframes c8-marquee{to{transform:translateX(-100%)}}
.clone-carousel{position:relative;overflow:hidden;padding-bottom:27px;touch-action:pan-y}
.clone-track{display:flex;align-items:center;gap:20px;transition:transform .5s ease}
.clone-slide{flex:0 0 calc(50% - 10px);min-width:0}
.clone-slide img{display:block;width:100%;aspect-ratio:2.75;object-fit:cover;border-radius:15px}
.clone-slide a{display:block}
.clone-carousel[data-single="true"] .clone-slide{flex-basis:100%}
.clone-pagination{position:absolute;bottom:1px;left:0;right:0;display:flex;gap:7px;justify-content:center}
.clone-dot{padding:7px 0;width:33px;height:20px;background:transparent;border:0;cursor:pointer}
.clone-dot::after{content:'';display:block;height:4px;background:#888}
.clone-dot[aria-current="true"]::after{background:var(--club8-accent)}
.slide-control{position:absolute;top:calc(50% - 28px);width:30px;height:44px;font-size:27px;border:0;background:#0007;color:#fff;cursor:pointer}
.prev{left:0}.next{right:0}
.carousel-pause{position:absolute;bottom:0;right:1px;border:0;background:#111a;color:#eee;border-radius:4px;padding:1px 8px;font-size:14px;cursor:pointer}
.provider-block{padding-top:24px}
.provider-block>.title{font-size:clamp(20px,2.4vw,32px);line-height:1.25;color:var(--club8-accent);margin:0 0 8px}
.provider-list{align-items:flex-start}
.provider-item{color:#ffecc5;text-decoration:none}
.provider-item>.image{aspect-ratio:1.55;object-fit:cover}
.provider-item>.title{font-size:16px;font-weight:300;line-height:1.35}
.game-menu-mobile{list-style:none;padding:0;flex-shrink:0}
.content-block-1>.subtitle,.content-live-item>.detail,.content-promotion-detail>.detail,.item-bet-detail>.detail{line-height:1.65;font-size:16px}
.content-bet-detail>.pic{width:min(100%,550px)}
.content-register-howto>.title{text-align:center}
.register-part>.subtitle{font-size:14px;line-height:1.5;padding-inline:8px}
.club8-footer{padding:0 12px;margin-top:30px}
.footer-index{background:#303037}
.footer-title,.footer-tag,.footer-banks{min-width:0}
.footer-banks>.title,.footer-tag>.title{font-size:18px;line-height:1.4}
.footer-title>.subtitle,.footer-banks>.subtitle{font-size:14px;line-height:1.6}
.footer-bank-ic{flex-wrap:wrap;gap:4px}
.footer-bank-ic>.pic{flex:0 0 36px;width:36px;height:36px;padding:4px;margin:0}
.club8-contact{text-align:center;padding:35px 20px;line-height:1.8}
.club8-contact h2{font-size:22px;color:var(--club8-accent);margin-bottom:12px}
.contact-qr{display:block;max-width:150px;margin:15px auto}
.club8-copyright{text-align:center;font-size:14px;color:#aaa;padding:15px;margin:0}
.contact-floating{z-index:30;bottom:30px;right:24px}
.link-contact{width:145px}
.club8-document{padding:110px 28px 45px;min-height:65vh}
.club8-document h1{font-size:34px;color:var(--club8-accent);margin:0 0 28px;line-height:1.3}
.club8-document h2{font-size:24px;margin:20px 0 12px;color:var(--club8-accent)}
.club8-document p,.entry-content p{margin-bottom:1em;line-height:1.8}
.entry-content h2,.entry-content h3{margin:1.4em 0 .6em}
.entry-content ul,.entry-content ol{padding-left:1.6em;margin:1em 0;list-style:revert}
.entry-content a,.club8-document a{color:var(--club8-accent);text-decoration:underline}
.entry-content table{width:100%;border-collapse:collapse}
.entry-content td,.entry-content th{border:1px solid #555;padding:10px}
.entry-content .wp-block-button__link{color:inherit;text-decoration:none}
.entry-content .alignwide{width:100%}.entry-content .alignfull{max-width:100%}
.club8-page-content{margin:30px 5%;line-height:1.8}
.club8-posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.club8-post{padding:20px;background:#11192c;border:1px solid #ffffff15;border-radius:8px}
.club8-post img{width:100%;aspect-ratio:16/9;object-fit:cover}
.post-meta{font-size:14px;color:#aaa}
.club8-document input,.club8-document textarea{max-width:100%;background:#f5f5f5;color:#111;padding:10px;border:1px solid #aaa;border-radius:4px}
.club8-comments{margin-top:40px}.comment-list{list-style:decimal;padding-left:24px}.comment-body{padding:20px 0}
#club8-dialog{margin:auto;max-width:calc(100vw - 32px);width:420px;padding:34px 28px;border:1px solid var(--club8-accent);border-radius:16px;background:#101729;color:#eee;text-align:center}
#club8-dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}
#club8-dialog h2{font-size:24px;line-height:1.5;color:var(--club8-accent);margin-bottom:18px}
#club8-dialog p{line-height:1.8}
.dialog-close{position:absolute;top:5px;right:10px;border:0;background:none;color:#eee;font-size:28px;cursor:pointer}
.dialog-confirm{border:0;border-radius:30px;background:var(--club8-accent);color:#19140b;padding:10px 24px;font-size:16px;margin-top:24px;cursor:pointer}
.admin-bar #main-nav{top:32px}.admin-bar .menu-provider{top:115px;max-height:calc(100vh - 123px)}
@media(max-width:991px){
  .main-sidebar{display:none}.content-main-container{padding:0 12px}.main-content{gap:0}
  .game-menu-mobile{width:98px;margin-left:0;margin-right:6px}
  .btn-provider{min-height:80px;padding:8px 0}.btn-provider>.icon{width:44px;margin:0 0 5px}
  .game-menu-mobile .btn-provider>.bg{display:none}.provider-text>.th{text-align:center;font-size:13px;padding:5px}
  .provider-item{width:50%;padding:7px}.provider-item>.title{font-size:14px}
  .provider-list{width:100%}.top-title{padding-top:10px;top:0}.main-center{padding-top:8px}
  .footer-index{flex-direction:column}.footer-title,.footer-tag,.footer-banks{padding:20px}
}
@media(max-width:719px){
  #main-nav{height:75px;padding:0 10px}#main-nav>.container{gap:8px;padding:0}
  #main-nav .navbar-toggler{display:block;min-height:40px;min-width:36px}
  #main-nav .navbar-brand{flex:1;max-width:none}.club8-logo{width:76px;height:60px}.brand-text{font-size:20px}
  .club8-auth{flex-direction:column;gap:4px}.club8-register,.club8-login{font-size:14px;min-height:25px;padding:3px 16px;width:100%}
  .club8-primary{display:none;position:absolute;left:0;right:0;top:75px;max-height:calc(100dvh - 90px);overflow:auto;background:#141929;padding:20px}
  .club8-primary.is-open{display:block}.club8-nav-links{flex-direction:column;align-items:stretch;gap:0}.club8-nav-links a{display:block;padding:10px}
  .club8-nav-links .sub-menu{display:block;position:static;box-shadow:none;margin-left:15px}
  .clone-slide{flex-basis:100%}.clone-slide img{border-radius:0}.top-title>.text{font-size:20px}
  .top-title{background:none;padding:9px 4px}.provider-block>.title{font-size:20px}
  .content-block-1,.content-block-2,.content-bet-detail,.content-promotion{width:94%}
  .content-live-item{padding:12px 6px}.content-live-item>.title{font-size:17px;text-align:center}.content-live-item>.detail{font-size:14px}
  .content-register-parts{width:100%;flex-wrap:wrap}.register-part{flex:1 1 30%}.register-part>.title{font-size:16px}
  .contact-floating{right:12px;bottom:18px}.link-contact{width:115px}
  .club8-posts{grid-template-columns:1fr}.club8-document{padding:105px 20px 35px}.club8-document h1{font-size:28px}
}
@media(max-width:782px){.admin-bar #main-nav{top:46px}}
@media(max-width:600px){.admin-bar #main-nav{position:absolute}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.announcement p{padding-left:0}}