/* ===== TCM Attractions — Frontend CSS ===== */

/* TCM Table — refinements over Bootstrap table-dark */
.tcm-table thead th{font-family:'Poppins',sans-serif;font-size:11px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}
.tcm-table tbody tr:hover{--bs-table-hover-bg:rgba(240,192,64,.06)}
.tcm-table.table-striped>tbody>tr:nth-of-type(odd)>*{--bs-table-striped-bg:rgba(255,255,255,.03)}

/* text-gold utility (if not in theme) */
.text-gold{color:#f0c040!important}

/* badge-tcm */
.badge-tcm{background:rgba(240,192,64,.12);border:1px solid rgba(240,192,64,.3);color:#f0c040;font-weight:600;letter-spacing:.5px;font-size:11px}

/* Wait time badges */
.wait-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:6px;font-family:'Poppins',sans-serif;font-weight:700;font-size:12px;white-space:nowrap}
.wait-green{background:rgba(74,222,128,.12);color:#4ade80;border:1px solid rgba(74,222,128,.25)}
.wait-yellow{background:rgba(250,204,21,.12);color:#facc15;border:1px solid rgba(250,204,21,.25)}
.wait-orange{background:rgba(251,146,60,.12);color:#fb923c;border:1px solid rgba(251,146,60,.25)}
.wait-red{background:rgba(248,113,113,.12);color:#f87171;border:1px solid rgba(248,113,113,.25)}
.wait-closed{background:rgba(148,163,184,.1);color:#94a3b8;border:1px solid rgba(148,163,184,.2)}

/* Live dot animation */
.live-dot{width:8px;height:8px;border-radius:50%;background:#4ade80;display:inline-block;animation:tcm-pulse 2s infinite}
@keyframes tcm-pulse{0%,100%{opacity:1}50%{opacity:.3}}

/* Wait bar */
.wait-bar{height:6px;border-radius:3px;background:rgba(255,255,255,.06);overflow:hidden;flex:1}
.wait-bar-fill{height:100%;border-radius:3px;transition:width .6s ease}

/* Wait row layout */
.wait-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.04)}
.wait-row:last-child{border-bottom:0}
.wait-row-name{min-width:180px;font-weight:600;font-size:13px}

/* Filter pills */
.filter-pill{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#b0afc0;font-size:12px;font-weight:600;padding:6px 14px;border-radius:20px;cursor:pointer;transition:all .2s;font-family:'Poppins',sans-serif;user-select:none}
.filter-pill:hover,.filter-pill.active{background:rgba(240,192,64,.12);border-color:rgba(240,192,64,.3);color:#f0c040}

/* Responsive */
@media(max-width:767px){
  .wait-row{flex-wrap:wrap;gap:6px}
  .wait-row-name{min-width:100%;font-size:12px}
  .wait-bar{order:3;width:100%}
}