/* ===============================
   Add to Cart + Trust Badges Row
================================= */
.add-to-cart-row {
  display: flex;
  align-items: center !important;
  flex-wrap: wrap; /* prevents breaking on smaller screens */
}

/* Fix Prestashop default behavior */
.add {
  width: auto !important;
  display: flex;
  align-items: center;
}

/* Button alignment */
.add-to-cart {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* ===============================
   Trust Badges Container
================================= */
.trust-badges {
  display: flex;
  align-items: center;
  margin-left: 12px;
  font-size: 12px;
}

/* Badge list */
.trust-badges ul {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Individual badge */
.trust-badges li {
  display: flex;
  align-items: center;
  white-space: nowrap;
  line-height: 1;
}

/* ===============================
   Optional: Visual Enhancement
================================= */
.trust-badges li {
  background: #f8f8f8;
  padding: 4px 8px;
  border-radius: 12px;
}

/* ===============================
   Micro Alignment Fix (if needed)
================================= */
.trust-badges {
  position: relative;
  top: -1px; /* tweak between -1px to -3px if needed */
}

/* ===============================
   Mobile Optimization
================================= */
@media (max-width: 768px) {
  .add-to-cart-row {
    flex-direction: column;
    align-items: flex-start;
  }

  .trust-badges {
    margin-left: 0;
    margin-top: 8px;
  }

  .trust-badges ul {
    flex-wrap: wrap;
    gap: 6px;
  }

  .trust-badges li {
    font-size: 11px;
  }
}