/* =========================================================
   3. GLOBAL BACKGROUND / AMBIENT ORBS
   ========================================================= */

/* TAMNA BAZA POZADINE */
body:not(.blog):not(.single-post){
  background: linear-gradient(135deg, #070708 0%, #0e0e10 35%, #0a0a0b 70%, #050506 100%) !important;
	/*background: linear-gradient(135deg, #1a1a1c 0%, #232327 35%, #1c1c1f 70%, #151517 100%) !important;*/
}

/* KONTEJNER ZA KRUGOVE */
.ambient-orbs{
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  overflow: hidden;
}

/* GLOBALNE KONTROLE */
.ambient-orbs{
  --blur: 30px;
  --fade: 60%;
}

/* SVAKI KRUG */
.ambient-orbs span{
  position: absolute;
  border-radius: 50%;
  filter: blur(var(--blur));
  opacity: 0.65;
  mix-blend-mode: screen;
  will-change: transform;

  background: radial-gradient(
    circle,
    var(--c) 0%,
    transparent var(--fade)
  );
}

/* TAMNIJE BOJE KRUGOVA */
.ambient-orbs span:nth-child(1){ --c: rgba(255,102,0,0.25); }
.ambient-orbs span:nth-child(2){ --c: rgba(255,45,85,0.25); }
.ambient-orbs span:nth-child(3){ --c: rgba(124,58,237,0.25); }
.ambient-orbs span:nth-child(4){ --c: rgba(0,212,255,0.25); }
.ambient-orbs span:nth-child(5){ --c: rgba(255,209,102,0.25); }
.ambient-orbs span:nth-child(6){ --c: rgba(34,197,94,0.25); }
.ambient-orbs span:nth-child(7){ --c: rgba(255,59,48,0.25); }
.ambient-orbs span:nth-child(8){ --c: rgba(168,85,247,0.25); }

/* POZICIJE + BRZE ANIMACIJE */
.ambient-orbs span:nth-child(1){
  width: 46vmax;
  height: 46vmax;
  top: -10%;
  left: -10%;
  animation: orb1 5s linear infinite alternate;
}

.ambient-orbs span:nth-child(2){
  width: 34vmax;
  height: 34vmax;
  top: 10%;
  left: 58%;
  animation: orb2 6s linear infinite alternate;
}

.ambient-orbs span:nth-child(3){
  width: 28vmax;
  height: 28vmax;
  top: 55%;
  left: 14%;
  animation: orb3 5s linear infinite alternate;
}

.ambient-orbs span:nth-child(4){
  width: 52vmax;
  height: 52vmax;
  top: 42%;
  left: 66%;
  animation: orb4 7s linear infinite alternate;
}

.ambient-orbs span:nth-child(5){
  width: 30vmax;
  height: 30vmax;
  top: 74%;
  left: -6%;
  animation: orb5 6s linear infinite alternate;
}

.ambient-orbs span:nth-child(6){
  width: 38vmax;
  height: 38vmax;
  top: -16%;
  left: 72%;
  animation: orb6 7s linear infinite alternate;
}

.ambient-orbs span:nth-child(7){
  width: 26vmax;
  height: 26vmax;
  top: 24%;
  left: 24%;
  animation: orb7 5s linear infinite alternate;
}

.ambient-orbs span:nth-child(8){
  width: 22vmax;
  height: 22vmax;
  top: 70%;
  left: 55%;
  animation: orb8 5s linear infinite alternate;
}

/* PUTANJE */

@keyframes orb1{
  to{ transform: translate3d(26vw, 18vh, 0) scale(1.1); }
}

@keyframes orb2{
  to{ transform: translate3d(-30vw, 22vh, 0) scale(1.15); }
}

@keyframes orb3{
  to{ transform: translate3d(32vw, -20vh, 0) scale(1.12); }
}

@keyframes orb4{
  to{ transform: translate3d(-24vw, -26vh, 0) scale(1.08); }
}

@keyframes orb5{
  to{ transform: translate3d(28vw, -16vh, 0) scale(1.16); }
}

@keyframes orb6{
  to{ transform: translate3d(-22vw, 28vh, 0) scale(1.1); }
}

@keyframes orb7{
  to{ transform: translate3d(36vw, 12vh, 0) scale(1.12); }
}

@keyframes orb8{
  to{ transform: translate3d(-32vw, -18vh, 0) scale(1.14); }
}

/* ACCESSIBILITY */
@media (prefers-reduced-motion: reduce){
  .ambient-orbs span{
    animation: none;
  }
}

/* NE PRIKAZUJ animiranu pozadinu na blog i single post stranicama */
body.blog .ambient-orbs,
body.single-post .ambient-orbs{
  display: none !important;
}

body.blog::before,
body.blog::after,
body.single-post::before,
body.single-post::after{
  content: none !important;
  background: none !important;
}
/* END */