/* WEB VIJESTI — univerzalno sprjecavanje horizontalnog izlaska elemenata */
html,body{max-width:100%;overflow-x:hidden}
.page-shell,.page-shell>* ,.hero,.hero>* ,.portal-side-card,.control-panel,
.news-grid,.news-card,.card-body,.edition-grid,.edition-card,
#editionsGrid,#editionsGrid>* ,#symbolRandomBox,.symbol-random-box,.symbol-random-card,
.symbol-home-showcase,.symbol-home-showcase>* ,.symbol-feature-main,.symbol-home-archive,
.symbol-mini-grid,.symbol-mini-card,.symbol-mini-body,.symbol-archive-strip{
  min-width:0!important;max-width:100%!important;
}
img,iframe,video,embed,object{max-width:100%}

/* Mali SYMBOL prikaz u statusnom dijelu naslovnice */
body #symbolRandomBox{width:100%;overflow:hidden;margin-top:12px}
body #symbolRandomBox .symbol-random-card{
  display:grid;grid-template-columns:68px minmax(0,1fr);align-items:center;gap:10px;
  width:100%;max-width:100%;min-width:0;overflow:hidden;padding:8px;border:1px solid var(--gold,#c8a44d);
  border-radius:14px;background:#fffaf0;text-decoration:none;color:#111;
}
body #symbolRandomBox .symbol-random-card img{display:block;width:68px;height:88px;max-width:68px;object-fit:cover;border-radius:8px}
body #symbolRandomBox .symbol-random-card div{min-width:0;max-width:100%;overflow:hidden}
body #symbolRandomBox .symbol-random-card span{display:block;color:var(--gold-dark,#9b7a24);font-size:.59rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
body #symbolRandomBox .symbol-random-card strong{
  display:block;max-width:100%;margin:4px 0 3px;font-size:.83rem;line-height:1.18;
  white-space:normal;overflow-wrap:anywhere;word-break:break-word;
}
body #symbolRandomBox .symbol-random-card small{display:block;max-width:100%;font-size:.63rem;color:var(--muted,#6b7280);overflow-wrap:anywhere}

/* Veliki SYMBOL prikaz na početnim i uredničkim stranicama. Prefiks body namjerno
   ima veću specifičnost od stilova koje symbol-random.js kasnije ubacuje u DOM. */
body #editionsGrid.symbol-home-showcase{
  display:grid!important;width:100%!important;overflow:hidden!important;
  grid-template-columns:minmax(250px,.92fr) minmax(0,1.8fr)!important;
  gap:18px!important;
}
body #editionsGrid.symbol-home-showcase .symbol-feature-main,
body #editionsGrid.symbol-home-showcase .symbol-home-archive,
body #editionsGrid.symbol-home-showcase .symbol-mini-card{min-width:0!important;max-width:100%!important;overflow:hidden;border-radius:20px}
body #editionsGrid.symbol-home-showcase .symbol-feature-cover strong{
  right:18px;max-width:calc(100% - 38px);font-size:clamp(1.65rem,3.15vw,2.35rem)!important;
  white-space:normal!important;overflow-wrap:anywhere;word-break:break-word;
}
body #editionsGrid.symbol-home-showcase .symbol-feature-body h3,
body #editionsGrid.symbol-home-showcase .symbol-mini-body h3,
body #editionsGrid.symbol-home-showcase .symbol-mini-body p,
body #editionsGrid.symbol-home-showcase .symbol-archive-strip span{max-width:100%;overflow-wrap:anywhere;word-break:break-word}
body #editionsGrid.symbol-home-showcase .symbol-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;min-width:0!important}
body #editionsGrid.symbol-home-showcase .symbol-mini-body{padding:15px!important;min-width:0!important}

/* Vizualno smirenija početna stranica */
body[data-page="home"] .hero{align-items:start;gap:22px}
body[data-page="home"] .home-objave-panel{padding:22px 24px}
body[data-page="home"] .section-head{margin-top:30px}
body[data-page="home"] .control-panel{margin-top:20px}

@media(max-width:980px){
  body #editionsGrid.symbol-home-showcase{grid-template-columns:1fr!important;gap:12px!important}
  body #editionsGrid.symbol-home-showcase .symbol-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
}
@media(max-width:620px){
  body[data-page="home"] .home-objave-panel{padding:16px!important}
  body #editionsGrid.symbol-home-showcase .symbol-feature-cover{min-height:250px!important}
  body #editionsGrid.symbol-home-showcase .symbol-mini-grid{grid-template-columns:1fr!important}
  body #editionsGrid.symbol-home-showcase .symbol-archive-head{align-items:flex-start!important}
  body #editionsGrid.symbol-home-showcase .symbol-archive-strip{display:block!important;padding:11px!important}
  body #editionsGrid.symbol-home-showcase .symbol-archive-strip a{display:inline-flex!important;margin-top:7px!important}
}