/* =========================================================================
 * catch-times.css — "Best Times to Fish" (solunar) dashboard.
 * NASA "mission-control" look, matched to the water-temps panel. The section
 * shell (.bt-sec) reuses the same dark-grid + LIVE-badge language as .wt-sec
 * from seo-pages.css; everything panel-specific is namespaced .bt-*.
 * ========================================================================= */

/* Section shell: dark radial bg + faint cyan grid (mirrors .wt-sec). */
.bt-sec{position:relative;overflow:hidden;
  background:radial-gradient(120% 130% at 100% 0%, #15324c, #0a1622 58%, #060d15)}
.bt-sec::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.6;
  background-image:linear-gradient(rgba(90,200,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(90,200,255,.055) 1px,transparent 1px);
  background-size:36px 36px}
.bt-sec>.wrap{position:relative;z-index:1}
.bt-sec .sec-head .eyebrow{color:#5ad0ff;letter-spacing:3px;font-family:ui-monospace,"Cascadia Code",monospace}
.bt-sec .sec-head h2{color:#eaf6ff}

/* Glass card with the ambient scan-line sweep (mirrors .wt-card). */
.bt-card{position:relative;overflow:hidden;background:rgba(12,26,40,.7);
  border:1px solid rgba(90,200,255,.26);border-radius:16px;padding:1.6rem;
  box-shadow:0 16px 46px rgba(0,0,0,.55),inset 0 0 40px rgba(90,200,255,.045);
  backdrop-filter:blur(5px)}
.bt-card::after{content:"";position:absolute;left:0;right:0;top:0;height:40%;pointer-events:none;
  background:linear-gradient(180deg,rgba(90,200,255,.10),transparent);animation:wtscan 5.5s linear infinite}
.bt-card>*{position:relative;z-index:1}

/* Day rating readout (big glowing number). */
.bt-score{text-align:center;margin-bottom:.4rem}
.bt-score__num{font-family:ui-monospace,"Cascadia Code",monospace;font-size:4.2rem;font-weight:900;
  line-height:.9;text-shadow:0 0 24px currentColor}
.bt-score__den{font-size:1.3rem;opacity:.6;margin-left:2px;font-weight:800}
.bt-score__label{font-family:ui-monospace,monospace;letter-spacing:3px;text-transform:uppercase;
  font-size:.95rem;font-weight:800;margin-top:.15rem;text-shadow:0 0 14px currentColor}
.bt-score__date{color:rgba(190,214,234,.62);font-family:ui-monospace,monospace;font-size:.78rem;margin-top:.25rem}

.bt-insight{background:rgba(90,200,255,.08);border-left:4px solid #5ad0ff;color:#dcecfb;
  margin:1rem 0;padding:.7rem .9rem;border-radius:0 10px 10px 0;font-size:.96rem}

/* The 24h bite-intensity chart (centerpiece). */
.bt-chart-wrap{margin:1.1rem 0}
.bt-chart-title{color:#eaf6ff;font-family:ui-monospace,monospace;font-size:.8rem;letter-spacing:2px;
  text-transform:uppercase;margin-bottom:.4rem;opacity:.85}
.bt-chart{width:100%;height:auto;display:block}
.bt-chart-legend{display:flex;flex-wrap:wrap;gap:.4rem 1.1rem;justify-content:center;margin-top:.5rem;
  color:rgba(190,214,234,.7);font-family:ui-monospace,monospace;font-size:.72rem}
.bt-chart-legend span{display:inline-flex;align-items:center;gap:.35rem}
.bt-dot{width:9px;height:9px;border-radius:2px;display:inline-block}
.bt-dot--curve{background:#5ad0ff;box-shadow:0 0 8px #5ad0ff}
.bt-dot--peak{background:#36e07f;box-shadow:0 0 8px #36e07f;border-radius:50%}
.bt-dot--now{background:#ffd166;box-shadow:0 0 8px #ffd166;border-radius:50%}

/* Major / minor period chips. */
.bt-periods{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.1rem}
.bt-pcol__head{font-family:ui-monospace,monospace;font-size:.74rem;letter-spacing:2px;text-transform:uppercase;
  margin-bottom:.45rem;font-weight:800}
.bt-pcol__head--major{color:#36e07f}
.bt-pcol__head--minor{color:#5ad0ff}
.bt-chip{display:flex;flex-direction:column;gap:.1rem;padding:.55rem .7rem;border-radius:10px;margin-bottom:.5rem;
  background:rgba(14,32,48,.66);border:1px solid rgba(90,200,255,.2)}
.bt-chip--major{border-left:3px solid #36e07f}
.bt-chip--minor{border-left:3px solid #5ad0ff}
.bt-chip__time{font-family:ui-monospace,"Cascadia Code",monospace;font-size:1.02rem;font-weight:800;color:#eaf6ff}
.bt-chip__lab{font-size:.74rem;color:rgba(190,214,234,.66)}

/* Sunrise / sunset / moon tiles. */
.bt-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin-top:1.1rem}
.bt-tile{text-align:center;padding:.8rem .5rem;border-radius:12px;
  background:rgba(14,32,48,.6);border:1px solid rgba(90,200,255,.2)}
.bt-tile__ico{font-size:1.5rem;line-height:1}
.bt-tile__val{font-family:ui-monospace,"Cascadia Code",monospace;font-size:1.25rem;font-weight:900;color:#eaf6ff;
  margin-top:.25rem;text-shadow:0 0 14px rgba(90,200,255,.45)}
.bt-tile__lab{font-size:.72rem;color:rgba(190,214,234,.66);font-family:ui-monospace,monospace;margin-top:.1rem}

.bt-foot{margin-top:1.1rem;text-align:center;font-size:.74rem;color:rgba(190,214,234,.5);font-family:ui-monospace,monospace}

@media(max-width:620px){
  .bt-periods{grid-template-columns:1fr}
  .bt-score__num{font-size:3.3rem}
}