/* index.css — styles scoped to index/search pages only */

/* --- Date nav (arrows + picker) --- */
.page-index .date-nav { gap: .75rem; }

.page-index .date-nav .date-nav-btn{
  display:inline-flex; align-items:center; justify-content:center;
  width:42px; height:42px; border-radius:999px;
  border:1px solid rgba(22,163,74,.35);
  background:#fff; color:#16a34a;
  font-weight:900; font-size:22px; line-height:1;
  box-shadow:0 2px 10px rgba(22,163,74,.10);
  transition:transform .12s ease, box-shadow .12s ease, background .12s ease, border-color .12s ease;
}
.page-index .date-nav .date-nav-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 8px 20px rgba(22,163,74,.15);
  background:#f6fef8; border-color:#16a34a;
}
.page-index .date-nav .date-nav-btn:focus{
  outline:none; box-shadow:0 0 0 4px rgba(22,163,74,.18);
}
.page-index .date-nav .date-nav-btn.disabled,
.page-index .date-nav .date-nav-btn.disabled:hover{
  opacity:.45; cursor:not-allowed; transform:none;
  box-shadow:none; background:#fff; border-color:rgba(22,163,74,.25);
}

/* Keep arrows + date aligned */
.page-index section.sticky-top .container-xxl{
  display:flex; align-items:center; justify-content:space-between; gap:.5rem;
}

/* --- Native date input pill --- */
.page-index #datePicker{
  appearance:auto; -webkit-appearance:menulist; /* let OS date UI show */
  accent-color:#16a34a;                         /* spin/highlight tone */
  max-width:220px; border-radius:999px;
  padding:.60rem .95rem;
  border:2px solid rgba(22,163,74,.45);
  background:linear-gradient(180deg,#ffffff 0%, #f6fef8 100%);
  box-shadow:0 8px 22px rgba(22,163,74,.08);
  color:#0f172a; font-weight:700; font-size:1.05rem;
  font-variant-numeric:tabular-nums; line-height:1.2;
  width:auto !important; flex:0 0 auto !important; min-width:180px;
}
.page-index #datePicker:hover{
  border-color:#16a34a; box-shadow:0 10px 26px rgba(22,163,74,.12);
}
.page-index #datePicker:focus{
  outline:none; border-color:#16a34a; box-shadow:0 0 0 4px rgba(22,163,74,.18);
}

@media (max-width:420px){
  .page-index #datePicker{ text-align:center; }
}

/* --- Page title & meta chips --- */
.page-index .page-title.h5{ font-size:1.25rem; font-weight:800; letter-spacing:.2px; }
.page-index .page-title .date-chip{
  display:inline-block; background:#111; color:#fff !important;
  padding:.25rem .55rem; border-radius:.55rem; font-weight:700;
}
.page-index #tzLabelSmall{
  display:inline-block; padding:.25rem .55rem;
  background:var(--green-soft); border:1px solid rgba(22,163,74,.25);
  color:#065f46 !important; border-radius:.55rem; font-weight:600;
}

/* --- Sticky bar lift --- */
.page-index section.sticky-top{ box-shadow:0 6px 18px rgba(0,0,0,.04); }