/* ============================================================
   Retemax – BROWSE stranica (učitava se samo iz browse.htm)
   1) Preneseni inline stilovi iz predloška (po pravilu: stil u CSS).
   2) Mobilni redoslijed glavnog sadržaja.
   ============================================================ */

/* --- Preneseno iz inline <style> u browse.htm --- */
#cat_boxes{ padding-top:0; }
.page-title-container .breadcrumbs li:nth-last-child(2):after{ content:""; }

/* H1 (naziv kategorije) u naslovnoj traci – ista veličina kao prijašnji H2 */
.page-title-container .page-title h1.entry-title{ font-size:1.6667em; }

/* --- Mobilni redoslijed ---
   Kada se stupci slažu (<992px), glavni sadržaj (#main) ide PRIJE bočne trake.
   Time se na mobitelu dobiva redoslijed:
     1) nazivi kategorija (#cat_boxes)
     2) istaknuti oglasi (Featured Items)
     3) najnoviji oglasi (Latest Items)
   Bočna traka (lokacija, države, widgeti) prikazuje se ispod. */
@media (max-width: 991px){
  #content > .container > .row{
    display:flex;
    flex-direction:column;
  }
  /* ukloni Bootstrap .row clearfix pseudo-elemente iz flex konteksta */
  #content > .container > .row::before,
  #content > .container > .row::after{
    display:none;
  }
  #content > .container > .row > #main{ order:1; }
  #content > .container > .row > .sidebar{ order:2; }
}