/* Baza de cufere — peste items/style.css */
.cf-index h1 { color: #f2e6c9; }
.cf-card i { color: #a7b0c2; }

/* rezultatele pe obiect (cand cauti un item, nu un cufar) */
.cf-mode { margin: 2px 0 18px; }
.cf-hits { display: grid; gap: 8px; }
.cf-hit { padding: 11px 13px; border-radius: 14px;
  background: linear-gradient(180deg, rgba(245,197,66,.07), rgba(255,255,255,.015));
  border: 1px solid rgba(245,197,66,.24); }
.cf-hit-h { display: flex; align-items: center; gap: 9px; }
.cf-hit-h img { width: 30px; height: 30px; flex: none; object-fit: contain; image-rendering: pixelated; }
.cf-hit-h b { font: 800 14px/1.2 Inter, sans-serif; }
.cf-hit-h b a { color: #f2e6c9; text-decoration: none; }
.cf-hit-h b a:hover { color: #f5c542; }
.cf-hit-h span { margin-left: auto; font: 600 11.5px/1 Inter, sans-serif; color: #8d95a8; white-space: nowrap; }
.cf-hit-l { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 9px; }
.cf-hit-l a { padding: 5px 10px; border-radius: 999px; text-decoration: none;
  font: 600 12px/1.2 Inter, sans-serif; color: #c3cad9;
  background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.12); }
.cf-hit-l a:hover { color: #f5c542; border-color: rgba(245,197,66,.5); background: rgba(245,197,66,.1); }

/* pagina unui cufar */
.cf-page .ob-ic { background: rgba(245,197,66,.1); border-color: rgba(245,197,66,.3); }
.cf-sum { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 18px; }
.cf-sum .bon-v { color: #f5c542; }

.cf-tbl td.nume { text-align: left; }
.cf-tbl td.nume a, .cf-tbl td.nume span.plain { display: flex; align-items: center; gap: 10px; text-decoration: none; }
.cf-tbl td.nume img { width: 30px; height: 30px; flex: none; object-fit: contain; image-rendering: pixelated; }
.cf-tbl td.nume b { font: 700 13px/1.3 Inter, sans-serif; color: #e8ecf6; }
.cf-tbl td.nume a:hover b { color: #f5c542; }
.cf-tbl td.q { color: #a7b0c2; font-variant-numeric: tabular-nums; }
.cf-tbl td.s { font-weight: 800; font-variant-numeric: tabular-nums; }
.cf-tbl td.s.bun { color: #7bd389; }
.cf-tbl td.s.med { color: #f0b429; }
.cf-tbl td.s.slab { color: #ff8095; }
.cf-tbl td.s.rar { color: #c08bff; }
.cf-bar { display: block; height: 3px; margin-top: 4px; border-radius: 2px; background: currentColor; opacity: .45; }

.cf-gol { padding: 14px 16px; border-radius: 13px; background: rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.08); font: 500 13px/1.5 Inter, sans-serif; color: #a7b0c2; }

@media (max-width: 640px) {
  .cf-tbl td.nume b { font-size: 12.5px; white-space: normal; }
  .cf-tbl { white-space: normal; }
}

/* trimiterea catre simulator */
.sim-cta { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin: 16px 0 18px; }
.sim-cta a.m2b { text-decoration: none; background: rgba(245,197,66,.14); border-color: rgba(245,197,66,.5); color: #f5c542; }
.sim-cta a.m2b:hover { background: rgba(245,197,66,.22); }
.sim-cta i { font-style: normal; font: 500 12.5px/1.4 Inter, sans-serif; color: #8d95a8; }