/* =========================
   Premium Navy UI Layer
   (prebaci kasnije u main.css)
========================= */

:root{
  --navy-950:#050b19;
  --navy-900:#071128;
  --navy-850:#091a35;
  --navy-800:#0b2244;
  --blue-700:#143d86;
  --blue-600:#1d4ed8;
  --blue-500:#2563eb;
  --blue-400:#60a5fa;
  --accent:#f6c40f;

  --text:#091a35;
  --muted:rgba(9,26,53,.64);

  --card-bg: rgba(255,255,255,.72);
  --card-border: rgba(5,9,20,.08);
  --shadow: 0 18px 60px rgba(5,9,20,.10);
  --shadow2: 0 30px 110px rgba(5,9,20,.14);
  --radius: 26px;
}

/* Helper */
.section-pad{ padding: 90px 0; }
.section-pad-sm{ padding: 55px 0; }
.kicker{ letter-spacing:.16em; text-transform:uppercase; font-size:.78rem; font-weight:800; color: var(--muted); }
.hx{ color: var(--text); }
.p-muted{ color: var(--muted); }
.soft-divider{ border-top: 1px solid rgba(5,9,20,.08); }

/* Hero */
.hero-wrap{
  min-height: 78vh;
  background-size: cover;
  background-position: center;
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid rgba(255,255,255,.08);
}

.hero-wrap-in{
  min-height: 32vh!important;
  background-size: cover;
  background-position: center;
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.hero-overlay{
  position:absolute; inset:0;
  background:
    radial-gradient(circle at 30% 30%, rgba(37,99,235,.35), rgba(5,11,25,.92)),
    linear-gradient(90deg, rgba(5,11,25,.88) 0%, rgba(5,11,25,.55) 50%, rgba(5,11,25,.28) 100%);
}
.hero-glow{
  position:absolute; inset:-10% -10% auto -10%;
  height: 420px;
  background: radial-gradient(circle at 25% 25%, rgba(96,165,250,.20), transparent 60%);
  pointer-events:none;
}
.hero-chip{
  display:inline-flex; align-items:center; gap:.55rem;
  padding:.55rem .9rem;
  border-radius: 999px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.12);
  color: rgba(255,255,255,.86);
  font-weight: 800;
  font-size:.82rem;
  backdrop-filter: blur(10px);
}
.hero-chip .dot{
  width:9px; height:9px; border-radius:999px;
  background: var(--accent);
  box-shadow: 0 0 0 6px rgba(246,196,15,.18);
}

/* Buttons – less bootstrap look */
.btn-premium{
  display:inline-flex; align-items:center; justify-content:center; gap:.6rem;
  border-radius: 999px;
  padding: .9rem 1.35rem;
  font-weight: 850;
  letter-spacing:.15px;
  text-decoration:none;
  transition: transform .22s cubic-bezier(.4,0,.2,1), box-shadow .22s cubic-bezier(.4,0,.2,1), background .22s;
}
.btn-premium-primary{
  color:#fff;
  background: linear-gradient(135deg, var(--blue-600) 0%, var(--blue-700) 60%, var(--navy-900) 100%);
  box-shadow: 0 18px 44px rgba(7,17,40,.22);
}
.btn-premium-primary:hover{ transform: translateY(-2px); box-shadow: 0 28px 72px rgba(7,17,40,.28); color:#fff; }
.btn-premium-ghost{
  color: rgba(255,255,255,.88);
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.16);
  box-shadow: 0 18px 44px rgba(7,17,40,.12);
  backdrop-filter: blur(10px);
}
.btn-premium-ghost:hover{ transform: translateY(-2px); color:#fff; border-color: rgba(255,255,255,.22); }

/* Frost card */
.frost-card{
  background: var(--card-bg);
  border: 1px solid var(--card-border);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  backdrop-filter: blur(14px);
}
.frost-card:hover{ box-shadow: var(--shadow2); transform: translateY(-4px); }
.frost-pad{ padding: 28px; }
.frost-line{ height: 1px; background: rgba(5,9,20,.08); margin: 18px 0; }

/* Icon badge */
.icon-badge{
  min-width: 58px!important; height:58px!important;
  border-radius: 18px;
  display:grid; place-items:center;
  color:#fff;
  background:#0c224e;
  border: 1px solid rgba(255,255,255,.22);
  box-shadow: 0 18px 46px rgba(7,17,40,.18);
  position: relative;
}
.icon-badge::after{
  content:"";
  width: 10px; height:10px; border-radius:999px;
  background: var(--accent);
  position:absolute;
  top: -6px; right: -6px;
  box-shadow: 0 0 0 7px rgba(246,196,15,.18);
}

/* Number strip */
.number-strip{
  background: rgba(255,255,255,.60);
  border-top: 1px solid rgba(5,9,20,.08);
  border-bottom: 1px solid rgba(5,9,20,.08);
  backdrop-filter: blur(10px);
}
.num{
  font-weight: 900;
  font-size: 2.1rem;
  color: var(--navy-850);
  letter-spacing: -.02em;
}
.num-label{ font-size:.78rem; font-weight:800; color: var(--muted); letter-spacing:.12em; text-transform:uppercase; }

/* Split visual */
.visual-block{
  border-radius: var(--radius);
  overflow:hidden;
  background:
    radial-gradient(circle at 30% 30%, rgba(37,99,235,.35), rgba(5,11,25,.95));
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 26px 90px rgba(5,9,20,.16);
}
.visual-inner{
  min-height: 360px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding: 36px;
  text-align:center;
  color:#fff;
}
.visual-inner .sub{ color: rgba(255,255,255,.65); }

/* Timeline items */
.step{
  display:flex; gap: 14px; align-items:flex-start;
  padding: 18px 18px;
  border-radius: 18px;
  background: rgba(255,255,255,.55);
  border: 1px solid rgba(5,9,20,.08);
  transition: transform .22s, box-shadow .22s, background .22s;
}
.step:hover{ transform: translateY(-3px); box-shadow: 0 22px 80px rgba(5,9,20,.12); background: rgba(255,255,255,.70); }
.step .t{ font-weight: 850; color: var(--navy-850); }
.step .d{ font-size:.92rem; color: var(--muted); }

/* News cards */
.news-card{
  position: relative;
  overflow:hidden;
}
.news-card::before{
  content:"";
  position:absolute;
  top:0; left:0; right:0;
  height: 4px;
  background: linear-gradient(90deg, var(--blue-600), var(--blue-400));
}
.news-meta{
  display:flex; align-items:center; gap:.55rem;
  color: var(--muted);
  font-weight: 800;
  font-size: .82rem;
  letter-spacing:.06em;
  text-transform: uppercase;
}
.read-more{
  display:inline-flex; align-items:center; gap:.55rem;
  font-weight: 900;
  color: var(--blue-700);
  text-decoration:none;
}
.read-more:hover{ color: var(--navy-850); }

@media (max-width: 991px){
  .section-pad{ padding: 70px 0; }
  .visual-inner{ min-height: 280px; }
}

.navbar-modern .nav-link{
  color: rgba(9,26,53,.85) !important;
  border-radius: 999px;
  padding: .55rem .95rem !important;
  font-size:14px;
}

@media (max-width:1400px){
.navbar-modern .nav-link{
  padding: .55rem .55rem !important;
  font-size:13px;
}
}

@media (max-width:1200px){
.navbar-modern .nav-link{
  padding: .55rem .35rem !important;
  font-size:12px;
}
}

.navbar-modern .nav-link:hover{
  color: #061533 !important;
  background: rgba(29,78,216,.08);
}

.navbar-modern .nav-link.active{
  color:#061533 !important;
  background: rgba(29,78,216,.10);
  box-shadow: 0 10px 26px rgba(5,9,20,.08);
}

.navbar-modern .nav-link,
.navbar-modern .dropdown-item {
    white-space: nowrap !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
}

.navbar-modern a {
    word-break: normal !important;
    overflow-wrap: normal !important;
}

.navbar-modern .nav-link {
    hyphens: none !important;
}

.btn-nav-icon{
  border-radius: 999px !important;
  background: rgba(255,255,255,.7) !important;
  border: 1px solid rgba(5,9,20,.12) !important;
  padding: .55rem .75rem !important;
}

.btn-nav-icon:hover{
  background: rgba(255,255,255,.9) !important;
}

.offcanvas{
  background: rgba(255,255,255,.94);
}

.dropdown-item {
  background:none!important
}

.dropdown-item.active, .dropdown-item:active {
    color: #000!important;
}