/* Homepage schedule final overrides. Loaded after the main schedule stylesheet. */
html[data-theme="hard_japan"] .home-schedule {
  --home-schedule-compact-accent: #ff2448;
  --home-schedule-compact-accent-2: #ff7a1a;
  --home-schedule-compact-text: #f8f7ff;
  --home-schedule-compact-muted: rgba(248, 247, 255, 0.68);
  --home-schedule-compact-line: rgba(255, 36, 72, 0.48);
  --home-schedule-compact-panel: rgba(9, 8, 20, 0.82);
  --home-schedule-compact-chip: rgba(255, 255, 255, 0.065);
}

html[data-theme="neon"] .home-schedule {
  --home-schedule-compact-accent: #19e6ff;
  --home-schedule-compact-accent-2: #b75cff;
  --home-schedule-compact-text: #f6fbff;
  --home-schedule-compact-muted: rgba(246, 251, 255, 0.7);
  --home-schedule-compact-line: rgba(25, 230, 255, 0.5);
  --home-schedule-compact-panel: rgba(4, 9, 24, 0.84);
  --home-schedule-compact-chip: rgba(25, 230, 255, 0.08);
}

html[data-theme="light"] .home-schedule,
html[data-theme="light_japan"] .home-schedule {
  --home-schedule-compact-accent: #c92b46;
  --home-schedule-compact-accent-2: #2f9a66;
  --home-schedule-compact-text: #111827;
  --home-schedule-compact-muted: rgba(17, 24, 39, 0.68);
  --home-schedule-compact-line: rgba(201, 43, 70, 0.34);
  --home-schedule-compact-panel: rgba(255, 255, 255, 0.9);
  --home-schedule-compact-chip: rgba(17, 24, 39, 0.055);
}

html[data-theme="anime_classic"] .home-schedule,
html[data-theme="donghua"] .home-schedule,
html[data-theme="drama"] .home-schedule,
html[data-theme="movie"] .home-schedule {
  --home-schedule-compact-accent: var(--home-schedule-accent, #32b8c6);
  --home-schedule-compact-accent-2: color-mix(in srgb, var(--home-schedule-compact-accent) 55%, #ff3159);
}

.home-schedule__quick-btn.is-active {
  background:
    radial-gradient(circle at 50% 0%, rgba(255, 255, 255, 0.18), transparent 60%),
    linear-gradient(180deg, var(--home-schedule-compact-accent), color-mix(in srgb, var(--home-schedule-compact-accent) 70%, #230814)) !important;
}

html[data-theme="neon"] .home-schedule__quick-btn.is-active {
  color: #061020 !important;
  text-shadow: none !important;
  background:
    linear-gradient(135deg, var(--home-schedule-compact-accent), var(--home-schedule-compact-accent-2)) !important;
  box-shadow: 0 0 28px rgba(25, 230, 255, 0.24) !important;
}

html[data-theme="light"] .home-schedule__quick-btn.is-active,
html[data-theme="light_japan"] .home-schedule__quick-btn.is-active {
  color: #ffffff !important;
  border-color: transparent !important;
  background:
    linear-gradient(180deg, var(--home-schedule-compact-accent), color-mix(in srgb, var(--home-schedule-compact-accent) 72%, #6b1020)) !important;
  box-shadow: 0 12px 26px rgba(201, 43, 70, 0.2) !important;
}

.home-schedule__filters {
  align-items: center !important;
}

.home-schedule__select {
  min-width: 196px !important;
  border-color: var(--home-schedule-compact-line) !important;
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--home-schedule-compact-panel) 92%, transparent), color-mix(in srgb, var(--home-schedule-compact-chip) 78%, transparent)) !important;
  color: var(--home-schedule-compact-text) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

.home-schedule__select:hover,
.home-schedule__select:focus-within {
  border-color: var(--home-schedule-compact-accent) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--home-schedule-compact-accent) 14%, transparent) !important;
}

.home-schedule__select select {
  color: var(--home-schedule-compact-text) !important;
  opacity: 1 !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.home-schedule__select option {
  background: #231617 !important;
  color: #f8f7ff !important;
}

.home-schedule__select i {
  color: var(--home-schedule-compact-accent) !important;
}

html[data-theme="neon"] .home-schedule__select {
  background:
    linear-gradient(135deg, rgba(25, 230, 255, 0.11), rgba(183, 92, 255, 0.09)),
    rgba(4, 9, 24, 0.9) !important;
  box-shadow: 0 0 18px rgba(25, 230, 255, 0.1) !important;
}

html[data-theme="neon"] .home-schedule__select option {
  background: #061020 !important;
  color: #eafdff !important;
}

html[data-theme="light"] .home-schedule__select,
html[data-theme="light_japan"] .home-schedule__select {
  background: rgba(255, 255, 255, 0.96) !important;
  box-shadow: 0 8px 22px rgba(17, 24, 39, 0.06) !important;
}

html[data-theme="light"] .home-schedule__select option,
html[data-theme="light_japan"] .home-schedule__select option {
  background: #ffffff !important;
  color: #111827 !important;
}

.home-schedule__inner.is-week-mode .home-schedule__body {
  max-height: 640px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding-right: 10px !important;
  overscroll-behavior: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--home-schedule-compact-accent) transparent;
}

.home-schedule__inner.is-week-mode .home-schedule__body::-webkit-scrollbar {
  width: 8px;
}

.home-schedule__inner.is-week-mode .home-schedule__body::-webkit-scrollbar-track {
  background: transparent;
}

.home-schedule__inner.is-week-mode .home-schedule__body::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: color-mix(in srgb, var(--home-schedule-compact-accent) 72%, transparent);
}

.home-schedule__inner.is-week-mode .home-schedule__lists {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.home-schedule__inner:not(.is-week-mode) .home-schedule__body {
  max-height: none !important;
  overflow: visible !important;
  padding-right: 0 !important;
}

html[data-theme="neon"] .home-schedule__countdown {
  color: var(--home-schedule-compact-accent) !important;
  text-shadow: 0 0 14px rgba(25, 230, 255, 0.32) !important;
}

html[data-theme="light"] .home-schedule__countdown,
html[data-theme="light_japan"] .home-schedule__countdown {
  color: var(--home-schedule-compact-accent) !important;
}

@media (max-width: 767px) {
  .home-schedule__select {
    min-width: 0 !important;
  }

  .home-schedule__inner.is-week-mode .home-schedule__body {
    max-height: 610px !important;
    padding-right: 6px !important;
  }

  .home-schedule__inner.is-week-mode .home-schedule__lists {
    grid-template-columns: 1fr !important;
  }
}