/* Live search results inside the search panel */
.canvas-search .ibf-search-results { position: relative; min-height: 0; }
.canvas-search .ibf-search-results.is-loading { min-height: 80px; }
.canvas-search .ibf-search-results.is-loading::before {
  content: ""; position: absolute; left: 50%; top: 24px; width: 26px; height: 26px; margin-left: -13px;
  border: 2px solid var(--line, #ebebeb); border-top-color: #F95C4B; border-radius: 50%;
  animation: ibf-spin .7s linear infinite; }
.canvas-search .ibf-search-results.is-loading > * { opacity: .35; }
@keyframes ibf-spin { to { transform: rotate(360deg); } }
.canvas-search .ibf-search-results .tf-search-content-title { margin-bottom: 20px; }
.canvas-search .ibf-search-results .tf-loop-item .content a:hover { color: #F95C4B; }
.canvas-search .ibf-search-results .ibf-search-all {
  display: inline-flex; align-items: center; gap: 6px; margin-top: 20px; font-weight: 600; }
.canvas-search .ibf-search-results .ibf-search-all .icon { font-size: 10px; }
.canvas-search .ibf-search-empty { padding: 10px 0 20px; color: var(--text, #545454); font-size: 15px; }

/* ---- Panel look, as in the Ecomus HTML theme ---- */
/* search field: white box, dark magnifier on the left (GeneratePress made the
   button white-on-white, so the icon was invisible) */
.canvas-search .tf-mini-search-frm input[type="search"] {
  background: #fff; border: 1px solid var(--line, #ebebeb); border-radius: 3px; box-shadow: none; }
.canvas-search .tf-mini-search-frm input[type="search"]:focus { border-color: var(--main, #000); outline: none; }
.canvas-search .tf-mini-search-frm button,
.canvas-search .tf-mini-search-frm button:hover,
.canvas-search .tf-mini-search-frm button:focus {
  left: 0 !important; top: 0 !important; margin: 0 !important; width: 44px; height: 42px; padding: 0 !important;
  display: flex; align-items: center; justify-content: center;
  background: transparent !important; color: var(--main, #000) !important; border: 0; }
.canvas-search .tf-mini-search-frm button i { color: inherit; font-size: 18px; }

/* product rows: 68px portrait image, name + price beside it */
.canvas-search .tf-loop-item .image {
  flex: 0 0 68px; width: 68px; max-height: none; overflow: hidden; border-radius: 3px; }
.canvas-search .tf-loop-item .image img {
  width: 68px !important; height: 95px !important; max-width: none; object-fit: cover; display: block; }
.canvas-search .tf-loop-item .content { flex: 1 1 auto; min-width: 0; }
.canvas-search .tf-loop-item .content > a {
  display: block; font-size: 14px; line-height: 20px; color: var(--main, #000); margin-bottom: 6px; }
.canvas-search .tf-loop-item .content > a:hover { color: #F95C4B; }
.canvas-search .tf-loop-item .tf-product-info-price { font-size: 14px; font-weight: 600; color: var(--main, #000); }
.canvas-search .tf-loop-item .tf-product-info-price del { color: var(--text-2, #909090); font-weight: 400; margin-right: 6px; opacity: 1; }
.canvas-search .tf-loop-item .tf-product-info-price ins { text-decoration: none; color: #db1215; background: none; }