/* =========================================================
   SAMO ZA GALERIJU / PORTFOLIO
   Ovo NE ide na ostale stranice.
   Slika: img/galerija.webp
   ========================================================= */

.hero-galerija{
  min-height:80vh !important;
  display:flex !important;
  align-items:center !important;
  padding:150px 0 90px !important;
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;
  background:
    linear-gradient(90deg, rgba(0,0,0,.97) 0%, rgba(0,0,0,.68) 45%, rgba(0,0,0,.22) 100%),
    url("img/galerija.webp") center center / cover no-repeat !important;
}

.hero-galerija::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    radial-gradient(circle at 72% 34%, rgba(202,168,92,.12), transparent 36%),
    linear-gradient(180deg, rgba(0,0,0,.04), rgba(0,0,0,.40));
}

.hero-galerija::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:250px;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(0deg, var(--bg) 0%, rgba(7,7,7,.82) 38%, transparent 100%);
}

.hero-galerija .container{
  position:relative;
  z-index:3;
}

.hero-galerija h1{
  text-shadow:0 24px 90px rgba(0,0,0,.78);
}

.hero-galerija p{
  max-width:620px;
  font-size:20px;
  color:rgba(255,255,255,.86);
  text-shadow:0 10px 45px rgba(0,0,0,.7);
}

/* Portfolio video preview */
.video-thumb iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
  pointer-events:none;
  filter:brightness(.62) contrast(1.12);
  transform:scale(1.02);
  transition:.45s ease;
}

.video-card:hover .video-thumb iframe{
  filter:brightness(.88) contrast(1.16);
  transform:scale(1.08);
}

.video-card{
  cursor:pointer;
}

@media(max-width:900px){
  .hero-galerija{
    min-height:70vh !important;
    align-items:flex-end !important;
    padding:125px 0 70px !important;
    background:
      linear-gradient(180deg, rgba(0,0,0,.94) 0%, rgba(0,0,0,.76) 58%, rgba(0,0,0,.58) 100%),
      url("img/galerija.webp") center center / cover no-repeat !important;
  }

  .hero-galerija p{
    font-size:15px;
    max-width:340px;
  }
}