/* ===== tvoj stil iz HTML-a ===== */
body{background:#fff;}
.brand-n1{font-weight:800; color:#0d6efd; letter-spacing:1px;}
.nav-link{font-weight:600;}
.nav-link.active, .nav-link:hover{color:#0d6efd !important;}
.kicker{font-size:.78rem;color:#6c757d;text-transform:uppercase;letter-spacing:.02em;}
.time-badge{font-size:.75rem;background:#f1f3f5;color:#495057;border-radius:.35rem;padding:.1rem .35rem;}
.label-badge{font-size:.75rem;background:#e7f0ff;color:#0d47a1;border-radius:.35rem;padding:.1rem .35rem; font-weight:600;}
.tag{font-size:.72rem;color:#0d6efd;font-weight:700;}
.meta-dot::before{content:"·"; margin:0 .35rem; color:#adb5bd;}
.headline-lg{font-weight:800; line-height:1.1; font-size: clamp(1.6rem, 1.2rem + 2.2vw, 2.6rem);}
.headline-md{font-weight:800; line-height:1.15; font-size: clamp(1.05rem, .9rem + .8vw, 1.5rem);}
.news-card img{object-fit:cover; width:100%; height:100%;}
.ratio-21x9{aspect-ratio:21/9;}
.ratio-16x9{aspect-ratio:16/9;}
.collage{position:relative;}
.collage .overlay-strip{position:absolute; left:6%; bottom:6%; display:flex; gap:.6rem;}
.collage .overlay-strip img{width:115px; height:130px; object-fit:cover; border:3px solid #fff; box-shadow:0 8px 24px rgba(0,0,0,.25);}
.najnovije{background:#f2f4f8;}
.najnovije .list-group-item{border:0; border-bottom:1px solid #efefef; padding:.85rem 0; background:transparent;}
.najnovije .title{font-weight:700;}
.najnovije .time-badge,.najnovije .label-badge{background:#dce2ec; color:#1b1e22;}
.bubble{display:inline-block; font-size:.7rem; background:#e9ecef; border-radius:.35rem; padding:.05rem .35rem; margin-left:.25rem;}
@media (min-width:992px){.sticky-lg{position:sticky; top:80px;}}
.navbar.sticky-top{background-color:#1e3ea2 !important;}
.navbar.sticky-top .navbar-brand,.navbar.sticky-top .nav-link{color:#fff !important;}
.navbar.sticky-top .nav-link:hover,.navbar.sticky-top .nav-link.active{background-color:#4b65b7 !important;color:#fff !important;border-radius:.45rem;}
.navbar.sticky-top .icon-btn{color:#fff !important; border:1px solid #fff; border-radius:.45rem;padding:.35rem .6rem; display:flex; align-items:center; justify-content:center; text-decoration:none;}
.navbar.sticky-top .icon-btn:hover{background-color:#4b65b7 !important; color:#fff !important;}
.navbar.sticky-top .navbar-toggler{border-color: rgba(255,255,255,.55);}
.navbar.sticky-top .navbar-toggler-icon{
    background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,0.85)' stroke-width='2' stroke-linecap='round' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
@media (max-width:991.98px){.navbar-nav .nav-link{padding-left:1rem; padding-right:1rem;}}
.dropdown-menu{border:0 !important; box-shadow:none !important;}
@media (min-width:992px){
    .navbar .dropdown:hover>.dropdown-menu{display:block;}
    .dropdown-submenu{position:relative;}
    .dropdown-submenu>.dropdown-menu{top:0; left:100%; margin-top:-.25rem; display:none;}
    .dropdown-submenu:hover>.dropdown-menu{display:block;}
}
@media (max-width:991.98px){.dropdown-submenu>.dropdown-menu{position:static; margin:0 0 0 1rem;}}
.portal-ticker{background:#eef3ff;border-top:1px solid #dbe4ff;border-bottom:1px solid #dbe4ff;}
.portal-ticker .marquee{overflow:hidden; position:relative; white-space:nowrap;}
.portal-ticker .track{display:inline-flex; gap:1.25rem; align-items:center;padding:.4rem 0;animation:portal-scroll 40s linear infinite;}
@keyframes portal-scroll{0%{ transform: translateX(0);}100%{ transform: translateX(-50%);}}
.portal-item a{display:inline-block; text-decoration:none; font-weight:400;padding:.25rem .6rem; border-radius:.4rem;color:#1e3ea2; border:1px solid rgba(30,62,162,.2);background:rgba(30,62,162,.06);}
.portal-item a:hover{background:#4b65b7; color:#fff; border-color:#4b65b7;}
.portal-item:nth-child(3n+1) a{color:#0f5b8a; border-color:rgba(15,91,138,.2); background:rgba(15,91,138,.07);}
.portal-item:nth-child(3n+2) a{color:#7a1ea2; border-color:rgba(122,30,162,.2); background:rgba(122,30,162,.07);}
.portal-item:nth-child(3n+3) a{color:#1a7a2e; border-color:rgba(26,122,46,.2); background:rgba(26,122,46,.07);}
footer.footer{background:#0f1f6a; color:#e6ebff;}
footer .footer-link{color:#e6ebff; text-decoration:none;}
footer .footer-link:hover{text-decoration:underline;}
.footer-top{padding:2rem 0;}
.footer-bottom{background:#0a154a; color:#c9d1ff; padding:.75rem 0; font-size:.9rem;}
.footer .brand-n1{color:#e6ebff;}
.footer .badge-pill{font-size:.7rem; background:#1e3ea2; border-radius:999px; padding:.2rem .6rem;}
/* Modal (custom, bez Bootstrap JS) */
.pd-modal-backdrop{
    position: fixed; inset: 0;
    background: rgba(0,0,0,.45);
    display: flex; align-items: center; justify-content: center;
    z-index: 1050;
}
.pd-modal{
    width: min(860px, 92vw);
    max-height: 86vh;
    overflow: auto;
    background: #fff;
    border-radius: .75rem;
    box-shadow: 0 20px 60px rgba(0,0,0,.35);
    padding: 1.25rem;
}
.pd-scroll{
    max-height: 300px;
    overflow: auto;
    border: 1px solid #eee;
    border-radius: .5rem;
    padding: .5rem .75rem;
}
.pd-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.35);display:flex;align-items:flex-start;justify-content:center;padding:2rem;z-index:1050}
.pd-modal{background:#fff;border-radius:.75rem;max-width:900px;width:100%;padding:1rem 1.25rem;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.pd-scroll{max-height:260px;overflow:auto;border:1px solid #eee;border-radius:.5rem;padding:.5rem}