/* Naši radovi — Hostinger-safe page stylesheet
   Separate file + unique filename prevents stale CDN/browser cache from breaking the portfolio layout. */

body.page-portfolio{
  background:#090d11;
}

.page-portfolio .portfolio-main{
  display:block;
  width:100%;
  padding-top:96px;
}

.page-portfolio .portfolio-section{
  display:block;
  width:100%;
  padding:20px 0 14px;
}

.page-portfolio .portfolio-container{
  display:block;
  width:calc(100% - 16px);
  max-width:1360px;
  margin-left:auto;
  margin-right:auto;
}

.page-portfolio .portfolio-grid{
  display:block;
  width:100%;
  column-count:1;
  column-gap:0;
}

.page-portfolio .portfolio-item{
  display:inline-block;
  width:100%;
  max-width:100%;
  margin:0 0 10px;
  padding:0;
  vertical-align:top;
  break-inside:avoid;
  -webkit-column-break-inside:avoid;
  page-break-inside:avoid;
  overflow:hidden;
  border-radius:12px;
  background:#11171d;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 10px 28px rgba(0,0,0,.18);
}

.page-portfolio .portfolio-item a{
  display:block;
  width:100%;
  margin:0;
  padding:0;
}

.page-portfolio .portfolio-item img,
.page-portfolio .portfolio-item video{
  display:block;
  width:100%;
  max-width:100%;
  margin:0;
  padding:0;
  background:#0d1115;
}

.page-portfolio .portfolio-item img{
  height:auto;
  transition:transform .28s ease,filter .28s ease;
}

.page-portfolio .portfolio-item video{
  height:auto;
  aspect-ratio:9 / 16;
  object-fit:cover;
  border:0;
  outline:0;
}

.page-portfolio .portfolio-item a:hover img{
  transform:scale(1.012);
  filter:brightness(1.035);
}

.page-portfolio .footer{
  margin-top:42px;
}

/* Telefon: strogo jedan vizuelni element po redu. */
@media (max-width:699px){
  .page-portfolio .portfolio-grid{
    column-count:1 !important;
    columns:1 !important;
    column-gap:0 !important;
  }

  .page-portfolio .portfolio-item{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 0 10px !important;
  }
}

@media (min-width:700px){
  .page-portfolio .portfolio-main{
    padding-top:104px;
  }

  .page-portfolio .portfolio-section{
    padding-top:26px;
  }

  .page-portfolio .portfolio-container{
    width:calc(100% - 34px);
    max-width:1320px;
  }

  .page-portfolio .portfolio-grid{
    column-count:3;
    column-gap:10px;
  }

  .page-portfolio .portfolio-item{
    margin-bottom:10px;
    border-radius:14px;
  }
}

@media (min-width:960px){
  .page-portfolio .portfolio-container{
    width:calc(100% - 48px);
    max-width:1360px;
  }

  .page-portfolio .portfolio-grid{
    column-count:4;
    column-gap:12px;
  }

  .page-portfolio .portfolio-item{
    margin-bottom:12px;
    border-radius:16px;
  }

  .page-portfolio .desktop-nav{gap:1px;}
  .page-portfolio .desktop-nav a{padding:9px 8px;font-size:.82rem;}
  .page-portfolio .desktop-nav .nav-call{margin-left:3px;padding:9px 11px;}
  .page-portfolio .logo img{width:190px;}
}

@media (min-width:1160px){
  .page-portfolio .desktop-nav{gap:4px;}
  .page-portfolio .desktop-nav a{padding:10px 11px;font-size:.9rem;}
  .page-portfolio .desktop-nav .nav-call{margin-left:7px;padding:10px 14px;}
  .page-portfolio .logo img{width:204px;}
}