/* Scope */
.trustindex-2x3 {
  position: relative;
}

/* Largeur et centrage de la zone widget */
.trustindex-2x3 .ti-grid-pages {
  max-width: 1100px;
  margin: 0 auto;
}

/* Grille par page */
.trustindex-2x3 .ti-grid-page {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-auto-rows: 1fr;
  gap: 28px;
}

/* Chaque enfant de la grille doit pouvoir rétrécir */
.trustindex-2x3 .ti-grid-page > * {
  min-width: 0;
}

/* Cartes Trustindex : on harmonise les hauteurs ET les largeurs */
.trustindex-2x3 .ti-review-item,
.trustindex-2x3 .ti-review,
.trustindex-2x3 .ti-item {
  height: 100%;
  display: flex;
  flex-direction: column;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
}

/* Si Trustindex met un wrapper interne, on le pousse à remplir */
.trustindex-2x3 .ti-review-item > *:first-child,
.trustindex-2x3 .ti-review > *:first-child,
.trustindex-2x3 .ti-item > *:first-child {
  flex: 1 1 auto;
}

/* Neutralise les colonnes / largeurs imposées par Trustindex */
.trustindex-2x3 .ti-widget.ti-goog [class*="ti-col"] {
  max-width: none !important;
  width: 100% !important;
  flex: 1 1 auto !important;
}

/* Padding des cartes */
.trustindex-2x3 .ti-widget.ti-goog .ti-review-item {
  padding: 30px 30px !important;
  transition: transform 300ms ease-out;
}

/* Cache la navigation native éventuelle */
.trustindex-2x3 .ti-pagination,
.trustindex-2x3 .ti-controls {
  display: none !important;
}

/* Navigation custom */
.trustindex-2x3 .ti-grid-nav {
  display: flex !important;
  justify-content: center;
  align-items: center;
  margin-top: 16px;
}

/* On neutralise tout margin parasite posé ailleurs */
.trustindex-2x3 .ti-grid-nav > * {
  margin: 0 !important;
}

/* Ecart uniquement entre les deux boutons */
.trustindex-2x3 .ti-grid-nav .ti-grid-btn + .ti-grid-btn {
  margin-left: 12px !important;
}

.trustindex-2x3 .ti-grid-btn {
  appearance: none;
  border: 1px solid var(--theme-palette-color-1, #006B30);
  background: transparent;
  color: var(--theme-palette-color-1, #006B30);
  padding: 8px 16px;
  font-size: 14px;
  line-height: 1;
  cursor: pointer;
  border-radius: 4px;
}

.trustindex-2x3 .ti-grid-btn:hover {
  background: var(--theme-palette-color-1, #006B30);
  color: #fff;
}

.trustindex-2x3 .ti-grid-btn[disabled] {
  opacity: 0.45;
  cursor: default;
}

/* Dots */
/* Centrage et écart entre les pastilles */
.trustindex-2x3 .ti-grid-dots {
  display: flex !important;
  justify-content: center;
  align-items: center;
  margin-top: 12px;
}

/* Supprime les marges internes du widget s’il en ajoute */
.trustindex-2x3 .ti-grid-dots > * {
  margin: 0 !important;
}

/* Espace entre chaque pastille */
.trustindex-2x3 .ti-grid-dots .ti-grid-dot + .ti-grid-dot {
  margin-left: 8px !important;
}

.trustindex-2x3 .ti-grid-dot {
  width: 8px;
  height: 8px;
  border: 1px solid var(--theme-palette-color-1, #006B30);
  border-radius: 9999px;
  background: transparent;
}

.trustindex-2x3 .ti-grid-dot.is-active {
  background: var(--theme-palette-color-1, #006B30);
}

/* Responsive : 2 colonnes sur tablette */
@media (max-width: 992px) {
  .trustindex-2x3 .ti-grid-page {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
  }
}

/* Responsive : 1 colonne sur mobile */
@media (max-width: 640px) {
  .trustindex-2x3 .ti-grid-page {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .trustindex-2x3 .ti-grid-btn {
    padding: 8px 12px;
    font-size: 13px;
  }
}