/* =========================================================
   55-trust.css — BeautyTrouvailles Trust Badges
   Version: 3.0 — Premium Trust Indicators
   
   Contents:
   1. Trust Section Container
   2. Trust Grid
   3. Trust Items
   4. Icon & Text Styles
   ========================================================= */

/* =========================
   1. TRUST SECTION
   ========================= */
.bt-custom-product-page .btp-trust-section {
  margin-top: var(--bt-space-4);
  padding: var(--bt-space-4);
  border-radius: var(--bt-card-radius);
  background: var(--bt-bg-card);
  border: var(--bt-card-border);
  box-shadow: var(--bt-shadow-card);
}

/* =========================
   2. TRUST GRID
   ========================= */
.bt-custom-product-page .btp-trust-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--bt-space-3);
}

/* =========================
   3. TRUST ITEMS
   ========================= */
.bt-custom-product-page .btp-trust-item {
  display: flex;
  align-items: center;
  gap: var(--bt-space-3);
  padding: var(--bt-space-3);
  
  border-radius: var(--bt-radius-lg);
  border: 1px solid rgba(17, 24, 39, 0.06);
  background: rgba(26, 26, 46, 0.02);
  
  transition: border-color var(--bt-transition-fast),
              box-shadow var(--bt-transition-fast);
}

.bt-custom-product-page .btp-trust-item:hover {
  border-color: var(--bt-pink-border);
  box-shadow: var(--bt-shadow-xs);
}

/* =========================
   4. ICON & TEXT
   ========================= */
.bt-custom-product-page .btp-trust-icon {
  flex-shrink: 0;
  width: 42px;
  height: 42px;
  
  display: grid;
  place-items: center;
  
  border-radius: var(--bt-radius-md);
  background: var(--bt-pink-subtle);
  color: var(--bt-pink);
}

.bt-custom-product-page .btp-trust-icon svg {
  width: 20px;
  height: 20px;
}

.bt-custom-product-page .btp-trust-text {
  min-width: 0;
}

.bt-custom-product-page .btp-trust-text strong {
  display: block;
  font-weight: 900;
  font-size: var(--bt-text-sm);
  color: var(--bt-navy);
  line-height: var(--bt-leading-tight);
}

.bt-custom-product-page .btp-trust-text span {
  display: block;
  margin-top: 2px;
  font-weight: 700;
  font-size: var(--bt-text-xs);
  color: var(--bt-muted);
  line-height: var(--bt-leading-snug);
}

/* =========================
   RESPONSIVE
   ========================= */
@media (max-width: 767px) {
  .bt-custom-product-page .btp-trust-grid {
    gap: var(--bt-space-2);
  }
  
  .bt-custom-product-page .btp-trust-item {
    padding: var(--bt-space-2);
  }
  
  .bt-custom-product-page .btp-trust-icon {
    width: 38px;
    height: 38px;
  }
}

@media (max-width: 520px) {
  .bt-custom-product-page .btp-trust-grid {
    grid-template-columns: 1fr;
  }
}