/* ── Trust Badge Storefront Styles ── */

.deco-trust-badge-container {
  width: 100%;
  margin: 12px 0;
  box-sizing: border-box;
}

.deco-trust-badge-inner {
  width: 100%;
  box-sizing: border-box;
  border-radius: 8px;
  padding: 12px 16px;
}

.deco-trust-badge-heading {
  margin-bottom: 8px;
  line-height: 1.4;
  word-wrap: break-word;
}

.deco-trust-badge-icons {
  display: flex;
  flex-wrap: wrap;
}

.deco-trust-badge-icon-item {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.deco-trust-badge-icon-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  transition: filter 0.3s ease;
}

.deco-trust-badge-icon-wrap img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.deco-trust-badge-icon-title {
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

/* ── Animation Keyframes ── */
@keyframes deco-trust-badge-pulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.03); }
}
@keyframes deco-trust-badge-fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes deco-trust-badge-fadeOut {
  0% { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes deco-trust-badge-bounceIn {
  0% { transform: scale(0.3); opacity: 0; }
  50% { transform: scale(1.05); }
  70% { transform: scale(0.9); }
  100% { transform: scale(1); opacity: 1; }
}
@keyframes deco-trust-badge-bounceOut {
  0% { transform: scale(1); }
  25% { transform: scale(0.95); }
  50% { transform: scale(1.1); }
  100% { transform: scale(0.3); opacity: 0; }
}
@keyframes deco-trust-badge-flip {
  0% { transform: perspective(400px) rotateY(0); }
  100% { transform: perspective(400px) rotateY(360deg); }
}
@keyframes deco-trust-badge-gelatine {
  0%, 100% { transform: scale(1, 1); }
  25% { transform: scale(0.9, 1.1); }
  50% { transform: scale(1.1, 0.9); }
  75% { transform: scale(0.95, 1.05); }
}
@keyframes deco-trust-badge-rubberBand {
  0%, 100% { transform: scaleX(1); }
  30% { transform: scaleX(1.25) scaleY(0.75); }
  40% { transform: scaleX(0.75) scaleY(1.25); }
  50% { transform: scaleX(1.15) scaleY(0.85); }
  65% { transform: scaleX(0.95) scaleY(1.05); }
  75% { transform: scaleX(1.05) scaleY(0.95); }
}

/* ── Mobile ── */
@media (max-width: 768px) {
  .deco-trust-badge-inner {
    padding: 8px 12px;
  }
}