.elementor-2871 .elementor-element.elementor-element-ba3a08a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-portfolio a .elementor-portfolio-item__overlay{background-color:var( --e-global-color-accent );}.elementor-widget-portfolio .elementor-portfolio-item__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-portfolio .elementor-portfolio__filter{color:var( --e-global-color-text );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-portfolio .elementor-portfolio__filter.elementor-active{color:var( --e-global-color-primary );}.elementor-2871 .elementor-element.elementor-element-9ae681d{--grid-row-gap:10px;--grid-column-gap:10px;}.elementor-2871 .elementor-element.elementor-element-9ae681d a .elementor-portfolio-item__overlay{background-color:#FFFFFF00;}.elementor-2871 .elementor-element.elementor-element-9ae681d .elementor-portfolio-item__title{font-family:"Montserrat", Sans-serif;font-weight:600;}.elementor-2871 .elementor-element.elementor-element-9ae681d .elementor-portfolio__filter:not(:last-child){margin-right:calc(10px/2);}.elementor-2871 .elementor-element.elementor-element-9ae681d .elementor-portfolio__filter:not(:first-child){margin-left:calc(10px/2);}.elementor-2871 .elementor-element.elementor-element-9ae681d .elementor-portfolio__filters{margin-bottom:10px;}:root{--page-title-display:none;}/* Start custom CSS for portfolio, class: .elementor-element-9ae681d *//* Kontajner položky */
.elementor-2871 .elementor-element.elementor-element-9ae681d .elementor-portfolio-item {
  position: relative;
  overflow: hidden;
}

/* Obal obrázka */
.elementor-2871 .elementor-element.elementor-element-9ae681d .elementor-portfolio-item__img {
  overflow: hidden;
  position: relative;
}

/* Obrázok */
.elementor-2871 .elementor-element.elementor-element-9ae681d .elementor-portfolio-item__img img {
  display: block;
  width: 100%;
  height: auto;
  transition: transform 1.2s ease;
  will-change: transform;
}

/* HOVER efekt – zväčšenie obrázka */
.elementor-2871 .elementor-element.elementor-element-9ae681d .elementor-post__thumbnail__link:hover .elementor-portfolio-item__img img {
  transform: scale(1.05);
}

/* === BIELE PRIESVITNÉ POZADIE PRI HOVERI === */

/* Vytvoríme overlay vrstvu */
.elementor-2871 .elementor-element.elementor-element-9ae681d .elementor-portfolio-item__img::after {
  content: '';
  position: absolute;
  inset: 0;
  background-color: transparent;
  transition: background-color 0.3s ease;
  z-index: 1;
}

/* Pri hoveri sfarbíme */
.elementor-2871 .elementor-element.elementor-element-9ae681d .elementor-post__thumbnail__link:hover .elementor-portfolio-item__img::after {
  background-color: #FFFFFF2E;
}

/* Pásik s názvom – stále viditeľný nad overlayom */
.elementor-2871 .elementor-element.elementor-element-9ae681d .elementor-portfolio-item__title {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(14, 16, 32, 0.4);
  color: #fff;
  padding: 10px;
  font-size: 16px;
  text-align: center;
  z-index: 2;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Texty a overlay vždy viditeľné */
.elementor-2871 .elementor-element.elementor-element-9ae681d .elementor-portfolio-item__overlay,
.elementor-2871 .elementor-element.elementor-element-9ae681d .elementor-portfolio-item__text {
  opacity: 1 !important;
  visibility: visible !important;
}/* End custom CSS */