/* ==========================================================
   Bloom & Barakah — Trust Badges widget styles.
   Scoped entirely under .bb-trust so this file only ever affects
   this widget's own markup.
   ========================================================== */

.bb-trust{
  --bb-trust-icon-color: #2C3A52;
  --bb-trust-icon-size: 24px;
  --bb-trust-text-color: #1F1B18;
  --bb-trust-text-size: 13px;
  --bb-trust-gap: 28px;
  --bb-trust-item-gap: 10px;
  --bb-trust-divider-color: #E4DCC8;
  box-sizing: border-box;
}
.bb-trust *{ box-sizing: border-box; }

.bb-trust__row{
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: var(--bb-trust-gap) !important;
}
.bb-trust--center .bb-trust__row{ justify-content: center !important; }
.bb-trust--right .bb-trust__row{ justify-content: flex-end !important; }
.bb-trust--between .bb-trust__row{ justify-content: space-between !important; }
.bb-trust--stacked .bb-trust__row{ flex-direction: column !important; align-items: flex-start !important; }

.bb-trust__item{
  display: flex !important;
  align-items: center !important;
  gap: var(--bb-trust-item-gap) !important;
  flex-shrink: 0;
}
.bb-trust--with-dividers .bb-trust__item:not(:last-child){
  padding-right: var(--bb-trust-gap) !important;
  border-right: 1px solid var(--bb-trust-divider-color) !important;
}
.bb-trust--with-dividers.bb-trust--stacked .bb-trust__item:not(:last-child){
  padding-right: 0 !important;
  padding-bottom: var(--bb-trust-gap) !important;
  border-right: none !important;
  border-bottom: 1px solid var(--bb-trust-divider-color) !important;
  width: 100% !important;
}

.bb-trust__icon{
  width: var(--bb-trust-icon-size) !important;
  height: var(--bb-trust-icon-size) !important;
  color: var(--bb-trust-icon-color) !important;
  flex-shrink: 0 !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
}
.bb-trust__icon svg,
.bb-trust__icon i{
  width: 100% !important;
  height: 100% !important;
  font-size: var(--bb-trust-icon-size) !important;
  color: var(--bb-trust-icon-color) !important;
}
.bb-trust__icon img{ width: 100% !important; height: 100% !important; object-fit: contain !important; }

.bb-trust__text{
  font-family: var(--bb-font-sans, inherit) !important;
  font-size: var(--bb-trust-text-size) !important;
  color: var(--bb-trust-text-color) !important;
  font-weight: 600 !important;
  white-space: nowrap;
}

@media(max-width: 600px){
  .bb-trust--with-dividers .bb-trust__item{
    padding-right: 0 !important;
    border-right: none !important;
  }
}