/* ======================================================
   SolX Filter Grid – styling (verde #009655)
   FIX: tab-uri vizibile indiferent de stilurile temei
   ====================================================== */

:root{ --solx-green:#009655; }

.solxfg{ width:100%; }

/* Tabs */
.solxfg__tabs{
  display:flex !important;
  gap:24px;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  margin: 0 0 32px 0;
  width:100%;
}

.solxfg__tab{
  appearance:none;
  -webkit-appearance:none;
  background:transparent !important;
  border:0 !important;
  border-bottom:2px solid transparent !important;
  padding:6px 0 !important;
  margin:0 !important;
  font-size:16px;
  font-weight:500;
  line-height:1.2;
  cursor:pointer;
  color:#111 !important;
  opacity:1 !important;
  visibility:visible !important;
  display:inline-flex !important;
  align-items:center;
  transition:color .2s ease, border-color .2s ease, opacity .2s ease;
}

.solxfg__tab:hover{
  color:var(--solx-green) !important;
}

.solxfg__tab.is-active{
  color:var(--solx-green) !important;
  border-bottom-color:var(--solx-green) !important;
}

/* Grid */
.solxfg__grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:20px;
}

@media (max-width: 1024px){
  .solxfg__grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px){
  .solxfg__grid{ grid-template-columns:1fr; }
}

/* Card */
.solxfg__item{
  background:#fff;
  border:1px solid #eee;
  border-radius:4px;
  overflow:hidden;
  position:relative;
  transition: box-shadow .25s ease, transform .25s ease, border-color .25s ease;
}

.solxfg__item::before{
  content:"";
  position:absolute;
  left:0; top:0; right:0;
  height:3px;
  background:transparent;
  transition:background .25s ease;
}

.solxfg__item:hover{
  border-color: rgba(0,150,85,.35);
  box-shadow: 0 12px 26px rgba(0,0,0,.10);
  transform: translateY(-3px);
}

.solxfg__item:hover::before{
  background: var(--solx-green);
}

/* Image */
.solxfg__media{ overflow:hidden; }
.solxfg__img{
  width:100%;
  height:auto;
  display:block;
  transition: transform .25s ease, opacity .25s ease;
}
.solxfg__link:hover .solxfg__img{
  transform: scale(1.05);
  opacity: .98;
}

/* Body */
.solxfg__body{ padding:14px 16px; }
.solxfg__title{ margin:0; font-size:18px; }
.solxfg__title a{ color:#222; text-decoration:none; }
.solxfg__title a:hover{ color:var(--solx-green); }