/* =========================================================
   CCX — Barre de tri (select à droite)
   ========================================================= */

/* Conteneur barre de tri */
.woocommerce .ccx-sortbar{
  width: 100% !important;          /* prend toute la largeur */
  max-width: 1200px;               /* limite comme le reste de la grille */
  margin: 0 auto 18px auto;        /* centré dans la page */
  padding: 0 16px;
  box-sizing: border-box;

  display: flex !important;
  align-items: center;
  justify-content: flex-end !important;  /* contenu poussé à droite */
  gap: 8px;

  font-size: 14px;
  text-align: right !important;         /* texto aligné à droite */
}

/* Label "Trier par :" */
.woocommerce .ccx-sortbar .ccx-sortlabel{
  font-weight: 600;
  color: #e5e7eb; /* adapte à ta palette */
}

/* Bloc du <select> */
.woocommerce .ccx-sortbar .ccx-sort-select-wrap{
  margin-left: 0 !important;
}

/* Style du menu déroulant */
.woocommerce .ccx-sortbar .ccx-sort-select{
  padding: 6px 14px;
  border-radius: 999px;
  border: 1px solid #e5e7eb;
  background: #ffffff;
  font-size: 14px;
  cursor: pointer;
  outline: none;
}

/* =================== Mobile =================== */
@media (max-width: 768px){
  .woocommerce .ccx-sortbar{
    justify-content: center !important;
    text-align: center !important;
  }
}