.elementor-674 .elementor-element.elementor-element-872265e{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:120px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;--z-index:2;}.elementor-674 .elementor-element.elementor-element-8e93f1b.elementor-element{--align-self:stretch;}.elementor-674 .elementor-element.elementor-element-dc18530.elementor-element{--align-self:stretch;}/* Start custom CSS for html, class: .elementor-element-8e93f1b *//* riadok s dvoma projektami vedľa seba */
.projects-row {
  display: flex;
  gap: 40px;
  align-items: stretch;
}

/* celá karta = max 500px na výšku */
.project-card {
  flex: 1 1 0;
  height: 450px;                 /* celý blok má max 500px */
  overflow: hidden;
  background: #f6f6f6;           /* farba ako pozadie webu */
  display: flex;
  flex-direction: column;
  box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}

/* horná časť – video/obrázok */
.project-media {
  position: relative;
  flex: 1 1 auto;                /* zaberie všetko okrem metadát */
  overflow: hidden;
  background: #000;              /* len backup, nemalo by byť vidno */
}

/* obrázok vypĺňa celý kontajner */
.project-thumb {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;       /* prepíše globálne height:auto z témy */
  display: block;
  object-fit: cover;             /* vždy vypĺňa, radšej oreže */
  transition: opacity .3s ease;
  z-index: 1;
}

/* iframe – video vypĺňa celý kontajner bez pásov */
.project-media iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;       /* natiahne sa na celú výšku kontajnera */
  border: 0;
  object-fit: cover;             /* prehliadače, ktoré to rešpektujú */
  z-index: 0;
}

/* tlačidlo "Zobraziť projekt" */
.project-btn {
  position: absolute;
  bottom: 18px;
  right: 24px;
  padding: 10px 24px;
  border-radius: 999px;
  background: #ffffff;
  color: #000000;
  text-decoration: none;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  opacity: 0;
  transform: translateY(10px);
  transition: opacity .25s ease, transform .25s ease;
  z-index: 2;
}

/* pri prehrávaní videa */
.project-media.is-playing .project-thumb {
  opacity: 0;
}

.project-media.is-playing .project-btn {
  opacity: 1;
  transform: translateY(0);
}

/* spodná lišta s názvom a rokom – je súčasťou 500px karty */
.project-meta {
  flex: 0 0 auto;
  padding: 20px 14px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 18px;
  color: black;
}

.project-title {
  font-weight: 600;
}

.project-year {
  font-weight: 500;
}

/* jednoduché správanie na mobile – stack pod seba */
@media (max-width: 900px) {
  .projects-row {
    flex-direction: column;
  }

  .project-card {
    max-width: 100%;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dc18530 *//* riadok s dvoma projektami vedľa seba */
.projects-row {
  display: flex;
  gap: 40px;
  align-items: stretch;
}

/* celá karta = max 500px na výšku */
.project-card {
  flex: 1 1 0;
  height: 450px;                 /* celý blok má max 500px */
  overflow: hidden;
  background: #f6f6f6;           /* farba ako pozadie webu */
  display: flex;
  flex-direction: column;
  box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}

/* horná časť – video/obrázok */
.project-media {
  position: relative;
  flex: 1 1 auto;                /* zaberie všetko okrem metadát */
  overflow: hidden;
  background: #000;              /* len backup, nemalo by byť vidno */
}

/* obrázok vypĺňa celý kontajner */
.project-thumb {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;       /* prepíše globálne height:auto z témy */
  display: block;
  object-fit: cover;             /* vždy vypĺňa, radšej oreže */
  transition: opacity .3s ease;
  z-index: 1;
}

/* iframe – video vypĺňa celý kontajner bez pásov */
.project-media iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;       /* natiahne sa na celú výšku kontajnera */
  border: 0;
  object-fit: cover;             /* prehliadače, ktoré to rešpektujú */
  z-index: 0;
}

/* tlačidlo "Zobraziť projekt" */
.project-btn {
  position: absolute;
  bottom: 18px;
  right: 24px;
  padding: 10px 24px;
  border-radius: 999px;
  background: #ffffff;
  color: #000000;
  text-decoration: none;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  opacity: 0;
  transform: translateY(10px);
  transition: opacity .25s ease, transform .25s ease;
  z-index: 2;
}

/* pri prehrávaní videa */
.project-media.is-playing .project-thumb {
  opacity: 0;
}

.project-media.is-playing .project-btn {
  opacity: 1;
  transform: translateY(0);
}

/* spodná lišta s názvom a rokom – je súčasťou 500px karty */
.project-meta {
  flex: 0 0 auto;
  padding: 20px 14px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 18px;
  color: black;
}

.project-title {
  font-weight: 600;
}

.project-year {
  font-weight: 500;
}

/* jednoduché správanie na mobile – stack pod seba */
@media (max-width: 900px) {
  .projects-row {
    flex-direction: column;
  }

  .project-card {
    max-width: 100%;
  }
}/* End custom CSS */