/* Zajednički dodaci: mrvice, responzivne slike i tablice - učitava se na svim stranicama */

.bb-breadcrumbs { max-width: 1280px; margin: 0 auto; padding: 0.75rem 15px 0; font-size: 0.85rem; }
.bb-breadcrumbs ol { list-style: none; display: flex; flex-wrap: wrap; gap: 0.35rem; margin: 0; padding: 0; }
.bb-breadcrumbs li { display: flex; align-items: center; gap: 0.35rem; opacity: 0.85; }
.bb-breadcrumbs li:not(:last-child)::after { content: '›'; opacity: 0.6; }
.bb-breadcrumbs a { color: var(--secondary-color); }
.bb-breadcrumbs [aria-current="page"] { opacity: 0.7; }

/* Slike se nikada ne razvlače i ne izlaze iz okvira */
.bbet-main-content img,
.bb-tech-content img { max-width: 100%; height: auto; }

/* Tablice na malim ekranima dobivaju vodoravni klizač umjesto da lome raspored */
.bb-table-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; max-width: 100%; }

/* Na mobitelu slika ide ispod/iznad teksta, nikad sa strane */
@media (max-width: 768px) {
  .custom-two-col, .custom-two-col.reverse { flex-direction: column; }
  .custom-two-col .image-content img { width: 100%; }
}
@media (max-width: 480px) {
  .bb-author-card { flex-direction: column; text-align: center; }
}