/*
 * SuperNet Pagination — Style Carrefour (simple, clair)
 */

/* Container */
.pagination-unified,
.pagination {
  margin: 24px 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.pagination-container {
  display: flex;
  align-items: center;
  gap: 8px;
  background: transparent;
  padding: 8px 0;
  border-radius: 0;
  box-shadow: none;
  border: none;
}

/* Remove the gradient top bar */
.pagination-container::before {
  display: none !important;
}

/* Info "1–21 sur 29 produits" */
.pagination-info {
  display: flex;
  align-items: center;
  padding: 0 12px 0 0;
}

.pagination-summary {
  font-size: 14px;
  color: #666;
}

.pagination-numbers {
  font-weight: 600;
  color: #1A1A1A;
}

.pagination-separator {
  margin: 0 4px;
  color: #666;
}

.pagination-total {
  color: #666;
}

/* Page list */
.pagination-list {
  display: flex;
  align-items: center;
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Page links — style Carrefour (simple, carré) */
.pagination .pagination-link,
.pagination .page-link,
.pagination a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  min-height: 36px;
  padding: 6px 12px;
  background: transparent;
  color: #1A1A1A;
  text-decoration: none;
  border-radius: 4px;
  font-weight: 500;
  font-size: 14px;
  border: 1px solid transparent;
  transition: all 0.15s ease;
}

/* Hover */
.pagination .pagination-link:hover,
.pagination .page-link:hover,
.pagination a:hover {
  background: #F5F5F5;
  color: #4CAF50;
  transform: none;
  box-shadow: none;
  border-color: #D1D5DB;
}

/* Active page */
.pagination .pagination-link--current,
.pagination .current .page-link,
.pagination .active a {
  background: #4CAF50 !important;
  color: #FFFFFF !important;
  font-weight: 700;
  border-color: #4CAF50 !important;
  box-shadow: none;
}

/* Remove shimmer animation */
.pagination-link--current::before {
  display: none !important;
}

.pagination .pagination-link--current:hover {
  background: #388E3C !important;
  color: #FFFFFF !important;
  transform: none;
}

/* Disabled */
.pagination .pagination-link--disabled,
.pagination .disabled a {
  color: #D1D5DB;
  pointer-events: none;
  background: transparent;
}

/* Nav arrows */
.pagination .pagination-link--arrow,
.pagination .previous a,
.pagination .next a {
  color: #4CAF50;
  font-weight: 500;
}

.pagination .pagination-link--arrow:hover {
  background: #F5F5F5;
}

.pagination .pagination-link--arrow .material-icons {
  font-size: 20px;
}

/* Focus */
.pagination .pagination-link:focus,
.pagination a:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(76, 175, 80, 0.2);
}

/* "Retour en haut" button — masquer (Carrefour ne l'a pas) */
.back-to-top,
.btn-back-to-top,
[class*="back-to-top"],
[class*="retour-haut"],
a[href="#header"] {
  display: none !important;
}

/* Responsive */
@media (max-width: 768px) {
  .pagination .pagination-link,
  .pagination a {
    min-width: 32px;
    min-height: 32px;
    padding: 4px 8px;
    font-size: 13px;
  }
}