/* Certify prices page */
:root{--navy:#001f54;--blue:#00a8e8}
#trade-wrapper{max-width:1100px;margin:0 auto;padding:20px}
#trade-wrapper .title h3{color:var(--navy)}

/* mode toggle (line/candle icons) */
#mode-toggle{display:flex;gap:8px}
#mode-toggle .mode-btn{
  width:36px;height:36px;background:#eef2f7;border:none;border-radius:8px;cursor:pointer;
  color:#7b8794;display:flex;align-items:center;justify-content:center;font-size:15px;
  transition:background .15s,color .15s;
}
#mode-toggle .mode-btn:hover{color:var(--navy)}
#mode-toggle .mode-btn.active{background:var(--navy);color:#fff}

/* product pills */
#product-pills .pill{
  background:#eef2f7;border:none;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:600;
  color:#33404d;cursor:pointer;transition:background .15s,color .15s;
}
#product-pills .pill:hover{color:var(--navy)}
#product-pills .pill.active{background:var(--navy);color:#fff}

/* interval row */
#interval-row .iv-label{font-size:13px;color:#7b8794;font-weight:600}
#sel-interval{
  background:#eef2f7;color:#33404d;border:1px solid #d8dee6;border-radius:6px;
  padding:6px 10px;font-size:13px;font-weight:600;cursor:pointer;
}

/* tickers */
#ticker-strip{display:flex;align-items:center;gap:16px;margin:16px 0;flex-wrap:nowrap}
#lastprices-chips{display:flex;gap:8px;flex-wrap:nowrap;white-space:nowrap;font-size:13px}
#lastprices-chips .chip{background:#eef2f7;border-radius:4px;padding:3px 8px;font-weight:700;color:var(--navy);white-space:nowrap}
#lastprices-chips .chip b{font-weight:800}
#lasttrades-marquee{flex:1;overflow:hidden;position:relative;height:26px;min-width:0}
#lasttrades-marquee .track{display:inline-flex;gap:20px;white-space:nowrap;font-size:13px;color:#33404d;
  animation:certify-scroll 30s linear infinite;position:absolute;top:0;left:0}
#lasttrades-marquee:hover .track{animation-play-state:paused}
@keyframes certify-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* charts */
#desc{margin:20px 0}
#futuresAnim{background-size:100% auto;background-repeat:no-repeat;width:100%;max-width:1000px;height:500px;background-position:0 0}
#forward-table{border-collapse:collapse;width:100%;max-width:1000px;font-size:13px}
#forward-table th{background:#f0f3f7;text-align:left;padding:7px 9px;color:#33404d}
#forward-table td{padding:7px 9px;border-bottom:1px solid #eee}
#futures-product{background:var(--navy);color:#fff;border:2px solid var(--blue);border-radius:5px;padding:8px;font-size:14px;cursor:pointer}
#playpause{width:36px;height:36px;background:var(--blue);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;line-height:1}
#playpause:hover{filter:brightness(.92)}
/* hide the wordpress page title (old page had none) */
.page-header{display:none}
@media (max-width:700px){#ticker-strip{flex-direction:column;align-items:flex-start;gap:8px}}