/**
 * KNC live-score and match schedule UI
 * Generated from keonhacai10-flatsome-optimized.css.
 * Load through inc/knc-assets.php; do not use @import.
 */

#wp-sport-app-2 .vc-container .vc-title,
#wp-sport-app-2 .vc-container .vc-weekday,
#wp-sport-app-2 .vc-container .vc-day-content {
color: var(--live-text) !important;
}

#wp-sport-app-2 .vc-container .is-not-in-month .vc-day-content {
color: var(--knc-gray-400) !important;
}

#wp-sport-app-2 .vc-container .vc-highlight-bg-solid {
background: var(--live-gold) !important;
}

#wp-sport-app-2
.vc-container
.vc-day-content.vc-highlight-content-solid {
color: var(--knc-white) !important;
}

#wp-sport-app-2
.vc-container
.vc-day-content.vc-red:not(.vc-highlight-content-solid) {
color: var(--live-gold-dark) !important;
}

#wp-sport-app-2 .vc-container .vc-dot {
background: var(--live-gold) !important;
}

#wp-sport-app-2 .vc-container .vc-footer-btn,
#wp-sport-app-2 .vc-container .vc-prev:hover,
#wp-sport-app-2 .vc-container .vc-next:hover {
color: var(--live-gold-dark) !important;
}

#wp-sport-app-2[data-page="livescore"] {
--ls-green: var(--knc-green, #00B94F);
  --ls-green-light: var(--knc-green-light, #20E866);
  --ls-green-dark: var(--knc-green-dark, #013E2B);
  --ls-green-deep: var(--background-dark, #012D22);
  --ls-green-mid: var(--secondary, #0D5D3E);
  --ls-green-soft: var(--knc-green-bg, #E9FFF2);
  --ls-green-pale: #F5FFF8;
  --ls-text: var(--knc-text, #0C2440);
  --ls-muted: var(--knc-muted, #73808C);
  --ls-border: var(--knc-border, #DCE7E1);
  --ls-white: var(--knc-white, #FFFFFF);
  color: var(--ls-text);
}

#wp-sport-app-2[data-page="livescore"] .sport-live-container {
overflow: hidden;
  border: 1px solid rgba(0, 185, 79, .34);
  border-radius: 12px;
  background: var(--ls-white);
  box-shadow:
    0 10px 30px rgba(1, 62, 43, .09),
    0 1px 2px rgba(1, 62, 43, .08);
}

#wp-sport-app-2[data-page="livescore"] .filter-tabs {
display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 10px 12px;
  border-bottom: 1px solid rgba(0, 185, 79, .24);
  background: linear-gradient(135deg, #F8FFFA 0%, var(--ls-green-soft) 100%);
}

#wp-sport-app-2[data-page="livescore"] .filter-tabs .tab-button,
#wp-sport-app-2[data-page="livescore"] .filter-leagues-btn,
#wp-sport-app-2[data-page="livescore"] .date-nav-btn,
#wp-sport-app-2[data-page="livescore"] .date-display-btn {
min-height: 34px;
  margin: 0;
  border: 1px solid rgba(1, 62, 43, .18) !important;
  border-radius: 6px;
  color: var(--ls-text) !important;
  background: var(--ls-white) !important;
  box-shadow: 0 1px 2px rgba(1, 62, 43, .05);
  transition:
    color .18s ease,
    border-color .18s ease,
    background .18s ease,
    box-shadow .18s ease,
    transform .18s ease;
}

#wp-sport-app-2[data-page="livescore"] .filter-tabs .tab-button:hover,
#wp-sport-app-2[data-page="livescore"] .filter-leagues-btn:hover,
#wp-sport-app-2[data-page="livescore"] .date-nav-btn:hover,
#wp-sport-app-2[data-page="livescore"] .date-display-btn:hover {
color: var(--ls-green-dark) !important;
  border-color: var(--ls-green) !important;
  background: var(--ls-green-soft) !important;
  box-shadow: 0 4px 10px rgba(0, 185, 79, .10);
  transform: translateY(-1px);
}

#wp-sport-app-2[data-page="livescore"] .filter-tabs .tab-button.active,
#wp-sport-app-2[data-page="livescore"] .filter-tabs .tab-button.active:hover {
color: var(--ls-white) !important;
  border-color: var(--ls-green) !important;
  background: linear-gradient(110deg, var(--ls-green-dark) 0%, var(--ls-green) 72%, var(--ls-green-light) 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .18),
    0 5px 12px rgba(0, 185, 79, .20);
  transform: none;
}

#wp-sport-app-2[data-page="livescore"] .filter-tabs .tab-button:focus-visible,
#wp-sport-app-2[data-page="livescore"] .filter-leagues-btn:focus-visible,
#wp-sport-app-2[data-page="livescore"] .date-nav-btn:focus-visible,
#wp-sport-app-2[data-page="livescore"] .date-display-btn:focus-visible {
outline: 2px solid var(--ls-green-light);
  outline-offset: 2px;
}

#wp-sport-app-2[data-page="livescore"] .filter-tabs .right-side {
display: flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
}

#wp-sport-app-2[data-page="livescore"] .home_filterbar-live.red {
background: var(--ls-green) !important;
  border-color: var(--ls-green) !important;
  box-shadow: 0 0 0 3px rgba(0, 185, 79, .15) !important;
}

#wp-sport-app-2[data-page="livescore"] .vc-popover-content-wrapper.is-interactive,
#wp-sport-app-2[data-page="livescore"] .vc-container {
border-color: rgba(0, 185, 79, .30) !important;
  border-radius: 10px !important;
  box-shadow: 0 14px 34px rgba(1, 62, 43, .16) !important;
}

#wp-sport-app-2[data-page="livescore"] .vc-container .vc-highlight-bg-solid {
background: linear-gradient(135deg, var(--ls-green-dark), var(--ls-green)) !important;
}

#wp-sport-app-2[data-page="livescore"] .vc-container .vc-dot {
background: var(--ls-green) !important;
}

#wp-sport-app-2[data-page="livescore"] .match-list-scroll {
background: var(--ls-white);
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 185, 79, .64) #EEF5F1;
}

#wp-sport-app-2[data-page="livescore"] .match-list-scroll::-webkit-scrollbar {
width: 7px;
}

#wp-sport-app-2[data-page="livescore"] .match-list-scroll::-webkit-scrollbar-track {
background: #EEF5F1;
}

#wp-sport-app-2[data-page="livescore"] .match-list-scroll::-webkit-scrollbar-thumb {
border: 1px solid #EEF5F1;
  border-radius: 10px;
  background: linear-gradient(180deg, var(--ls-green-light), var(--ls-green-dark));
}

#wp-sport-app-2[data-page="livescore"] .league-header {
min-height: 38px;
  border-top: 1px solid rgba(0, 185, 79, .22);
  border-bottom: 1px solid rgba(0, 185, 79, .22);
  border-left: 4px solid var(--ls-green);
  color: var(--ls-green-dark);
  background: linear-gradient(90deg, #E5F9ED 0%, #F4FFF7 72%, #E9FFF2 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .75);
  transition: background .18s ease;
}

#wp-sport-app-2[data-page="livescore"] .league-header:hover {
background: linear-gradient(90deg, #D9F7E5 0%, #F1FFF5 100%) !important;
}

#wp-sport-app-2[data-page="livescore"] .league-header .league-name {
color: var(--ls-green-dark) !important;
  font-weight: 800;
}

#wp-sport-app-2[data-page="livescore"] .league-header .country-name {
color: var(--ls-muted) !important;
}

#wp-sport-app-2[data-page="livescore"] .league-header .country-flag {
border-radius: 2px;
  box-shadow: 0 1px 2px rgba(1, 62, 43, .18);
}

#wp-sport-app-2[data-page="livescore"] .league-header .chevron-wrapper,
#wp-sport-app-2[data-page="livescore"] .league-header .chevron-icon {
color: var(--ls-green-mid) !important;
}

#wp-sport-app-2[data-page="livescore"] .match-row {
border-bottom: 1px solid var(--ls-border);
  color: var(--ls-text);
  background: var(--ls-white);
  transition:
    background .18s ease,
    box-shadow .18s ease;
}

#wp-sport-app-2[data-page="livescore"] .match-row:nth-of-type(even) {
background: #FBFEFC;
}

#wp-sport-app-2[data-page="livescore"] .match-row:hover {
background: linear-gradient(90deg, #F5FFF8 0%, #ECFFF3 100%);
  box-shadow: inset 3px 0 0 rgba(0, 185, 79, .48);
}

#wp-sport-app-2[data-page="livescore"] .match-time,
#wp-sport-app-2[data-page="livescore"] .match-status,
#wp-sport-app-2[data-page="livescore"] .match-score,
#wp-sport-app-2[data-page="livescore"] .half-time-score {
color: var(--ls-green-dark) !important;
  font-weight: 700;
}

#wp-sport-app-2[data-page="livescore"] .match-date-prefix,
#wp-sport-app-2[data-page="livescore"] .half-time-score {
color: var(--ls-muted) !important;
  font-size: .84em;
}

#wp-sport-app-2[data-page="livescore"] .team-name {
color: var(--ls-text) !important;
  font-weight: 600;
}

#wp-sport-app-2[data-page="livescore"] .team-logo {
object-fit: contain;
  filter: drop-shadow(0 1px 1px rgba(1, 62, 43, .10));
}

#wp-sport-app-2[data-page="livescore"] .btn-favorite,
#wp-sport-app-2[data-page="livescore"] .icon-star {
color: #A5B1AA !important;
  transition: color .18s ease, transform .18s ease;
}

#wp-sport-app-2[data-page="livescore"] .btn-favorite:hover,
#wp-sport-app-2[data-page="livescore"] .btn-favorite:hover .icon-star {
color: var(--ls-green) !important;
  transform: scale(1.06);
}

#wp-sport-app-2[data-page="livescore"] .match-odds {
gap: 4px;
}

#wp-sport-app-2[data-page="livescore"] .odd-box {
min-height: 28px;
  border: 1px solid rgba(0, 185, 79, .58) !important;
  border-radius: 5px;
  color: var(--ls-text) !important;
  background: linear-gradient(180deg, #FFFFFF 0%, #F8FFFA 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .84);
  transition:
    color .16s ease,
    border-color .16s ease,
    background .16s ease,
    box-shadow .16s ease,
    transform .16s ease;
}

#wp-sport-app-2[data-page="livescore"] .odd-box:hover {
color: var(--ls-green-dark) !important;
  border-color: var(--ls-green) !important;
  background: var(--ls-green-soft) !important;
  box-shadow: 0 3px 8px rgba(0, 185, 79, .13);
  transform: translateY(-1px);
}

#wp-sport-app-2[data-page="livescore"] .loading-text,
#wp-sport-app-2[data-page="livescore"] .load-more-trigger {
color: var(--ls-green-dark) !important;
  background: var(--ls-green-pale);
}

@media (max-width: 849px) {
  #wp-sport-app-2[data-page="livescore"] .sport-live-container {
  border-radius: 9px;
  }

  #wp-sport-app-2[data-page="livescore"] .filter-tabs {
  gap: 6px;
      padding: 8px;
  }

  #wp-sport-app-2[data-page="livescore"] .filter-tabs .right-side {
  width: 100%;
      margin-left: 0;
  }

  #wp-sport-app-2[data-page="livescore"] .league-header {
  min-height: 36px;
      border-left-width: 3px;
  }

  #wp-sport-app-2[data-page="livescore"] .match-row {
  font-size: 13px;
  }
}

@media (max-width: 549px) {
  #wp-sport-app-2[data-page="livescore"] .filter-tabs .tab-button,
  #wp-sport-app-2[data-page="livescore"] .filter-leagues-btn,
  #wp-sport-app-2[data-page="livescore"] .date-nav-btn,
  #wp-sport-app-2[data-page="livescore"] .date-display-btn {
  min-height: 32px;
      font-size: 12px;
  }

  #wp-sport-app-2[data-page="livescore"] .odd-box {
  min-height: 26px;
      border-radius: 4px;
      font-size: 11px;
  }

  #wp-sport-app-2[data-page="livescore"] .team-name {
  font-size: 12px;
  }
}

@media (prefers-reduced-motion: reduce) {
  #wp-sport-app-2[data-page="livescore"] * {
  scroll-behavior: auto !important;
      transition: none !important;
      animation: none !important;
  }
}