/* WorldCupLive.Ph v2.29 mobile navigation autofix */
@media (max-width: 920px){
  body{padding-bottom:88px;}
  .site-header{position:sticky;top:0;z-index:9998;background:#03080b!important;border-bottom:1px solid rgba(243,199,64,.22);box-shadow:0 10px 24px rgba(0,0,0,.36);}
  .site-header .nav{min-height:72px!important;padding:10px 14px!important;display:grid!important;grid-template-columns:minmax(118px,1fr) auto auto!important;align-items:center!important;gap:10px!important;width:100%!important;max-width:none!important;}
  .site-header .logo,.site-header .logo-image{display:flex!important;align-items:center!important;min-width:0!important;background:transparent!important;box-shadow:none!important;border:0!important;padding:0!important;}
  .site-header .logo img,.site-header .logo-image img{display:block!important;max-width:178px!important;width:100%!important;height:auto!important;background:transparent!important;mix-blend-mode:normal!important;}
  .site-header .main-menu{display:none!important;}
  .site-header .actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;margin:0!important;}
  .site-header .actions .btn-primary{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;padding:11px 14px!important;border-radius:12px!important;font-size:13px!important;white-space:nowrap!important;background:linear-gradient(180deg,#fff09a,#f3c52d)!important;color:#090909!important;box-shadow:0 10px 28px rgba(243,199,45,.28)!important;}
  .wcl-mobile-menu-toggle{display:inline-flex!important;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:10px 12px;border-radius:12px;border:1px solid rgba(243,199,64,.35);background:#101820;color:#fff;font-weight:900;cursor:pointer;}
  .wcl-mobile-menu-toggle span{font-size:18px;line-height:1;}
}
@media (min-width: 921px){.wcl-mobile-menu-toggle,.wcl-mobile-drawer,.wcl-mobile-backdrop{display:none!important;}}
.wcl-mobile-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.68);z-index:99998;opacity:0;pointer-events:none;transition:opacity .22s ease;}
.wcl-mobile-drawer{position:fixed;inset:0 auto 0 0;width:min(94vw,390px);background:#06101a;color:#fff;z-index:99999;transform:translateX(-102%);transition:transform .25s ease;box-shadow:22px 0 45px rgba(0,0,0,.5);overflow:hidden;display:flex;flex-direction:column;}
body.wcl-mobile-menu-open .wcl-mobile-backdrop{opacity:1;pointer-events:auto;}
body.wcl-mobile-menu-open .wcl-mobile-drawer{transform:translateX(0);}
.wcl-mobile-drawer-head{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;background:#02070b;padding:16px;border-bottom:1px solid rgba(243,199,64,.22);}
.wcl-mobile-drawer-head img{max-width:180px;height:auto;background:transparent!important;}
.wcl-mobile-close{width:44px;height:44px;border:0;border-radius:10px;background:#f3c52d;color:#111;font-weight:1000;font-size:24px;cursor:pointer;}
.wcl-mobile-search{display:flex;background:#fff;color:#111;border-bottom:1px solid rgba(255,255,255,.08);}
.wcl-mobile-search span{display:flex;align-items:center;justify-content:center;width:50px;font-size:24px;}
.wcl-mobile-search input{flex:1;border:0;padding:16px 12px;font-size:16px;font-weight:700;outline:0;}
.wcl-mobile-drawer-body{display:grid;grid-template-columns:43% 57%;min-height:0;flex:1;}
.wcl-mobile-parent-list{background:#0b4f9c;overflow:auto;padding:0;margin:0;list-style:none;}
.wcl-mobile-parent-list button,.wcl-mobile-parent-list a{width:100%;min-height:57px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;border:0;border-bottom:1px solid rgba(255,255,255,.13);background:#0f5db1;color:#fff;font-weight:950;text-align:left;text-decoration:none;font-size:15px;cursor:pointer;}
.wcl-mobile-parent-list button.active{background:#062a78;}
.wcl-mobile-sub-list{background:#fff;color:#111;overflow:auto;padding:0;margin:0;list-style:none;}
.wcl-mobile-sub-list a{min-height:54px;display:flex;align-items:center;padding:0 16px;border-bottom:1px solid #e6e9ef;color:#111;text-decoration:none;font-weight:900;font-size:15px;}
.wcl-mobile-sub-list a:hover{background:#f6f8fb;color:#0b4f9c;}
.wcl-mobile-cta-row{padding:12px;background:#07111c;border-top:1px solid rgba(243,199,64,.22);}
.wcl-mobile-cta-row a{display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:12px;background:linear-gradient(180deg,#fff09a,#f3c52d);color:#090909;text-decoration:none;font-weight:1000;}


/* === v2.32 Global Mobile Theme: gold + silver + dark brown/black === */
:root{
  --wcl-gold:#f4c430;
  --wcl-gold-2:#ffe77a;
  --wcl-silver:#c8ccd2;
  --wcl-silver-2:#f3f4f6;
  --wcl-brown:#17120a;
  --wcl-black:#030405;
  --wcl-panel:#0b0906;
  --wcl-card:#15130f;
}
@media (max-width:1080px){
  html.wcl-menu-open,body.wcl-menu-open{overflow:hidden!important;}
  body{background:#050504!important;}
  .site-header{background:linear-gradient(180deg,#050505 0%,#080705 58%,#171107 100%)!important;border-bottom:1px solid rgba(244,196,48,.34)!important;box-shadow:0 12px 32px rgba(0,0,0,.55)!important;}
  .site-header .nav{background:transparent!important;}
  .site-header .logo img,.site-header .logo-image img,.wcl-v228-logo img,.wcl-mobile-drawer-head img{background:transparent!important;filter:drop-shadow(0 6px 12px rgba(0,0,0,.42));}
  .site-header .actions .btn-primary,.wcl-mobile-header-play,.wcl-v228-play,.wcl-mobile-cta-row a,.mobile-join,.wcl-cta-link{
    background:linear-gradient(180deg,var(--wcl-gold-2) 0%,var(--wcl-gold) 56%,#c99410 100%)!important;
    color:#090704!important;border:1px solid rgba(255,239,150,.62)!important;box-shadow:0 12px 30px rgba(244,196,48,.32),inset 0 1px 0 rgba(255,255,255,.55)!important;
    text-shadow:none!important;font-weight:1000!important;
  }
  .wcl-mobile-menu-toggle,.hamb{background:linear-gradient(180deg,#1f1c16,#0b0906)!important;color:#ffe77a!important;border:1px solid rgba(244,196,48,.38)!important;}
  .mobilebar{
    background:linear-gradient(180deg,#11100d 0%,#070605 100%)!important;
    border:1px solid rgba(244,196,48,.25)!important;box-shadow:0 -14px 34px rgba(0,0,0,.62)!important;border-radius:22px 22px 0 0!important;
  }
  .mobilebar a{background:linear-gradient(180deg,#161511,#0b0a08)!important;color:#d8dce2!important;border:1px solid rgba(255,255,255,.06)!important;}
  .mobilebar a.active,.mobilebar a:hover{color:#111!important;background:linear-gradient(180deg,var(--wcl-gold-2),var(--wcl-gold))!important;border-color:rgba(255,239,150,.7)!important;}

  .mobile-panel.wcl-v228-menu,.wcl-mobile-drawer,.mobile-panel.wcl-slide-menu,.mobile-panel.wcl-fullscreen-menu{
    background:linear-gradient(145deg,#050505 0%,#0c0905 45%,#181107 100%)!important;color:#fff!important;box-shadow:22px 0 60px rgba(0,0,0,.72)!important;
  }
  .wcl-v228-shell{background:linear-gradient(145deg,#050505 0%,#0b0906 50%,#171107 100%)!important;color:#fff!important;min-height:100vh!important;}
  .wcl-v228-top,.wcl-mobile-drawer-head,.mobile-drawer-head,.wcl-mega-head{
    background:linear-gradient(180deg,#050505 0%,#0d0b08 72%,#1a1308 100%)!important;border-bottom:1px solid rgba(244,196,48,.32)!important;
  }
  .wcl-v228-close,.wcl-mobile-close,.mobile-close,.wcl-mega-close{
    background:linear-gradient(180deg,var(--wcl-gold-2),var(--wcl-gold))!important;color:#0b0803!important;border:1px solid rgba(255,239,150,.62)!important;border-radius:14px!important;box-shadow:0 8px 22px rgba(244,196,48,.26)!important;
  }
  .wcl-v228-search,.wcl-mobile-search{
    background:linear-gradient(180deg,#17140f,#0d0b08)!important;color:#fff!important;border-top:1px solid rgba(255,255,255,.06)!important;border-bottom:1px solid rgba(244,196,48,.26)!important;
  }
  .wcl-v228-search label,.wcl-mobile-search span{color:#ffe77a!important;}
  .wcl-v228-search input,.wcl-mobile-search input{
    background:#0d0b08!important;color:#fff!important;border:1px solid rgba(200,204,210,.28)!important;border-radius:10px!important;margin:8px!important;padding:12px!important;
  }
  .wcl-v228-search input::placeholder,.wcl-mobile-search input::placeholder{color:#c8ccd2!important;opacity:.88!important;}
  .wcl-v228-body,.wcl-mobile-drawer-body{background:#090806!important;}
  .wcl-v228-parents,.wcl-mobile-parent-list{
    background:linear-gradient(180deg,#15110a 0%,#0b0906 100%)!important;border-right:1px solid rgba(244,196,48,.28)!important;
  }
  .wcl-v228-parent,.wcl-mobile-parent-list button,.wcl-mobile-parent-list a{
    background:linear-gradient(180deg,#18150f,#0e0c08)!important;color:#f3f4f6!important;border:0!important;border-bottom:1px solid rgba(200,204,210,.16)!important;font-weight:1000!important;
  }
  .wcl-v228-parent .arr,.wcl-mobile-parent-list button:after{color:#f4c430!important;}
  .wcl-v228-parent.active,.wcl-v228-parent:hover,.wcl-mobile-parent-list button.active{
    background:linear-gradient(90deg,#2c2109 0%,#1b1408 50%,#0c0a07 100%)!important;color:#ffe77a!important;box-shadow:inset 4px 0 0 var(--wcl-gold)!important;
  }
  .wcl-v228-sub,.wcl-mobile-sub-list{
    background:linear-gradient(180deg,#100e0a 0%,#070605 100%)!important;color:#fff!important;
  }
  .wcl-v228-sub-title{
    color:#ffe77a!important;background:linear-gradient(180deg,#16130e,#0b0906)!important;border-bottom:1px solid rgba(244,196,48,.28)!important;text-transform:uppercase!important;letter-spacing:.06em!important;
  }
  .wcl-v228-sub a,.wcl-mobile-sub-list a,.mobile-menu-grid a,.wcl-mobile-links a{
    background:linear-gradient(180deg,#171510,#0e0c08)!important;color:#f3f4f6!important;border-bottom:1px solid rgba(200,204,210,.14)!important;text-decoration:none!important;
  }
  .wcl-v228-sub a:hover,.wcl-v228-sub a:focus,.wcl-mobile-sub-list a:hover,.mobile-menu-grid a:hover,.wcl-mobile-links a:hover{
    background:linear-gradient(90deg,#2a210d,#15120c)!important;color:#ffe77a!important;outline:1px solid rgba(244,196,48,.35)!important;
  }
  .wcl-v228-empty{color:#c8ccd2!important;background:#0d0b08!important;padding:18px!important;}
}