/* แถบวันที่ + หัวข้อรายการแข่ง + เมนูลีก (ฟีเจอร์ "matchnav") — โหลดเฉพาะตอนเปิดฟีเจอร์ */
/* หัวข้อรายการแข่งภายในวัน */
.day-h{margin:1.6rem 0 .4rem}
.lg-h{font-size:.95rem;font-weight:600;margin:.9rem 0 .45rem;display:flex;align-items:center;gap:.5rem}
.lg-h a{color:var(--ink)}
.lg-h::before{content:"";width:4px;height:1em;border-radius:2px;background:var(--pitch)}
[data-off]{display:none !important}

/* แถบวันที่ */
.datebar{position:sticky;top:var(--hdr,56px);z-index:20;background:var(--paper);margin:0 calc(-1*var(--pad)) .8rem;padding:.5rem var(--pad);border-bottom:1px solid var(--rule)}
.datebar-row{display:flex;gap:.4rem;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
.datebar-row::-webkit-scrollbar{display:none}
.datebar button{flex:0 0 auto;scroll-snap-align:start;display:grid;justify-items:center;gap:.05rem;min-width:4.2rem;font:inherit;padding:.4rem .6rem;border-radius:12px;border:1px solid var(--rule);background:var(--surface);color:var(--ink);cursor:pointer;line-height:1.2}
.datebar button b{font-size:.9rem;font-weight:600}
.datebar button small{font-size:.72rem;color:var(--ink-2)}
.datebar button.empty{opacity:.55}
.datebar button[aria-pressed="true"]{background:var(--pitch-2);border-color:var(--pitch-2);color:#fff}
.datebar button[aria-pressed="true"] small{color:#E6F0EA}
.datebar button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.day-empty{padding:1rem;border:1px dashed var(--rule);border-radius:var(--r);margin:.4rem 0 1.2rem}
.day-empty p{margin:0 0 .4rem}
.day-empty button{font:inherit;color:var(--link);background:none;border:0;padding:0;cursor:pointer;font-weight:600;text-decoration:underline}

/* เมนูย่อย "ลีก" ใต้ header */
.lg-menu{background:var(--pitch-3);border-top:1px solid rgba(255,255,255,.1);padding:.9rem 0 1.1rem}
.lg-menu[hidden]{display:none}
.lg-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}
.lg-menu .label{color:var(--lime);font-weight:600;font-size:.82rem;margin:0 0 .4rem;letter-spacing:.02em}
.lg-menu ul{list-style:none;margin:0;padding:0;display:grid;gap:.15rem}
.lg-menu li a{display:block;color:#E6F0EA;padding:.35rem .2rem;border-radius:6px}
.lg-menu li a:hover{background:rgba(255,255,255,.08);text-decoration:none;color:#fff}
.lg-all{display:inline-block;margin-top:.8rem;color:#fff;font-weight:600;font-size:.9rem}
.top nav a[aria-expanded="true"]{background:rgba(255,255,255,.16);color:#fff}
@media(max-width:759px){
  .lg-cols{grid-template-columns:1fr;gap:.8rem}
  .lg-menu{max-height:70vh;overflow:auto}
}
.datebar button[aria-pressed="true"]{opacity:1}
.lg-menu .wrap{display:block;min-height:0}