/* 縮小右側時間滑桿（套用在所有 day-section 內的 noUiSlider） */
.day-section .noUi-target {        /* 軌道高度更薄 */
  height: 6px;
}
.day-section .noUi-connects,
.day-section .noUi-connect {
  border-radius: 999px;
}

/* 把把手縮小＆對齊 */
.noUi-horizontal .noUi-handle {
  width: 18px;
  height: 18px;
  right: -9px;     /* 這兩行依照上面寬高對齊中心 */
  top: -6px;
  border-width: 2px;
}

/* Tooltip 更精簡，避免擋到下面內容 */
.day-section .noUi-tooltip {
  font-size: 12px;
  padding: 2px 6px;
  min-width: 44px;
}

/* 刻度貼近一點、字體變小 */
.day-section .noUi-pips-horizontal { margin-top: 4px; }
.day-section .noUi-value { font-size: 10px; }
.day-section .noUi-marker { height: 4px; }

/* 調整滑桿上下間距，讓下方快捷按鈕不會擠到 */
.day-section .mb-2 { margin-bottom: .25rem !important; }
.quick-pills { margin-top: .25rem; }

/* 確保 tooltip 疊在上層而不是把下面蓋住或被蓋住 */
#thuSlider, #friSlider, #satSlider, #sunSlider {
  position: relative;

  z-index: 1;
}

/* 手機或窄螢幕時，乾脆隱藏刻度，進一步避免重疊 */
@media (max-width: 992px) {
  .day-section .noUi-pips { display: none; }
  .day-section .noUi-tooltip { font-size: 11px; }
}


/* 三分區塊的排版 */
.day-block { padding: .5rem .75rem; }
.day-block + .day-block { margin-top: .5rem; }

/* 頂部：勾選 + 時間對齊 */
.day-block--header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* 中間：滑桿區塊加分隔線，避免視覺擠在一起 */
.day-block--slider {
  padding-top: .75rem;
  padding-bottom: .75rem;
  border-top: 1px dashed #2a2f55;
  border-bottom: 1px dashed #2a2f55;
}

/* 下方快選的間距微調 */
.day-block--quick .quick-pills { margin-top: .25rem; }

/*（選配）把滑桿再瘦一點，更不會重疊 */
.day-block--slider .noUi-target { height: 6px; }
.noUi-horizontal .noUi-handle { width: 18px; height: 18px; right: -9px; top: -6px; }
.day-block--slider .noUi-tooltip { font-size: 12px; padding: 2px 6px; min-width: 44px; }
.day-block--slider .noUi-pips-horizontal { margin-top: 4px; }
.day-block--slider .noUi-value { font-size: 10px; }
.day-block--slider .noUi-marker { height: 4px; }

/* ✅ 1) 右上角 toast 容器不攔截點擊；只有真的顯示的 toast 才可互動 */
.toast-container { z-index: 1080; pointer-events: none; }
.toast-container .toast { pointer-events: auto; }

/* ✅ 2) Hero 裝飾層不吃點擊；內容疊在上面 */
.hero { position: relative; }
.hero::after { pointer-events: none; z-index: 0; }
.hero > .container { position: relative; z-index: 1; }

/* ✅ 3) 下載按鈕區塊再墊高一層（防止其他零星覆蓋） */
.hero .ms-auto { position: relative; z-index: 5; }