.weblabs-trust-bar{
  --weblabs-cols: 4;
  --weblabs-gap: 22px;
  --weblabs-item-minh: 0px;

  --weblabs-icon-box: 54px;
  --weblabs-icon-size: 24px;
  --weblabs-icon-img: 26px;
  --weblabs-icon-bg: #0b2f3a;
  --weblabs-icon-color: #fff;
  --weblabs-icon-border: rgba(0,0,0,.12);
  --weblabs-icon-bw: 1px;

  --weblabs-head-gap: 16px;
  --weblabs-desc-top: 26px;

  width: 100%;
  contain: layout paint;
}

.weblabs-trust-bar__grid{
  display: grid;
  grid-template-columns: repeat(var(--weblabs-cols), minmax(0, 1fr));
  gap: var(--weblabs-gap);
}

.weblabs-trust-bar__item{
    display: flex;
    text-decoration: none;
    min-height: var(--weblabs-item-minh);
    position: relative;
    transition: transform 180ms ease;
    flex-direction: column;
    justify-content: space-between;
}

/* optional hover lift */
.weblabs-trust-bar.is-hover-lift .weblabs-trust-bar__item:hover{
  transform: translateY(-3px);
}

/* desktop head layout like design:
   force icon LEFT even on RTL pages by using direction:ltr in head
*/
.weblabs-trust-bar__head{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--weblabs-head-gap);
}

/* icon-left (design) */
.weblabs-trust-bar.is-head-icon-left .weblabs-trust-bar__head{
  direction: ltr; /* ensures first element appears left */
}

/* icon-right */
.weblabs-trust-bar.is-head-icon-right .weblabs-trust-bar__head{
  direction: rtl;
}

.weblabs-trust-bar__icon-box{
  width: var(--weblabs-icon-box);
  height: var(--weblabs-icon-box);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--weblabs-icon-bg);
  border: var(--weblabs-icon-bw) solid var(--weblabs-icon-border);
  color: var(--weblabs-icon-color);
  flex: 0 0 auto;
}

/* Elementor icon (svg / i) sizing */
.weblabs-trust-bar__icon-box svg{
  width: var(--weblabs-icon-size);
  height: var(--weblabs-icon-size);
  fill: currentColor;
}
.weblabs-trust-bar__icon-box i{
  font-size: var(--weblabs-icon-size);
  color: currentColor;
}

/* upload icon */
.weblabs-trust-bar__icon-img{
  width: var(--weblabs-icon-img);
  height: var(--weblabs-icon-img);
  object-fit: contain;
  display: block;
}

.weblabs-trust-bar__title{
  margin: 0;
  line-height: 1.35;
  /* keep Persian text correct even if head is ltr */
  direction: rtl;
  text-align: right;
}

/* if icon-right layout, title should be left aligned naturally */
.weblabs-trust-bar.is-head-icon-right .weblabs-trust-bar__title{
  direction: rtl;
  text-align: right;
}

/* description (bottom centered like design) */
.weblabs-trust-bar__desc{
  margin: var(--weblabs-desc-top) 0 0 0;
  line-height: 1.9;
  text-align: center;
  direction: rtl;
  text-align:justify;
}

/* Mobile behavior like screenshot: 2 columns + stacked content inside each item */
@media (max-width: 767px){

  .weblabs-trust-bar.is-mobile-stack .weblabs-trust-bar__item{
    text-align: center;
  }

  .weblabs-trust-bar.is-mobile-stack .weblabs-trust-bar__head{
    direction: rtl;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
  }

  .weblabs-trust-bar.is-mobile-stack .weblabs-trust-bar__title{
    text-align: center;
  }

  .weblabs-trust-bar.is-mobile-stack .weblabs-trust-bar__desc{
    margin-top: 16px;
  }

  /* if mobile inline chosen */
  .weblabs-trust-bar.is-mobile-inline .weblabs-trust-bar__head{
    direction: ltr;
  }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .weblabs-trust-bar__item{ transition: none !important; }
}