/* =============================================
   ecelasticsearch — Front CSS
   ============================================= */

/* Highlight des termes recherchés */
em.ece-highlight {
  font-style: normal;
  background: #fff3cd;
  padding: 0 2px;
  border-radius: 2px;
  font-weight: 600;
}

/* =============================================
   Autocomplete dropdown
   ============================================= */
.ece-autocomplete-dropdown {
  max-height: 420px;
  overflow-y: auto;
  border-radius: 0 0 4px 4px;
}
.ece-ac-item:hover,
.ece-ac-item.active { background-color: #f0f7ff !important; }
.ece-ac-see-all:hover { background-color: #e8f0fe !important; }

/* =============================================
   Facettes
   ============================================= */
.ece-facets-col { margin-bottom: 20px; }

.ece-facet-block {
  margin-bottom: 16px;
  padding-bottom: 14px;
  border-bottom: 1px solid #eee;
}
.ece-facet-block:last-child { border-bottom: none; }

.ece-facet-title {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .5px;
  color: #555;
  margin-bottom: 8px;
}

.ece-facet-check {
  display: flex;
  align-items: baseline;
  gap: 6px;
  font-size: 13px;
  cursor: pointer;
  margin-bottom: 4px;
  font-weight: normal;
}
.ece-facet-check input[type="checkbox"] { margin: 0; flex-shrink: 0; }
.ece-count { color: #999; font-size: 11px; margin-left: auto; }

.ece-price-range {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 4px;
}
.ece-price-range .form-control { width: 70px; padding: 3px 6px; font-size: 13px; }
.ece-price-sep { color: #aaa; }

/* =============================================
   Barre de tri
   ============================================= */
.ece-toolbar { border-bottom: 1px solid #eee; padding-bottom: 10px; }
.ece-sort .btn { font-size: 11px; padding: 2px 8px; margin-bottom: 2px; }
.ece-sort .btn-primary { background: #2c7be5; border-color: #2c7be5; }
.ece-sort .btn-secondary { background: #f0f0f0; border-color: #ddd; color: #555; }
.ece-sort .btn-secondary:hover { background: #e0e0e0; }

/* =============================================
   Grille produits
   ============================================= */
.products-grid .card {
  border: 1px solid #eee;
  border-radius: 6px;
  transition: box-shadow .2s, transform .15s;
}
.products-grid .card:hover {
  box-shadow: 0 4px 18px rgba(0,0,0,.1);
  transform: translateY(-2px);
}
.products-grid .product-title a {
  color: #333;
  text-decoration: none;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.products-grid .product-title a:hover { color: #2c7be5; }
.products-grid .price { color: #2c7be5; }

/* =============================================
   Pagination
   ============================================= */
.pagination-wrap .page-link { color: #2c7be5; }
.pagination-wrap .page-item.active .page-link {
  background: #2c7be5;
  border-color: #2c7be5;
}