.ets_plp_pagination a.load_more:hover,
.ets_plp_pagination .pagination .page-list li.current a,
.ets_plp_pagination .pagination .page-list li a:hover,
body .ets_plp_pagination .pagination .page-list li:not(.current) a:hover{
    color: #ffffff;
    fill: #ffffff;
    background: #999999;
    border-color: #999999;
    color: #ffffff!important;
    background: #1d93ab!important;
    border-color: #1d93ab!important;
}
.ets_plp_pagination svg{
    fill: currentColor!important;
}
/* ===== FIX PAGINATION ets_productlistpagination ===== */

/* Corrige le sélecteur cassé [a.next] du module */
.ets_plp_pagination .pagination .page-list a.next,
.ets_plp_pagination .pagination .page-list a.previous {
  padding-left: 10px !important;
  padding-right: 10px !important;
  white-space: nowrap !important;
  width: auto !important;
  min-width: auto !important;
}

/* Couleur page active — remplace le #24b9d7 du module par ta couleur */
.ets_plp_pagination .pagination .page-list li.current a {
  background: #2DB2AC !important;
  border-color: #2DB2AC !important;
  color: #fff !important;
}

/* ===== PAGINATION — Previous / Next en flèches ===== */

/* Cache le texte Previous et Next */
.ets_plp_pagination .pagination .page-list a.previous,
.ets_plp_pagination .pagination .page-list a.next {
  font-size: 0 !important;
  padding: 0 !important;
  width: 36px !important;
  min-width: 36px !important;
  height: 36px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
}

/* Flèche gauche pour Previous */
.ets_plp_pagination .pagination .page-list a.previous::before {
  content: '‹' !important;
  font-size: 22px !important;
  line-height: 1 !important;
  color: #2DB2AC !important;
  display: block !important;
}

/* Flèche droite pour Next */
.ets_plp_pagination .pagination .page-list a.next::after {
  content: '›' !important;
  font-size: 22px !important;
  line-height: 1 !important;
  color: #2DB2AC !important;
  display: block !important;
}

/* Cache l'icône material-icons existante dans ces boutons */
.ets_plp_pagination .pagination .page-list a.previous .material-icons,
.ets_plp_pagination .pagination .page-list a.next .material-icons {
  display: none !important;
}

/* ===== MOBILE ===== */
@media (max-width: 767px) {
  .ets_plp_pagination .pagination {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }

  .ets_plp_pagination .pagination .col-md-6 {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
  }

  .ets_plp_pagination .pagination .page-list {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 4px !important;
    padding: 0 !important;
  }

  .ets_plp_pagination .pagination .page-list li {
    margin: 0 !important;
  }

  .ets_plp_pagination .pagination .page-list a {
    min-width: 32px !important;
    line-height: 32px !important;
    font-size: 12px !important;
  }

  .ets_plp_pagination .pagination .page-list a.next,
  .ets_plp_pagination .pagination .page-list a.previous {
    padding: 0 8px !important;
    font-size: 12px !important;
  }
}