/* === v1.52 oglas: "Dosje vozila" u traci dijelova oglasa, "Napravi cijenu" u donjoj traci, napomena u izradi cijene ===
   Samo tokeni dizajn sustava (styles.css / ui.css). */

/* Ljepljiva je cijela traka (tabovi + gumb, app.js renderVehicleOglasView): tabovi se na uskom zaslonu listaju
   vodoravno (ui-tabs), a gumb ostaje vidljiv odmah desno od njih — ne skrola se van ekrana. Visina = --tab-h
   (scroll-margin dijelova i ljepljivi desni stupac računaju s njom). */
.oglas-sections-bar {
  position: sticky;
  top: var(--app-sticky-top);
  z-index: var(--z-sticky);
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  min-height: var(--tab-h);
  background: var(--bg);
  box-shadow: inset 0 -1px 0 var(--line);
}
.oglas-page > .oglas-sections-bar { margin-bottom: -2px; }
.oglas-sections-bar > .oglas-sections { flex: 0 1 auto; min-width: 0; }
.oglas-sections-dossier {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-left: 4px;
  white-space: nowrap;
}
.oglas-sections-dossier svg { width: 15px; height: 15px; flex: 0 0 auto; }
.oglas-sections-dossier-short { display: none; }
/* Mobitel: dodirna meta 40 px stane u traku (42 px) */
.app-shell.mobile-shell .oglas-sections-dossier { min-height: 36px; height: 36px; padding: 0 10px; }
/* Usko (mobitel, uski prozor; v1.52 popravak): kratko "Dosje" — tabovima ostaje ~270 px umjesto ~235 px na 390 px
   (aria-label i title i dalje "Dosje vozila"); aktivni tab se pri skrolanju pomakne u vidno polje trake
   (app.js revealOglasActiveTab). */
.app-shell.mobile-shell .oglas-sections-dossier { gap: 5px; margin-left: 0; }
.app-shell.mobile-shell .oglas-sections-dossier-full { display: none; }
.app-shell.mobile-shell .oglas-sections-dossier-short { display: inline; }
@media (max-width: 600px) {
  .oglas-sections-dossier { gap: 5px; margin-left: 0; padding-inline: 10px; }
  .oglas-sections-dossier-full { display: none; }
  .oglas-sections-dossier-short { display: inline; }
}

/* "Napravi cijenu" uz "Spremi oglas" (sporedni gumb) */
.oglas-make-price { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
.oglas-make-price svg { width: 15px; height: 15px; flex: 0 0 auto; }
/* Usko: stanje u svom redu, ispod oba gumba jednake širine; gumb "na vrh" se diže iznad više trake (PRV3-01) */
@media (max-width: 560px) {
  .oglas-savebar { flex-wrap: wrap; row-gap: 8px; }
  .oglas-savebar .oglas-savebar-state { flex: 1 0 100%; }
  .oglas-savebar > button { flex: 1 1 0; justify-content: center; }
  .app-shell:has(.oglas-savebar) > .scroll-top-button { bottom: 112px; }
}

/* Izrada cijene otvorena s oglasa: napomena "Podaci preuzeti iz oglasa" + popis promjena */
.pp-oglas-note { min-width: 0; }
.pp-oglas-changes { margin: 4px 0 0; padding-left: 18px; display: grid; gap: 3px; }