/* ===== Osnovni reset ===== */
* { box-sizing: border-box; margin:0; padding:0; }
html, body { height:100%; }

/* ===== Tipografija ===== */
body {
  font-family: 'Roboto', system-ui, sans-serif;
  font-size: 16px;
  line-height: 1.6;
  color: #f5f5f5;
  background-color: #000; /* fallback ispod videa */
}

/* Naslovi sa Montserrat */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: .5em;
}

/* Linkovi */
a { color: #0a84ff; text-decoration: none; }
a:hover { text-decoration: underline; }

/* Layout helper */
.container { max-width: 1200px; margin: 0 auto; padding: 0 16px; }

/* Razmak ispod headera da sadržaj ne ulazi ispod */
body { padding-top: 64px; }

/* Background video (global) */
.video-viewport {
  position: fixed;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
}
.video-viewport::before {
  content:"";
  position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(0,0,0,.35), rgba(0,0,0,.25));
}
.video-viewport video {
  width:100vw;
  height:100vh;
  object-fit:cover;
  display:block;
}

/* Glavni sadržaj sloj */
main, .page, .content { position: relative; z-index: 1; }