/* =========================================================
   CCX Pagination — scope CCX (sans dépendre de .ccx-pagination)
   -> cible uniquement les paginations DANS la grille CCX
   ========================================================= */

/* wrapper pagination */
.ccx-cards nav.woocommerce-pagination{
  margin: 22px auto 10px !important;
  display: flex !important;
  justify-content: center !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* kill bordures Woo (gris) */
.ccx-cards nav.woocommerce-pagination ul.page-numbers{
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;

  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;

  border-radius: 0 !important;
  overflow: visible !important;
  filter: none !important;
}

.ccx-cards nav.woocommerce-pagination ul.page-numbers > li{
  border: 0 !important;
  border-right: 0 !important; /* <- ligne grise Woo */
  background: transparent !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
}

.ccx-cards nav.woocommerce-pagination ul.page-numbers > li::before,
.ccx-cards nav.woocommerce-pagination ul.page-numbers > li::after,
.ccx-cards nav.woocommerce-pagination ul.page-numbers::before,
.ccx-cards nav.woocommerce-pagination ul.page-numbers::after{
  content: none !important;
  display: none !important;
}

/* pastilles */
.ccx-cards nav.woocommerce-pagination .page-numbers a,
.ccx-cards nav.woocommerce-pagination .page-numbers span{
  appearance: none !important;
  -webkit-appearance: none !important;
  box-sizing: border-box !important;
  text-decoration: none !important;
  -webkit-tap-highlight-color: transparent !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  height: 36px !important;
  min-width: 36px !important;
  padding: 0 12px !important;

  border-radius: 999px !important;
  cursor: pointer !important;

  font-weight: 800 !important;
  font-size: 13px !important;
  line-height: 1 !important;

  background: #1f252b !important;
  color: #fff !important;

  border: 1px solid #141a20 !important;
  outline: none !important;
  box-shadow: 0 10px 22px rgba(0,0,0,.16) !important;

  transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease !important;
}


.ccx-cards nav.woocommerce-pagination .page-numbers a:hover{
  transform: translateY(-1px);
  border-color: rgba(0,255,106,.40) !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.22) !important;
}

.ccx-cards nav.woocommerce-pagination .page-numbers a:focus-visible{
  outline: 3px solid rgba(0,255,106,.35) !important;
  outline-offset: 2px !important;
}


/* actif */
.ccx-cards nav.woocommerce-pagination .page-numbers .current{
  background: #00ff6a !important;
  border-color: #00ff6a !important;
  color: #0b0f12 !important;
  box-shadow: 0 14px 28px rgba(0,255,106,.14), 0 12px 26px rgba(0,0,0,.16) !important;
}

/* prev/next */
.ccx-cards nav.woocommerce-pagination .page-numbers .prev,
.ccx-cards nav.woocommerce-pagination .page-numbers .next{
  min-width: 40px !important;
  padding: 0 10px !important;
  font-size: 16px !important;
}


/* === FIX DEFINITIF: bordures Woo (gris) sur pagination === */
.woocommerce nav.woocommerce-pagination.ccx-pagination ul.page-numbers{
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.woocommerce nav.woocommerce-pagination.ccx-pagination ul.page-numbers > li{
  border: 0 !important;
  border-right: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.woocommerce nav.woocommerce-pagination.ccx-pagination ul.page-numbers > li > a,
.woocommerce nav.woocommerce-pagination.ccx-pagination ul.page-numbers > li > span{
  border: 0 !important;
  box-shadow: none !important;
}