/* LẬT KÈO TV – Emerald Gold UI v1; scoped to theme, no changes to API logic */
:root{--lk-bg:#001a15;--lk-panel:#032e24;--lk-deep:#00110f;--lk-green:#00d99a;--lk-gold:#f6ce69;--lk-cream:#fff3c5}
html,html.dark,html.light{background:#00120f!important;color:#fff!important}
body.custom-background.bgHome{background:radial-gradient(ellipse at 50% 5%,#07583d 0,#002b20 36%,#00110e 80%)!important;color:#fff!important;min-height:100vh}
body.custom-background.bgHome:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.2;background:repeating-linear-gradient(118deg,transparent 0 70px,#0f9e6a16 72px 73px,transparent 75px 145px);z-index:0}
body>*{position:relative}
.site-header{background:linear-gradient(180deg,#002c22,#00150f)!important;border-bottom:2px solid #d5ae4e!important;box-shadow:0 4px 24px #00f6a54a!important}
.site-header .container{max-width:1530px!important}
.site-header .header-elements{min-height:94px!important;gap:24px!important}
.site-header .logo img,#logo img{max-width:270px!important;width:clamp(145px,19vw,270px)!important;height:auto!important;max-height:88px!important;object-fit:contain!important;filter:drop-shadow(0 4px 10px #00d98c6b)}
.site-header .listMenuHeader{display:flex!important;align-items:center!important;gap:8px!important}
.site-header .listMenuHeader .menuItem{display:flex!important;gap:8px!important;align-items:center!important;flex-wrap:wrap!important}
.site-header .listMenuHeader .menuItem>a{color:#fff8e0!important;font-weight:800!important;padding:13px 15px!important;border-radius:11px!important;text-decoration:none!important;white-space:nowrap!important;transition:.2s!important}
.site-header .listMenuHeader .menuItem>a:hover,.site-header .listMenuHeader .menuItem>a:first-child{background:linear-gradient(135deg,#ffed9a,#c18d2d)!important;color:#04271b!important;box-shadow:0 0 0 2px #f7d47780,0 5px 18px #e6b55050!important}
.site-header .contact-email-list button{border-color:#d7b65c!important}
.latkeo-top-ticker{display:flex;gap:20px;align-items:center;background:linear-gradient(90deg,#00976b,#00d1a2,#006c52);color:white;padding:8px max(20px,calc((100vw - 1450px)/2));font-weight:700;box-shadow:0 3px 14px #00f5ad55}
.latkeo-top-ticker>span{white-space:nowrap;color:#ffe9a3}.latkeo-top-ticker marquee{min-width:0}
.latkeo-hero{min-height:225px;background:linear-gradient(90deg,#00130b77,#00351b25 55%,#00130b33),url('/assets/img/latkeo-stadium-banner.webp') center 24%/cover no-repeat;border-bottom:3px solid #e5c66b;display:flex;align-items:center;box-shadow:inset 0 -60px 55px #00160fd9}
.latkeo-hero-inner{max-width:1450px;width:100%;margin:auto;padding:32px 26px 28px 42%;text-shadow:0 2px 12px #00190f}
.latkeo-hero-kicker{font-weight:900;color:#ffe49b;letter-spacing:2px;font-size:13px}
.latkeo-hero h1{font-size:clamp(22px,2.9vw,42px);line-height:1.15;color:white;font-weight:1000;margin:12px 0 8px}
.latkeo-hero h1 strong{color:#f6d676;display:block}
.latkeo-hero p{color:#e7fff2;font-weight:600}
.latkeo-hero-cta{display:inline-block;margin-top:12px;background:linear-gradient(#fff3b5,#d7a634);border:2px solid #fff1ad;border-radius:100px;color:#053426!important;padding:10px 22px;font-weight:900;box-shadow:0 7px 18px #0008}
.latkeo-emerald-home .home-tran-dau>.container{max-width:1530px!important;padding:14px 22px!important}
.latkeo-emerald-home .sports-container,.latkeo-emerald-home .match-hot-section-container{background:transparent!important;border:0!important;box-shadow:none!important}
.latkeo-emerald-home .sports-tabs{display:none!important}
.latkeo-emerald-home .schedule-nav{display:flex!important;justify-content:center!important;gap:18px!important;padding:12px 0 20px!important;overflow-x:auto!important;border:0!important;background:transparent!important}
.latkeo-emerald-home .schedule-nav .nav-item{background:linear-gradient(180deg,#0d4c39,#002b21)!important;color:#fff!important;border:1px solid #b7a054!important;border-radius:15px!important;min-height:46px!important;padding:10px 24px!important;box-shadow:inset 0 1px #ffffff2a,0 6px 15px #0007!important;cursor:pointer!important}
.latkeo-emerald-home .schedule-nav .nav-item.active,.latkeo-emerald-home .schedule-nav .nav-item:hover{background:linear-gradient(180deg,#fff3b5,#d8a53a)!important;border-color:#ffe99c!important;color:#05271b!important}
.latkeo-emerald-home .schedule-nav .nav-item.active span{color:#05271b!important;font-weight:900!important}
.latkeo-emerald-home .schedule-nav .nav-item span{color:#fff!important;font-weight:800!important}
.latkeo-emerald-home .schedule-nav .nav-item.active svg{filter:brightness(.15) sepia(.5)!important}
.latkeo-emerald-home .schedule-content{background:transparent!important}
.latkeo-emerald-home .schedule-content-item .list-card-schedule,.latkeo-emerald-home .ultra-match-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:15px!important;align-items:stretch!important}
/* Cards are generated by existing schedule-ultra.js; selectors cover multiple historical variants. */
.latkeo-emerald-home .ultra-match-grid>*{min-width:0!important;max-width:none!important;width:100%!important;background:linear-gradient(145deg,#064e39,#002d23 62%,#001b15)!important;border:2px solid #d9b861!important;border-radius:17px!important;color:#fff!important;box-shadow:inset 0 0 26px #00956b25,0 6px 18px #0008!important;overflow:hidden!important;position:relative!important;transition:transform .2s,box-shadow .2s!important}
.latkeo-emerald-home .ultra-match-grid>*:hover{transform:translateY(-3px)!important;box-shadow:0 0 18px #00e89a77,0 8px 24px #0009!important}
.latkeo-emerald-home .ultra-match-grid>* a[href*="truc-tiep"]{color:#ffe38e!important;font-weight:900!important}
.latkeo-emerald-home .ultra-match-grid>* button,.latkeo-emerald-home .ultra-match-grid>* .btn{border-radius:100px!important}
.latkeo-emerald-home .ultra-match-grid>* img{object-fit:contain!important}
.latkeo-emerald-home .ultra-match-grid>* .live,.latkeo-emerald-home .ultra-match-grid>* [class*="live-badge"]{background:linear-gradient(#ff4040,#a60000)!important;color:white!important}
.latkeo-emerald-home .btn-loadmore-schedule{background:linear-gradient(#ffeaa0,#d4a23b)!important;color:#063123!important;border:1px solid #ffec9f!important;border-radius:30px!important;font-weight:900!important}
.latkeo-emerald-home .nb-blue-gradient{background:linear-gradient(100deg,#006a4c,#00b886,#006b51)!important;color:#fff!important;border:1px solid #e5c66b!important}
.latkeo-emerald-home .gioi-thieu{color:#e9f7ef!important}
.latkeo-emerald-home .gioi-thieu .chuy{border-color:#d6b35d!important}
/* Other EJS pages use original HTML, but inherit the emerald-gold site shell. */
.site-main:not(.latkeo-emerald-home){background:transparent!important}
.site-main:not(.latkeo-emerald-home) .nb-blue-gradient{background:linear-gradient(100deg,#006d50,#00a979)!important}
@media(max-width:1180px){.latkeo-emerald-home .schedule-content-item .list-card-schedule,.latkeo-emerald-home .ultra-match-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.site-header .listMenuHeader .menuItem>a{padding:10px!important;font-size:13px!important}}
@media(max-width:760px){.site-header .header-elements{min-height:66px!important}.site-header .logo img,#logo img{max-height:60px!important;width:170px!important}.site-header .listMenuHeader{display:none!important}.latkeo-hero{min-height:150px;background-position:center center}.latkeo-hero-inner{padding:18px 15px 20px 35%}.latkeo-hero-kicker{font-size:9px;letter-spacing:0}.latkeo-hero h1{font-size:18px;margin:7px 0}.latkeo-hero p{display:none}.latkeo-hero-cta{font-size:11px;padding:7px 10px}.latkeo-emerald-home .home-tran-dau>.container{padding:10px!important}.latkeo-emerald-home .schedule-nav{gap:7px!important;justify-content:flex-start!important}.latkeo-emerald-home .schedule-nav .nav-item{min-height:40px!important;padding:7px 10px!important;font-size:12px!important}.latkeo-emerald-home .schedule-content-item .list-card-schedule,.latkeo-emerald-home .ultra-match-grid{grid-template-columns:1fr!important;gap:12px!important}}

/* LATKEOTV EMERALD GOLD V2 */

/* Match grid */
@media (min-width: 1181px) {
  #site-main.latkeo-emerald-home .ultra-match-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }
}

@media (min-width: 761px) and (max-width: 1180px) {
  #site-main.latkeo-emerald-home .ultra-match-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  #site-main.latkeo-emerald-home .ultra-match-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* Match cards */
#site-main.latkeo-emerald-home .ultra-match-card {
  background:
    radial-gradient(circle at 85% 0%, rgba(0,220,150,.15), transparent 55%),
    linear-gradient(145deg,#07523c 0%,#003c2e 55%,#00271f 100%) !important;
  border: 2px solid #cba54b !important;
  border-radius: 16px !important;
  color: #f5fff9 !important;
  box-shadow: 0 5px 22px rgba(0,0,0,.3) !important;
}

#site-main.latkeo-emerald-home .ultra-match-card:hover {
  border-color: #ffe18b !important;
  box-shadow: 0 0 22px rgba(0,218,151,.3) !important;
}

/* Live match */
#site-main.latkeo-emerald-home .ultra-match-card.ultra-live {
  border-color: #e5c35f !important;
}

#site-main.latkeo-emerald-home .ultra-live-pill {
  background: linear-gradient(135deg,#e53935,#a80000) !important;
  color: #fff !important;
  border-radius: 20px !important;
}

/* League and time */
#site-main.latkeo-emerald-home .ultra-league {
  color: #f1d47c !important;
  font-weight: 800 !important;
}

#site-main.latkeo-emerald-home .ultra-time {
  color: #e9fff4 !important;
  background: rgba(0,30,23,.65) !important;
}

/* Score */
#site-main.latkeo-emerald-home .ultra-scorebox {
  background: linear-gradient(180deg,#f8df8d,#c89a35) !important;
  border: 1px solid #ffedac !important;
  border-radius: 12px !important;
  color: #063c2d !important;
  font-weight: 900 !important;
}

/* Teams */
#site-main.latkeo-emerald-home .ultra-team {
  color: #ffffff !important;
  font-weight: 800 !important;
}

/* Bottom information */
#site-main.latkeo-emerald-home .nb-stats,
#site-main.latkeo-emerald-home .nb-market {
  background: rgba(0,28,22,.45) !important;
  color: #e7f9ee !important;
}

/* Match actions */
#site-main.latkeo-emerald-home .ultra-card-actions a,
#site-main.latkeo-emerald-home .ultra-card-actions button {
  color: #ffe28b !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

#site-main.latkeo-emerald-home .ultra-card-actions a:hover {
  color: #ffffff !important;
}

/* Filters */
#site-main.latkeo-emerald-home .schedule-nav .nav-item {
  background: linear-gradient(180deg,#075a43,#00392d) !important;
  border: 1px solid #bc9a49 !important;
  border-radius: 12px !important;
}

#site-main.latkeo-emerald-home .schedule-nav .nav-item.active,
#site-main.latkeo-emerald-home .schedule-nav .nav-item:hover {
  background: linear-gradient(180deg,#ffe69b,#cba03d) !important;
  border-color: #ffe69b !important;
}

#site-main.latkeo-emerald-home .schedule-nav .nav-item.active span {
  color: #063a2b !important;
}


/* ===== LATKEOTV EMERALD GOLD V3 ===== */

/* Match status */
#site-main.latkeo-emerald-home .ultra-phase {
  background: linear-gradient(135deg,#ffe69a,#c99b38) !important;
  color: #063b2b !important;
  border: 1px solid #ffedb1 !important;
  border-radius: 9px !important;
  font-weight: 900 !important;
  padding: 6px 10px !important;
  margin-bottom: 5px !important;
}

/* VS and score */
#site-main.latkeo-emerald-home .ultra-score {
  background: linear-gradient(180deg,#087a58,#004c39) !important;
  color: #ffe28b !important;
  border: 2px solid #e3c36d !important;
  border-radius: 12px !important;
  box-shadow: inset 0 0 14px rgba(0,0,0,.2) !important;
  font-weight: 900 !important;
}

/* Leading team score */
#site-main.latkeo-emerald-home .ultra-leading {
  background: #d9b34f !important;
  color: #073c2d !important;
}

/* Bottom stats panel */
#site-main.latkeo-emerald-home .ultra-bottom {
  background: linear-gradient(110deg,#00382c,#00281f) !important;
  border: 1px solid rgba(224,190,99,.35) !important;
  border-radius: 11px !important;
  color: #e9fff5 !important;
}

/* Statistics */
#site-main.latkeo-emerald-home .ultra-stats {
  color: #d5f3e4 !important;
}

#site-main.latkeo-emerald-home .ultra-stats b {
  color: #ffe18a !important;
}

/* Commentators */
#site-main.latkeo-emerald-home .ultra-commentators {
  color: #e8fff4 !important;
}

/* Odds */
#site-main.latkeo-emerald-home .ultra-odds {
  color: #e4f8ee !important;
}

/* Team names */
#site-main.latkeo-emerald-home .ultra-team-name {
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  overflow-wrap: break-word !important;
}

/* Team logos */
#site-main.latkeo-emerald-home .ultra-team img {
  width: 38px !important;
  height: 38px !important;
}

/* Compact 3-column layout */
@media (min-width:1181px) {
  #site-main.latkeo-emerald-home .ultra-main {
    gap: 6px !important;
    grid-template-columns:
      minmax(0,1fr) auto minmax(0,1fr) !important;
  }

  #site-main.latkeo-emerald-home .ultra-scorebox {
    min-width: 92px !important;
  }

  #site-main.latkeo-emerald-home .ultra-team {
    gap: 6px !important;
  }
}

/* Mobile */
@media (max-width:480px) {
  #site-main.latkeo-emerald-home .ultra-team img {
    width: 30px !important;
    height: 30px !important;
  }

  #site-main.latkeo-emerald-home .ultra-scorebox {
    min-width: 78px !important;
  }

  #site-main.latkeo-emerald-home .ultra-score {
    font-size: 22px !important;
  }
}


/* ===== LATKEOTV BRAND LOGO V4 ===== */

#site-main.latkeo-emerald-home .ultra-match-card .nb-brand {
  display: block !important;
  width: 88px !important;
  max-width: 100% !important;
  height: auto !important;
  aspect-ratio: 2 / 1;
  object-fit: contain !important;
  margin: 4px 0 0 auto !important;
  opacity: 0.95;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#site-main.latkeo-emerald-home .ultra-match-card .nb-right {
  min-width: 0;
}

@media (max-width: 480px) {
  #site-main.latkeo-emerald-home .ultra-match-card .nb-brand {
    width: 68px !important;
  }
}



/* LATKEO LIGHT HEADER FIX STEP 158 */

/* Chỉ áp dụng cho giao diện sáng */
html.light .site-header {
  background:#ffffff!important;
  border-bottom:1px solid #d8e7df!important;
}

html.light .site-header .nav-list a,
html.light .site-header .nav-item a,
html.light .site-header .latkeo-menu-icon {
  color:#07513b!important;
  stroke:#07513b!important;
}

html.light .site-header .nav-list a:hover,
html.light .site-header .nav-item a:hover {
  color:#007b58!important;
}

html.light .site-header .nav-item.active a,
html.light .site-header .nav-list .active a {
  color:#ffe39a!important;
}

html.light #themeToggle {
  background:#e8f4ee!important;
  color:#07513b!important;
  border:1px solid #c6a24f!important;
}

html.light #themeToggle svg {
  color:#07513b!important;
  stroke:#07513b!important;
}