/* Kakanj-X 2.0.1 — kompaktni riboni na naslovnici; članak ostaje isti */
.kx-ribbon-host-1100{position:relative!important;isolation:isolate}
.kx-photo-ribbon-1100{
  --kx-ribbon-bg:#168342;
  --kx-ribbon-text:#fff;
  position:absolute!important;top:12px!important;right:12px!important;left:auto!important;bottom:auto!important;
  z-index:11!important;display:inline-flex!important;align-items:center;justify-content:center;
  width:max-content;max-width:calc(100% - 24px);min-height:22px;padding:4px 10px 4px 12px;
  background:var(--kx-ribbon-bg)!important;color:var(--kx-ribbon-text)!important;
  border:0!important;border-radius:1px 3px 3px 1px!important;
  font-family:Arial,Helvetica,sans-serif!important;font-size:9px!important;font-weight:800!important;
  line-height:1.1!important;letter-spacing:.045em!important;text-align:center!important;text-transform:uppercase!important;
  box-shadow:0 3px 8px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.19)!important;
  transform:skewX(-14deg);transform-origin:center;
  pointer-events:none!important;white-space:nowrap;
}
.kx-photo-ribbon-1100::before{
  content:"";position:absolute;left:0;bottom:-5px;width:10px;height:6px;
  background:rgba(0,0,0,.34);clip-path:polygon(0 0,100% 0,100% 100%);
}
.kx-photo-ribbon-1100::after{
  content:"";position:absolute;right:-1px;bottom:-5px;width:11px;height:6px;
  background:rgba(0,0,0,.30);clip-path:polygon(0 0,100% 0,0 100%);
}
.kx-photo-ribbon-breaking-1100{--kx-ribbon-bg:linear-gradient(110deg,#ef243b 0%,#c8192d 100%);--kx-ribbon-text:#fff}
.kx-photo-ribbon-featured-1100{--kx-ribbon-bg:linear-gradient(110deg,#159443 0%,#08662d 100%);--kx-ribbon-text:#fff}
.kx-photo-ribbon-promo-1100{--kx-ribbon-bg:linear-gradient(110deg,#ffe299 0%,#d6a64d 100%);--kx-ribbon-text:#24190b}
/* Ljestvica slika i galerija: ribon mora ostati vidljiv čak i kad je kartica zaobljena */
.kx-story .kx-thumb.kx-ribbon-host-1100,.kx-ribbon-host-1100.thumb{overflow:hidden}
.kx-story .kx-thumb.kx-ribbon-host-1100 .kx-photo-ribbon-1100,.kx-ribbon-host-1100.thumb .kx-photo-ribbon-1100{overflow:visible}
.kx-slider-stage.kx-ribbon-host-1100 .kx-photo-ribbon-1100{z-index:6!important}
.article .cover.kx-ribbon-host-1100 .kx-photo-ribbon-1100,
.article .kx-slider-stage.kx-ribbon-host-1100 .kx-photo-ribbon-1100{min-height:39px;padding:10px 23px 10px 26px;font-size:14px!important;top:20px!important;right:20px!important}
@media(max-width:700px){
  .kx-photo-ribbon-1100{top:8px!important;right:8px!important;max-width:calc(100% - 16px);font-size:8px!important;min-height:19px;padding:3px 8px 3px 10px}
  .article .cover.kx-ribbon-host-1100 .kx-photo-ribbon-1100,
  .article .kx-slider-stage.kx-ribbon-host-1100 .kx-photo-ribbon-1100{top:14px!important;right:14px!important;min-height:30px;padding:7px 14px 7px 16px;font-size:11px!important}
}
@media(prefers-reduced-motion:reduce){.kx-photo-ribbon-1100{transition:none!important;animation:none!important}}

/* Manje kartice: maksimalno diskretan ribon uz rub fotografije. */
.kx-story .kx-photo-ribbon-1100,.tile .kx-photo-ribbon-1100{top:10px!important;right:10px!important;min-height:20px;padding:4px 9px 4px 11px;font-size:8px!important;letter-spacing:.025em!important}
@media(max-width:700px){.kx-story .kx-photo-ribbon-1100,.tile .kx-photo-ribbon-1100{top:7px!important;right:7px!important;min-height:18px;padding:3px 7px 3px 9px;font-size:7px!important}}