/* Results page, mobile redesign (results.php), live, 2026-10-07.
   Everything is scoped to .mrt (the #wrapper of the results page) and, except two tiny helpers, to <=768px,
   so desktop is not affected. Fonts/yellow as in search-new.css. */
.mrt .mrt-filter-btn,.mrt .mrt-count{display:none}
.mrt .rq-pg svg{display:inline-block;vertical-align:-3px}
.mrt .rq-pg .pages li.dots{color:#888}
.mrt .rq-pg .pages li a.disabled{opacity:.35;cursor:default;background:none}
@media (min-width:769px){
  .mrt .mrt-list{display:none!important}
}
@media (max-width:768px){
  .mrt .mrt-desk-only{display:none!important}

  /* toolbar: [Filter pretrage (n) >] [Najnovije v] */
  .mrt .filter-fields{display:flex;flex-wrap:wrap;align-items:stretch;gap:10px;margin:12px 0 4px;padding:0}
  .mrt .mrt-filter-btn{order:1;flex:1 1 0;min-width:0;display:flex;align-items:center;gap:8px;height:50px;margin:0;padding:0 10px 0 12px;border:1px solid #e3e6ea;border-radius:4px;background:#fff;color:#222;font:500 14px/1.2 Poppins,system-ui,sans-serif;text-align:left;cursor:pointer;box-shadow:0 1px 3px rgba(20,30,50,.05);text-transform:none;width:auto}
  .mrt .mrt-filter-btn svg{display:block}
  .mrt .mrt-fb-ico{color:#444;display:flex}
  .mrt .mrt-fb-txt{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mrt .mrt-badge{flex:0 0 auto;min-width:24px;height:24px;padding:0 6px;border-radius:4px;background:#FFC107;color:#111;font:700 13px/24px Poppins,sans-serif;text-align:center}
  .mrt .mrt-fb-chev{display:flex;color:#444;transition:transform .2s}
  .mrt .mrt-filter-btn[aria-expanded="true"] .mrt-fb-chev{transform:rotate(90deg)}
  .mrt .mrt-filter-btn:focus-visible,.mrt .mrt-view button:focus-visible,.mrt .search-sort select:focus-visible,.mrt .mrc a:focus-visible{outline:2px solid #b58300;outline-offset:2px}

  .mrt .filter-fields .search-sort{order:2;flex:0 0 36%;width:auto;max-width:none;margin:0;float:none;clear:none}
  .mrt .filter-fields .search-sort .formRow,.mrt .filter-fields .search-sort form{margin:0;padding:0;height:100%}
  .mrt .filter-fields:before,.mrt .filter-fields:after{display:none!important;content:none}
  .mrt .filter-fields .search-sort select,.mrt .filter-fields #sort{display:block;width:100%;height:50px;margin:0;padding:0 34px 0 14px;border:1px solid #e3e6ea;border-radius:4px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23555' stroke-width='2' fill='none'/%3E%3C/svg%3E") no-repeat right 14px center;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#222;font:500 15px Poppins,system-ui,sans-serif;box-shadow:0 1px 3px rgba(20,30,50,.05);text-overflow:ellipsis;line-height:normal}

  /* the search block opens under the toolbar (old full-width toggle hidden) */
  .mrt .filter-fields .search-filter{order:3;flex:0 0 100%;width:100%;float:none;margin:0}
  .mrt .filter-fields .sn-results-toggle{display:none!important}
  .mrt #search-content .sn-results-panel{width:100%;max-height:0!important;overflow:hidden!important;transition:none}
  .mrt #search-content .filter-fields.mrt-open .sn-results-panel{max-height:none!important;overflow:visible!important}
  .mrt .filter-fields .sn-results-panel #sn-search{margin:2px 0 6px}

  /* count + grid/list toggle */
  .mrt .mrt-count{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 0 12px;font:14px Poppins,system-ui,sans-serif;color:#555}
  .mrt .mrt-view{display:flex;gap:6px;flex:0 0 auto}
  .mrt .mrt-view button{display:flex;align-items:center;justify-content:center;width:38px;height:38px;margin:0;padding:0;border:1px solid #e3e6ea;border-radius:4px;background:#fff;color:#555;cursor:pointer;box-shadow:none}
  .mrt .mrt-view button[aria-pressed="true"]{background:#FFC107;border-color:#FFC107;color:#111}
  .mrt .mrt-view svg{display:block}
  .mrt .search-keyword{margin:4px 0 0;font-family:Poppins,system-ui,sans-serif}

  /* list (default) */
  .mrt #mobileversion.mrt-list{display:flex;flex-direction:column;flex-wrap:nowrap;gap:12px;margin:0 0 8px;padding:0;list-style:none;justify-content:flex-start}
  .mrt .mrt-list > li{list-style:none;margin:0}
  .mrt .mrt-list .mrt-empty .nNote{margin:0}
  .mrt .mrc{position:relative;display:flex;gap:12px;width:auto;margin:0;padding:8px;background:#fff;border:1px solid #eceef1;border-radius:5px;box-shadow:0 2px 10px rgba(20,30,50,.06);font-family:Poppins,system-ui,sans-serif;text-align:left}
  .mrt .mrc-thumb{position:relative;display:block;flex:0 0 40%;max-width:190px;min-height:140px;align-self:stretch;border-radius:4px;overflow:hidden;background:#f3f4f6}
  .mrt .mrc-thumb img{position:absolute;top:0;left:0;width:100%;height:100%;max-width:none;object-fit:cover;display:block;margin:0;border:0}
  .mrt .mrc-photos{position:absolute;left:6px;bottom:6px;display:flex;align-items:center;gap:4px;padding:4px 7px;border-radius:7px;background:rgba(17,17,17,.78);color:#fff;font:600 12px/1 Poppins,sans-serif}
  .mrt .mrc-photos svg{display:block}
  .mrt .mrc-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;padding:2px 2px 0 0}
  .mrt .mrc-head{display:flex;align-items:flex-start;gap:6px}
  .mrt .mrc .mrc-title{flex:1 1 auto;min-width:0;margin:0;padding:0;border:0;background:none;font:700 15px/1.3 Poppins,system-ui,sans-serif;letter-spacing:0;text-transform:none;color:#111;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}
  .mrt .mrc .mrc-title a{color:#111;text-decoration:none;font:inherit}
  .mrt .mrc-fav{flex:0 0 32px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;margin:-2px -2px 0 0;border:1px solid #e5e7eb;border-radius:50%;background:#fff;color:#6b7280;text-decoration:none}
  .mrt .mrc-fav svg{display:block}
  .mrt .mrc-fav.is-on{color:#e0a800;border-color:#FFC107}
  .mrt .mrc-fav.is-on svg{fill:#FFC107}
  .mrt .mrc-fav.is-busy{opacity:.5;pointer-events:none}
  .mrt .mrc .mrc-desc{margin:4px 0 8px;padding:0;font:13px/1.4 Poppins,system-ui,sans-serif;color:#6b7280;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}
  .mrt .mrc-foot{margin-top:auto;display:flex;align-items:flex-end;justify-content:space-between;gap:8px}
  .mrt .mrc-meta{display:flex;flex-direction:column;gap:4px;min-width:0;font:12px/1.2 Poppins,system-ui,sans-serif;color:#6b7280}
  .mrt .mrc-meta span{display:flex;align-items:center;gap:4px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mrt .mrc-meta svg{flex:0 0 auto;display:block;color:#6b7280}
  .mrt .mrc-price{flex:0 0 auto;display:inline-flex;align-items:center;gap:2px;max-width:60%;padding:9px 8px 9px 12px;border-radius:4px;background:#FFC107;color:#111;font:700 13px/1.1 Poppins,system-ui,sans-serif;text-decoration:none;white-space:nowrap;overflow:hidden}
  .mrt .mrc-price:hover{background:#ffb300;color:#111}
  .mrt .mrc-price svg{flex:0 0 auto;display:block}
  .mrt .mrt-list li.ad-infeed{width:100%!important;margin:0}

  /* grid: 2 columns */
  .mrt-grid .mrt #mobileversion.mrt-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .mrt-grid .mrt .mrt-list > li.ad-infeed,.mrt-grid .mrt .mrt-list > li.mrt-empty{grid-column:1/-1}
  .mrt-grid .mrt .mrc{flex-direction:column;gap:8px;padding:6px}
  .mrt-grid .mrt .mrc-thumb{flex:none;max-width:none;width:100%;min-height:0;height:auto;aspect-ratio:4/3}
  .mrt-grid .mrt .mrc .mrc-title{font-size:14px}
  .mrt-grid .mrt .mrc-fav{flex-basis:28px;width:28px;height:28px}
  .mrt-grid .mrt .mrc .mrc-desc{-webkit-line-clamp:2;font-size:12px;margin:4px 0 6px}
  .mrt-grid .mrt .mrc-foot{flex-direction:column;align-items:stretch;gap:8px}
  .mrt-grid .mrt .mrc-price{max-width:none;justify-content:center}

  /* pagination: active page yellow, arrows in light boxes */
  .mrt .rq-pg{margin:16px 0 20px;text-align:center}
  .mrt .rq-pg .pages{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px;margin:0;padding:0!important}
  .mrt .rq-pg .pages li,.mrt .rq-pg .pages li.prev,.mrt .rq-pg .pages li.next{display:block;margin:0;list-style:none;font:500 15px Poppins,system-ui,sans-serif}
  .mrt .rq-pg .pages li a{display:flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 6px;border-radius:4px;color:#222;font:500 15px/1 Poppins,system-ui,sans-serif;text-decoration:none}
  .mrt .rq-pg .pages li a.active{padding:0 6px;background:#FFC107;color:#111!important;font-weight:700}
  .mrt .rq-pg .pages li.prev a,.mrt .rq-pg .pages li.next a{min-width:46px;background:#f1f2f4;color:#333}
  .mrt .rq-pg .pages li.prev{margin-right:6px}.mrt .rq-pg .pages li.next{margin-left:6px}
  .mrt .rq-pg .pages li.dots{min-width:20px}
}
