/*
 Theme Name: Hello Biz Child
 Theme URI: https://example.com/
 Description: Child theme for Hello Biz (Elementor) + Gradovi filter (regija + industrije) for Elementor Query ID.
 Author: Koni Design
 Author URI: https://example.com/
 Template: hello-biz
 Version: 1.0.0
 Text Domain: hello-biz-child
*/

/* Optional: minimal base styles for the filter. You can override in Elementor or custom CSS. */
.gradovi-filter { width: 100%; }


/* INDUSTRIJE “chips” lista (kao na screenu) */
.grad-industrije-list{
  list-style: none;
  padding: 0;
  margin: 0;

  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.grad-industrija-item{
  list-style: none;
  position: relative;

  background: #fff;
  border-radius: 18px;
  box-shadow: 0 14px 40px rgba(0,0,0,.10);

  padding: 18px 18px 18px 74px; /* prostor za ikonu */
  min-height: 66px;

  display: flex;
  align-items: center;

  font-weight: 800;
  line-height: 1.15;

  /* da se duži nazivi lijepo lome */
  word-break: break-word;
}

.grad-industrija-item::before{
  content: "✓";
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);

  width: 46px;
  height: 46px;
  border-radius: 14px;

  background: #2f6f55;
  color: #fff;

  display: flex;
  align-items: center;
  justify-content: center;

  font-size: 22px;
  font-weight: 900;
}

/* ako su linkovi uključeni */
.grad-industrija-item a{
  color: inherit;
  text-decoration: none;
  display: block;
  width: 100%;
}

/* mali hover (optional, možeš maknuti) */
.grad-industrija-item:hover{
  transform: translateY(-1px);
  transition: transform .15s ease;
}

/* Responsive */
@media (max-width: 1024px){
  .grad-industrije-list{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px){
  .grad-industrije-list{
    grid-template-columns: 1fr;
    gap: 14px;
  }
  .grad-industrija-item{
    padding: 16px 16px 16px 70px;
    min-height: 62px;
  }
}