.elementor-4842 .elementor-element.elementor-element-482528a2 > .elementor-container{max-width:1240px;}.elementor-4842 .elementor-element.elementor-element-482528a2{padding:90px 0px 70px 0px;}.elementor-4842 .elementor-element.elementor-element-169dbf88 > .elementor-element-populated{padding:75px 0px 0px 0px;}.elementor-4842 .elementor-element.elementor-element-65cb0eaa{text-align:start;}.elementor-4842 .elementor-element.elementor-element-6a12e725{text-align:justify;}.elementor-4842 .elementor-element.elementor-element-1387bf57{width:var( --container-widget-width, 98.599% );max-width:98.599%;--container-widget-width:98.599%;--container-widget-flex-grow:0;}.elementor-4842 .elementor-element.elementor-element-1387bf57.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-4842 .elementor-element.elementor-element-dc88560{--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;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-4842 .elementor-element.elementor-element-be7cc02{--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;--gap:25px 25px;--row-gap:25px;--column-gap:25px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-4842 .elementor-element.elementor-element-f169713{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--border-radius:45px 0px 45px 0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-4842 .elementor-element.elementor-element-f169713:not(.elementor-motion-effects-element-type-background), .elementor-4842 .elementor-element.elementor-element-f169713 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E2F9DF;}.elementor-4842 .elementor-element.elementor-element-ba3cb09{padding:0px 0px 0px 50px;text-align:start;}.elementor-4842 .elementor-element.elementor-element-ba3cb09.elementor-element{--align-self:center;}@media(max-width:1024px){.elementor-4842 .elementor-element.elementor-element-f169713{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-4842 .elementor-element.elementor-element-169dbf88{width:40%;}.elementor-4842 .elementor-element.elementor-element-5af76273{width:60%;}.elementor-4842 .elementor-element.elementor-element-dc88560{--content-width:1200px;}}@media(max-width:1024px) and (min-width:768px){.elementor-4842 .elementor-element.elementor-element-169dbf88{width:100%;}.elementor-4842 .elementor-element.elementor-element-5af76273{width:100%;}}@media(min-width:2400px){.elementor-4842 .elementor-element.elementor-element-f169713{--grid-auto-flow:row;}}@media(max-width:1366px){.elementor-4842 .elementor-element.elementor-element-f169713{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-4842 .elementor-element.elementor-element-65cb0eaa{padding:9px 9px 9px 9px;}.elementor-4842 .elementor-element.elementor-element-6a12e725{padding:0px 9px 0px 9px;}.elementor-4842 .elementor-element.elementor-element-f169713{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for html, class: .elementor-element-cc44da1 *//* Glavni kontejner */
.satnica-mreza {
  display: flex;
  flex-direction: column; 
  align-items: center; 
  padding: 50px 0;
  overflow: visible;
}

/* Posamezna vrstica */
.satnica-vrstica {
  display: flex;
  justify-content: center;
  margin-top: -55px; 
}

/* Prva vrstica ne sme biti potegnjena gor */
.satnica-vrstica:first-child {
  margin-top: 0;
}

/* Osnovna celica - Šesterokotnik */
.celica {
  width: 200px;
  height: 230px;
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  margin: 0 4px; /* TUKAJ JE DEFINIRAN RAZMAK ZA VSE */
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  text-decoration: none;
  font-family: inherit;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  position: relative;
}

/* Notranja vsebina (Tekst) */
.vsebina {
  width: 80%;
  padding: 10px;
  font-size: 18px;
  line-height: 1.3;
}

/* 1. AKTIVNI PROJEKTI (3D Izbočeno in barve) */
.celica.aktivna {
  background: #ffde8e; /* TUKAJ SPREMENIŠ OSNOVNO BARVO AKTIVNEGA PROJEKTA */
  color: #333;
  z-index: 5;
  /* MOČNA 3D SENCA */
  filter: drop-shadow(0px 10px 15px rgba(0,0,0,0.3));
}

/* Hover animacija za aktivne */
.celica.aktivna:hover {
  transform: translateY(-8px); /* Dvig ob premiku miške (brez širjenja) */
  background: #ffb6b2; /* TUKAJ SPREMENIŠ BARVO OB PREMIKU MIŠKE (HOVER) */
  z-index: 10;
  /* ŠE VEČJA SENCA OB DVIGU */
  filter: drop-shadow(0px 15px 20px rgba(0,0,0,0.4));
}

/* 2. ZAKLJUČENI PROJEKTI (Vdolbeni) */
.celica.zakljucena {
  background: #e8e5e1; 
  color: #777;
  transform: scale(0.96); 
  z-index: 1;
  opacity: 0.85;
}

/* Rahel premik miške na zaključenih */
.celica.zakljucena:hover {
  opacity: 1;
  background: #dfdbd6;
}

@media (max-width: 767px) {

  .satnica-mreza {
    padding: 20px 0;
  }

  .satnica-vrstica {
    margin-top: -24px;
  }

  .satnica-vrstica:first-child {
    margin-top: 0;
  }

  .celica {
    width: 86px;
    height: 102px;
    margin: 0 2px;
  }

  .vsebina {
    width: 78%;
    padding: 4px;
    font-size: 10px;
    line-height: 1.2;
  }

  .celica.zakljucena {
    transform: scale(0.96);
  }

}/* End custom CSS */