/* Projects section - Two columns layout with large featured image */
/* Sekcija - glavna sa background-om preko cele širine ekrana */
#projekti.elementor-element-7aec9d7,
.elementor-element-7aec9d7 {
  padding-top: 50px !important;
  padding-bottom: 80px !important;
  background: var(--futura-dark) !important;
  background-color: var(--futura-dark) !important;
  position: relative;
  overflow: hidden;
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  box-sizing: border-box !important;
  left: 0 !important;
  right: 0 !important;
}

/* Osiguraj da background radi i na inline stilovima */
#projekti.elementor-element-7aec9d7[style*="background"],
.elementor-element-7aec9d7[style*="background"] {
  background-color: var(--futura-dark) !important;
  background: var(--futura-dark) !important;
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}

.elementor-element-7aec9d7.e-con-boxed {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  background-color: var(--futura-dark) !important;
  background: var(--futura-dark) !important;
  box-sizing: border-box !important;
  left: 0 !important;
  right: 0 !important;
}

.elementor-element-7aec9d7::before {
  display: none !important;
}

/* Container unutar sekcije - centriran sa max-width i margin */
.elementor-element-7aec9d7 .e-con-inner {
  max-width: 1400px !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
  position: relative;
  z-index: 1;
  background-color: transparent !important;
  background: transparent !important;
  box-sizing: border-box !important;
}

/* Osiguraj da svi parent elementi dozvoljavaju full-width */
.elementor-5265 .elementor-element.elementor-element-7aec9d7,
.entry-content .elementor-element.elementor-element-7aec9d7 {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  left: 0 !important;
  right: 0 !important;
  background-color: #ffffff !important;
  background: #ffffff !important;
}

/* Osiguraj da svi child elementi imaju transparent background */
.elementor-element-7aec9d7 .e-con,
.elementor-element-7aec9d7 .e-con-full,
.elementor-element-7aec9d7 .e-con-boxed,
.elementor-element-7aec9d7 .elementor-element {
  background-color: transparent !important;
  background: transparent !important;
}

/* Osiguraj da svi parent elementi dozvoljavaju full-width */
.elementor-5265 .elementor-element.elementor-element-7aec9d7,
.entry-content .elementor-element.elementor-element-7aec9d7 {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  left: 0 !important;
  right: 0 !important;
  background-color: var(--futura-dark) !important;
  background: var(--futura-dark) !important;
}

/* Blog/Projekti sekcija - crni tekst na beloj pozadini */
#projekti,
#projekti *,
#projekti p,
#projekti span,
#projekti div,
#projekti h1,
#projekti h2,
#projekti h3,
#projekti h4,
#projekti h5,
#projekti h6,
#projekti a,
#projekti li,
#projekti ul,
#projekti ol,
#projekti strong,
#projekti b,
#projekti em,
#projekti i,
.elementor-element-7aec9d7,
.elementor-element-7aec9d7 *,
.elementor-element-fcab01d,
.elementor-element-fcab01d *,
.elementor-element-d819153,
.elementor-element-d819153 *,
.elementor-element-8a3dc94,
.elementor-element-8a3dc94 *,
.elementor-element-abca5d3,
.elementor-element-abca5d3 *,
.futura-projects-grid,
.futura-projects-grid *,
.futura-project-card,
.futura-project-card *,
.futura-project-content,
.futura-project-content * {
  color: #141111 !important;
}

#projekti .theme-title,
#projekti .theme-title *,
#projekti .theme-title h2,
#projekti .theme-title h2 * {
  color: #ffffff !important;
}

.futura-project-title,
.futura-project-title *,
.futura-project-title a,
.futura-project-title a * {
  color: #141111 !important;
}

.futura-project-excerpt,
.futura-project-excerpt * {
  color: #141111 !important;
}

/* Bold the blue title-sub text */
#projekti .theme-title h2 .title-sub {
  font-weight: 700 !important;
}

.futura-projects-grid {
  margin-left: -15px;
  margin-right: -15px;
}

.futura-projects-grid > [class*="col-"] {
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 40px;
}

.futura-project-card {
  border-radius: 12px;
  overflow: hidden;
  transition: all 0.3s ease;
  height: 100%;
  width: 100% !important;
  display: flex;
  flex-direction: column;
}

.futura-project-card:hover .futura-project-content {
  transform: translateY(-8px);
  box-shadow: 0 12px 40px rgba(53, 114, 194, 0.15);
}

.futura-project-image {
  width: 100%;
  height: 400px;
  overflow: hidden;
  position: relative;
  border-radius: 12px;
}

.futura-project-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
  border-radius: 12px;
}

.futura-project-card:hover .futura-project-image img {
  transform: scale(1.05);
}

.futura-project-content {
  background: #ffffff;
  padding: 30px;
  padding-top: 30px;
  flex: 1;
  display: flex;
  flex-direction: column;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
  margin-top: 20px;
  border-radius: 12px;
}

.futura-project-title {
  margin: 0 0 15px 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3;
}

.futura-project-title a {
  color: #141111;
  text-decoration: none;
  transition: color 0.3s ease;
}

.futura-project-title a:hover {
  color: var(--futura-primary);
}

.futura-project-excerpt {
  margin: 0;
  color: #141111 !important;
  font-size: 16px;
  line-height: 1.6;
  flex: 1;
}

/* Project type/category label */
.futura-project-type {
  display: inline-block;
  padding: 6px 12px;
  background: var(--futura-primary, #3572c2);
  color: #ffffff !important;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border-radius: 4px;
  margin-bottom: 12px;
}

/* Project meta information container */
.futura-project-meta {
  margin: 15px 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* Each meta item in separate row */
.futura-project-meta-item {
  font-size: 14px;
  line-height: 1.6;
  color: #141111 !important;
  display: block;
}

.futura-project-meta-item strong {
  color: #141111 !important;
  font-weight: 600;
  margin-right: 4px;
}

/* Responsive adjustments */
@media (max-width: 991px) {
  #projekti {
    padding-top: 60px;
    padding-bottom: 0;
  }
  .futura-project-image {
    height: 350px;
  }
  
  .futura-project-content {
    padding: 25px;
    padding-top: 30px;
    margin-top: 20px;
  }
  
  .futura-project-title {
    font-size: 22px;
  }
}

@media (max-width: 767px) {
  #projekti {
    padding-top: 40px;
    padding-bottom: 0;
  }
  
  #projekti .theme-title h2 {
    font-size: 45px !important;
  }
  
  .futura-project-image {
    height: 300px;
  }
  
  .futura-project-content {
    padding: 20px;
    padding-top: 30px;
    margin-top: 20px;
  }
  
  .futura-project-title {
    font-size: 24px !important;
  }
  
  .futura-project-excerpt {
    font-size: 15px;
  }
}

@media (max-width: 575px) {
  .futura-project-title {
    font-size: 22px !important;
  }
  
  #projekti .theme-title h2 {
    font-size: 45px !important;
    margin-bottom: 24px !important;
  }
}