/* TipZ365 V3 modular CSS entry point */
@import url("./base.css");
@import url("./filters.css");
@import url("./cards-tables.css");
@import url("./betslip.css");
@import url("./themes.css");
@import url("./mobile.css");
@import url("./go-button.css");
@import url("./light-anthracite.css");
@import url("./branding.css");
@import url("./selections.css");

/* Quick Analysis: Predctmixcat team / fixture search */
.quick-search-card { margin-top:16px; margin-bottom:14px; }
.quick-search-head { display:flex; align-items:flex-end; justify-content:space-between; gap:18px; flex-wrap:wrap; }
.quick-search-head h2 { margin:0 0 5px; }
.quick-search-controls { display:flex; gap:8px; align-items:center; flex:1; justify-content:flex-end; min-width:min(100%, 420px); }
.quick-search-controls input { min-width:280px; max-width:560px; flex:1; }
.quick-search-button {
  width:auto; min-width:76px; height:34px; padding:0 14px;
  border:1px solid #b91c1c; border-radius:8px;
  background:#dc2626; color:#fff; font-size:12px; font-weight:700;
  line-height:1; letter-spacing:.2px; cursor:pointer;
  display:inline-flex; align-items:center; justify-content:center;
}
.quick-search-button:hover { background:#b91c1c; }
.quick-search-button:disabled { opacity:.65; cursor:wait; }
.quick-search-status { margin-top:10px; min-height:20px; }
.quick-search-results { margin-top:10px; }
.quick-search-section-title { margin:12px 0 6px; font-size:12px; font-weight:700; color:var(--ink-2); }
.quick-search-table-wrap {
  overflow:auto; max-height:58vh; border-radius:10px;
  padding-bottom:10px;
}
.quick-search-table { white-space:nowrap; margin-bottom:2px; }
.quick-search-table th { position:sticky; top:0; z-index:2; }
.quick-search-table .quick-model-value { color:#22c55e; font-weight:700; }
.quick-bookmaker-block { margin-top:14px; }
.quick-bookmaker-title { margin-bottom:6px; }
.quick-bookmaker-table-wrap { max-height:42vh; }
.quick-bookie-value { color:var(--bookie); font-weight:700; }
.quick-market-name { font-weight:600; }
.quick-search-no-odds { margin-top:14px; }
@media (max-width:700px) {
  .quick-search-controls { min-width:100%; flex-wrap:wrap; }
  .quick-search-controls input { min-width:0; width:100%; flex-basis:100%; }
  .quick-search-button { min-width:82px; }
}


/* Quick Analysis bookmaker accents */
.quick-bookmaker-table .qa-bookmaker-header{border-bottom-width:3px!important;border-bottom-style:solid!important;}
.quick-bookmaker-table .qa-1xbet{border-color:#0B6DFF!important;}
.quick-bookmaker-table .qa-bet365{border-color:#0A8F3D!important;}
.quick-bookmaker-table .qa-pinnacle{border-color:#F28C18!important;}
.quick-bookmaker-table .qa-tipwin{border-color:#C62828!important;}
.quick-bookmaker-table .qa-bet3000{border-color:#D8A300!important;}
.quick-bookmaker-table .qa-betano{border-color:#F26A21!important;}
.quick-bookmaker-table .qa-betfair-exchange{border-color:#D9A11A!important;}
.quick-bookmaker-table .qa-fanduel{border-color:#1E88E5!important;}
.quick-bookmaker-table .qa-kambi-group{border-color:#29B6F6!important;}
.quick-bookmaker-table .qa-mybookie{border-color:#7E57C2!important;}
.quick-bookmaker-table .qa-tipico{border-color:#D32F2F!important;}
.quick-bookmaker-table .qa-tiptorro{border-color:#2E7D32!important;}
.quick-bookmaker-table .qa-william-hill{border-color:#E6D000!important;}


/* Quick Analysis section colors */
.quick-search-section-title{
  color:#43A047;
  font-weight:700;
}

.quick-search-bookmaker-title{
  color:#42A5F5;
  font-weight:700;
}

/* Predictions table: approved final styling */
html[data-theme="dark"] #table thead th {
  color: #e5e7eb !important;
  background: #151a1f !important;
  font-weight: 600 !important;
}

html[data-theme="dark"] #table thead th.col-market { color: #2196f3 !important; }
html[data-theme="dark"] #table thead th.col-displayFair { color: #ff1f1f !important; }
html[data-theme="dark"] #table thead th.col-bookie-best-odds { color: #39d353 !important; }

html[data-theme="dark"] #table tbody tr:nth-child(odd) td {
  background-color: #080a0c !important;
}
html[data-theme="dark"] #table tbody tr:nth-child(even) td {
  background-color: #171c21 !important;
}
html[data-theme="dark"] #table tbody tr:nth-child(odd):hover td {
  background-color: #101419 !important;
}
html[data-theme="dark"] #table tbody tr:nth-child(even):hover td {
  background-color: #20262c !important;
}

/* Market: blue text with thin oval blue outline, no filled square. */
html[data-theme="dark"] #table tbody .pill {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 25px !important;
  padding: 2px 12px !important;
  color: #2196f3 !important;
  background: transparent !important;
  border: 1px solid #2196f3 !important;
  border-radius: 999px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
}

/* Fair and Bookie: colored text only, transparent cells. */
html[data-theme="dark"] #table tbody td.fair-odds-cell,
html[data-theme="dark"] #table tbody td.bookie-odds-cell {
  background: transparent !important;
  border-radius: 0 !important;
  text-align: center !important;
  font-weight: 500 !important;
  font-variant-numeric: tabular-nums;
}
html[data-theme="dark"] #table tbody td.fair-odds-cell {
  color: #ff1f1f !important;
}
html[data-theme="dark"] #table tbody td.bookie-odds-cell {
  color: #39d353 !important;
}

/* Keep colored odds transparent on hover so only the zebra row brightens. */
html[data-theme="dark"] #table tbody tr:hover td.fair-odds-cell,
html[data-theme="dark"] #table tbody tr:hover td.bookie-odds-cell {
  background: transparent !important;
}
