/* LATKEOTV BLV + FOOTER PREMIUM V1 */

/* TOP BLV HOT */

body:has(#site-main.latkeo-emerald-home)
.gioi-thieu > div:first-child {
  margin:24px 0 32px!important;
  padding:22px!important;
  border:1px solid #c6a24f!important;
  border-radius:20px!important;
  background:linear-gradient(
    145deg,#07513c,#002a21 65%,#001b16
  )!important;
  box-shadow:0 8px 30px rgba(0,0,0,.25)!important;
}

body:has(#site-main.latkeo-emerald-home)
.gioi-thieu > div:first-child > p:first-child {
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:52px!important;
  margin:0 0 20px!important;
  padding:10px!important;
  border-radius:12px!important;
  border:1px solid #e3c16c!important;
  background:linear-gradient(
    90deg,#064d39,#003227,#064d39
  )!important;
  color:#ffe39a!important;
  font-size:25px!important;
  font-weight:900!important;
  text-shadow:0 2px 10px rgba(245,208,109,.3);
}

body:has(#site-main.latkeo-emerald-home)
.listblv {
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
  width:100%!important;
}

body:has(#site-main.latkeo-emerald-home)
.listblv > * {
  min-width:0!important;
  overflow:hidden!important;
  border:1px solid #b99b50!important;
  border-radius:15px!important;
  background:linear-gradient(
    150deg,#07513b,#002b22
  )!important;
  box-shadow:0 5px 18px rgba(0,0,0,.22)!important;
  transition:transform .2s,box-shadow .2s!important;
}

body:has(#site-main.latkeo-emerald-home)
.listblv > *:hover {
  transform:translateY(-4px);
  box-shadow:0 0 22px rgba(236,196,95,.3)!important;
}

body:has(#site-main.latkeo-emerald-home)
.listblv img {
  max-width:100%;
  object-fit:cover;
}

@media(max-width:900px) {
  body:has(#site-main.latkeo-emerald-home)
  .listblv {
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:600px) {
  body:has(#site-main.latkeo-emerald-home)
  .listblv {
    grid-template-columns:1fr!important;
  }

  body:has(#site-main.latkeo-emerald-home)
  .gioi-thieu > div:first-child {
    padding:13px!important;
  }
}


/* STEP 127 - PREMIUM FOOTER */

#page-footer {
  position:relative!important;
  margin-top:35px!important;
  padding:35px 0 15px!important;
  background:linear-gradient(
    180deg,#043b2e 0%,#01271f 35%,#001610 100%
  )!important;
  border-top:3px solid #e2bd61!important;
  box-shadow:0 -8px 30px rgba(0,0,0,.25)!important;
}

#page-footer > .page-footer {
  background:transparent!important;
  color:#e9f3e9!important;
}

#page-footer .container {
  max-width:1450px!important;
  margin:auto!important;
  padding:0 20px!important;
}

#page-footer .footer-widget {
  max-width:1100px!important;
  margin:22px auto!important;
  padding:25px!important;
  background:linear-gradient(
    145deg,#064a37,#00261e
  )!important;
  border:1px solid #a78c4b!important;
  border-radius:17px!important;
  box-shadow:0 8px 25px rgba(0,0,0,.2)!important;
}

#page-footer .footer-widget p {
  color:#d8e7dd!important;
  font-size:15px!important;
  line-height:1.85!important;
}

#page-footer .footer-widget p:nth-child(2) {
  color:#f4d47b!important;
  font-weight:700!important;
}

#page-footer img[data-src],
#page-footer img.aligncenter {
  display:block!important;
  max-width:220px!important;
  width:auto!important;
  height:auto!important;
  margin:0 auto 15px!important;
  filter:drop-shadow(0 0 12px rgba(245,201,89,.25));
}

#page-footer .sosial_footer {
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:15px!important;
  margin:20px auto 5px!important;
}

#page-footer .sosial_footer p {
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:15px!important;
}

#page-footer .sosial_footer a {
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:45px!important;
  height:45px!important;
  padding:10px!important;
  border:1px solid #c9a75a!important;
  border-radius:50%!important;
  background:#064332!important;
  box-shadow:0 0 12px rgba(0,255,160,.13)!important;
  transition:transform .2s,background .2s!important;
}

#page-footer .sosial_footer a:hover {
  transform:translateY(-3px);
  background:#087857!important;
}

#page-footer .sosial_footer img {
  width:23px!important;
  height:23px!important;
  object-fit:contain!important;
}

#page-footer .footer-copyright {
  margin-top:20px!important;
  padding:22px 10px!important;
  border-top:1px solid rgba(229,193,99,.35)!important;
  color:#b5c9ba!important;
  font-size:13px!important;
  text-align:center!important;
}

@media(max-width:600px) {
  #page-footer {
    padding-top:25px!important;
  }

  #page-footer .container {
    padding:0 12px!important;
  }

  #page-footer .footer-widget {
    padding:18px 13px!important;
  }

  #page-footer .footer-widget p {
    font-size:13px!important;
  }
}


/* LATKEO BLV COMPACT STEP 149 */

body:has(#site-main.latkeo-emerald-home)
.listblv {
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
}

body:has(#site-main.latkeo-emerald-home)
.listblv .latkeo-blv-card {
  padding:12px 8px!important;
  gap:6px!important;
}

body:has(#site-main.latkeo-emerald-home)
.listblv .latkeo-blv-card img,
body:has(#site-main.latkeo-emerald-home)
.listblv .latkeo-blv-avatar-empty {
  width:100px!important;
  height:100px!important;
  flex-shrink:0!important;
}

body:has(#site-main.latkeo-emerald-home)
.listblv .latkeo-blv-name {
  font-size:15px!important;
  line-height:1.3!important;
}

body:has(#site-main.latkeo-emerald-home)
.listblv .latkeo-blv-likes {
  font-size:12px!important;
}

@media(max-width:900px) {
  body:has(#site-main.latkeo-emerald-home)
  .listblv {
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

@media(max-width:600px) {
  body:has(#site-main.latkeo-emerald-home)
  .listblv {
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  body:has(#site-main.latkeo-emerald-home)
  .listblv .latkeo-blv-card img,
  body:has(#site-main.latkeo-emerald-home)
  .listblv .latkeo-blv-avatar-empty {
    width:80px!important;
    height:80px!important;
  }
}


/* LATKEO BLV ROUND MINI STEP 151 */

body:has(#site-main.latkeo-emerald-home)
.listblv {
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:10px!important;
}

body:has(#site-main.latkeo-emerald-home)
.listblv .latkeo-blv-card {
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  padding:12px 8px!important;
  gap:5px!important;
}

body:has(#site-main.latkeo-emerald-home)
.listblv .latkeo-blv-card img,
body:has(#site-main.latkeo-emerald-home)
.listblv .latkeo-blv-avatar-empty {
  display:block!important;
  width:60px!important;
  height:60px!important;
  min-width:60px!important;
  min-height:60px!important;
  max-width:60px!important;
  max-height:60px!important;
  aspect-ratio:1/1!important;
  border-radius:50%!important;
  object-fit:cover!important;
  object-position:center!important;
  border:2px solid #e3c16c!important;
  overflow:hidden!important;
  margin:0 auto!important;
  flex-shrink:0!important;
}

body:has(#site-main.latkeo-emerald-home)
.listblv .latkeo-blv-name {
  font-size:13px!important;
  font-weight:800!important;
  text-align:center!important;
}

body:has(#site-main.latkeo-emerald-home)
.listblv .latkeo-blv-likes {
  font-size:11px!important;
  text-align:center!important;
}

@media(max-width:900px) {
  body:has(#site-main.latkeo-emerald-home)
  .listblv {
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}

@media(max-width:600px) {
  body:has(#site-main.latkeo-emerald-home)
  .listblv {
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  body:has(#site-main.latkeo-emerald-home)
  .listblv .latkeo-blv-card img,
  body:has(#site-main.latkeo-emerald-home)
  .listblv .latkeo-blv-avatar-empty {
    width:54px!important;
    height:54px!important;
    min-width:54px!important;
    min-height:54px!important;
    max-width:54px!important;
    max-height:54px!important;
  }
}


/* LATKEO NOTICE EMERALD STEP 152 */

body:has(#site-main.latkeo-emerald-home)
.gioi-thieu .chuy > div {
  background:linear-gradient(
    135deg,#07513d 0%,#00382c 55%,#00271f 100%
  )!important;
  border:1px solid #c6a24f!important;
  border-radius:18px!important;
  box-shadow:0 8px 25px rgba(0,0,0,.2)!important;
  padding:22px 24px!important;
}

body:has(#site-main.latkeo-emerald-home)
.gioi-thieu .chuy > div > p {
  background:none!important;
  -webkit-text-fill-color:#ffe39a!important;
  color:#ffe39a!important;
  font-size:24px!important;
  font-weight:900!important;
  text-align:center!important;
  margin-bottom:14px!important;
  border:0!important;
}

body:has(#site-main.latkeo-emerald-home)
.gioi-thieu .chuy ul {
  color:#e8f5ed!important;
  line-height:1.65!important;
  font-size:14px!important;
}

body:has(#site-main.latkeo-emerald-home)
.gioi-thieu .chuy li {
  border-color:rgba(227,193,108,.45)!important;
  padding-top:6px!important;
  padding-bottom:6px!important;
}

@media(max-width:600px) {
  body:has(#site-main.latkeo-emerald-home)
  .gioi-thieu .chuy > div {
    padding:16px 12px!important;
  }

  body:has(#site-main.latkeo-emerald-home)
  .gioi-thieu .chuy > div > p {
    font-size:20px!important;
  }

  body:has(#site-main.latkeo-emerald-home)
  .gioi-thieu .chuy ul {
    font-size:13px!important;
  }
}


/* LATKEO_STADIUM_BACKGROUND_163 */

/* Sân vận động phủ toàn bộ trang chủ */
html.dark body:has(#site-main.latkeo-emerald-home) {
    background:
      linear-gradient(
        rgba(0, 34, 26, 0.67),
        rgba(0, 30, 24, 0.78)
      ),
      url('/assets/images/latkeo-stadium-bg.png')
      center top / cover fixed no-repeat !important;
}

/* Cho phép nhìn thấy nền phía sau nội dung */
html.dark #site-main.latkeo-emerald-home,
html.dark #site-main.latkeo-emerald-home .home-tran-dau,
html.dark #site-main.latkeo-emerald-home .sports-container {
    background: transparent !important;
}

/* Giữ nội dung trận đấu phía trên ảnh nền */
html.dark #site-main.latkeo-emerald-home {
    position: relative;
    z-index: 1;
}

@media (max-width: 768px) {
    html.dark body:has(#site-main.latkeo-emerald-home) {
        background-attachment: scroll !important;
    }
}