/* === TIGHTER SPACING & BOLJI PRIKAZ OBJAVE === */
body {
  background-color: #f5f5f5; /* ovdje stavi boju koju koristi naslovnica */
  margin: 0;
  padding: 0;
}

/* Manji globalni “air” oko sadržaja */
.hero{ padding:14px 0; }
.crumbs{ padding:8px 0; }
.layout{ padding:16px 0; gap:18px; }

/* Kartice malo zbijenije */
.pad{ padding: clamp(16px, 2.2vw, 22px); }

/* FEATURED slika u objavi:
   - makni prisilni 16:9 i contain (to radi bijele trake)
   - pusti prirodnu visinu, bez letterboxa
*/
.featured{
  width:100%;
  height:auto;           /* auto visina, bez aspect-ratio */
  aspect-ratio:auto;
  object-fit:initial;    /* nema cropa ni “letterboxa” */
  background:transparent;
  display:block;
  border-radius:12px 12px 0 0;
  margin:0;              /* bez dodatnog razmaka gore/dolje */
}

/* Ako ikad ŽELIŠ hero koji je kropljen kao banner,
   samo na <img> dodaj klasu .featured--cover */
.featured--cover{
  aspect-ratio:16/9;
  height:auto;
  object-fit:cover;      /* pun okvir, crop po rubovima */
  background:#000;
}

/* Tipografska kolona – centriraj i ograniči širinu teksta */
.content{ max-width:70ch; margin:0 auto; }
.content p{ margin:0 0 1rem; }
.content ul, .content ol{ margin:.6rem 0 1rem 1.2rem; padding-left:1.2rem; }
.content li{ margin:.25rem 0; }
.content h2{ font-size:clamp(20px,2.2vw,28px); line-height:1.3; margin:1.2rem 0 .6rem; }
.content h3{ font-size:clamp(18px,2vw,22px);  line-height:1.35; margin:1rem 0 .5rem; }

/* MOBILNO: malo više “air-a” sa strane, ali manji gornji/donji razmak */
@media (max-width:640px){
  .layout{ padding:12px 0; gap:14px; }
  .pad{ padding:16px; }
  .content{ max-width: 78ch; }
}
/* === FOOTER (isti izgled kao na naslovnici) === */
.wrap{ max-width:1150px; margin:0 auto; padding:0 16px; }
.footer-cols{ padding:36px 0 10px; }

.sponsors{
  display:flex;
  gap:24px;
  align-items:center;
  justify-content:flex-start;
  flex-wrap:nowrap;             /* jedan red na desktopu */
}

.sponsors .logo{
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff;
  border:1px solid #e8ecf2;
  border-radius:16px;
  width:220px;                  /* ako želiš šire/uske, promijeni */
  min-height:110px;
  padding:16px;
  text-decoration:none;
}

.sponsors .logo img{
  max-width:100%;
  max-height:72px;
  height:auto;
  width:auto;
  display:block;
}

/* Na užim ekranima smijemo prelomiti u dva reda da ne bude skrolanja */
@media (max-width:900px){
  .sponsors{ flex-wrap:wrap; }
  .sponsors .logo{ width:170px; min-height:90px; }
  .sponsors .logo img{ max-height:60px; }
}
/* ===== Global footer ===== */
.site-footer{
  background:#fff;
  border-top:1px solid #e9eef6;
  padding:32px 0 22px;
}
.site-footer .wrap{
  max-width:1150px;
  margin:0 auto;
  padding:0 18px;
}
.site-footer h3{
  font-size:22px;
  font-weight:800;
  letter-spacing:-.015em;
  margin:18px 0 14px;
  color:#0f172a;
}
.footer-block{ margin-bottom:22px; }

/* mreža logotipa (isti izgled kao na naslovnici) */
.logo-grid{
  list-style:none;
  padding:0;
  margin:0 0 28px;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:18px;
}
.logo-grid li{
  background:#fff;
  border:1px solid #e9eef6;
  border-radius:16px;
  min-height:110px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
  box-shadow:0 1px 2px rgba(16,24,40,.06);
}
.logo-grid img{
  max-width:85%;
  max-height:70px;
  object-fit:contain;
}

/* responzivno kao na naslovnici */
@media (max-width:1000px){ .logo-grid{ grid-template-columns:repeat(3,1fr);} }
@media (max-width:700px){  .logo-grid{ grid-template-columns:repeat(2,1fr);} }

.footer-meta{
  border-top:1px solid #e9eef6;
  margin-top:8px;
  padding-top:14px;
  color:#667085;
  font-size:14px;
}