/*
 * client-overrides.css
 * Implements client UX/styling requests: pagination LED, search glow, mobile CTA.
 * Color palette: #0D0D0D | #00BFFF (ice blue) | #C0C0C0 (silver) | #D4AF37 (gold)
 */

/* ============================================================
   PAGINATION
   ============================================================ */

/* Hide all default WooCommerce/Storefront pagination — replaced by bcl_pagination() */
.woocommerce-pagination {
  display: none !important;
}

.bcl-pagination ul {
  display: flex !important;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: center;
  padding: 1.5rem 0;
  list-style: none;
  margin: 0;
}

.bcl-pagination ul li a.page-numbers,
.bcl-pagination ul li span.page-numbers {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  height: 38px;
  padding: 0 12px;
  background: #1a1a1a;
  color: #C0C0C0;
  border: 1px solid #333;
  border-radius: 6px;
  text-decoration: none;
  font-weight: 500;
  font-size: 0.875rem;
  transition: all 0.2s ease;
  box-sizing: border-box;
}

/* Active page — gold + neon blue glow */
.bcl-pagination ul li span.page-numbers.current {
  background: #D4AF37 !important;
  color: #0D0D0D !important;
  border-color: #D4AF37 !important;
  box-shadow: 0 0 8px #00BFFF, 0 0 18px rgba(0, 191, 255, 0.25) !important;
  font-weight: 700;
}

/* Hover — subtle blue glow */
.bcl-pagination ul li a.page-numbers:hover {
  background: #222;
  color: #fff;
  border-color: #00BFFF;
  box-shadow: 0 0 6px rgba(0, 191, 255, 0.4);
  text-decoration: none;
}

/* Prev/Next — slightly different treatment */
.bcl-pagination ul li a.prev.page-numbers,
.bcl-pagination ul li a.next.page-numbers {
  color: #00BFFF;
  border-color: rgba(0, 191, 255, 0.3);
  font-size: 0.8rem;
  letter-spacing: 0.04em;
}

/* Pagination wrap — stacks nav + result count */
.bcl-pagination-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 1rem 0 1.5rem;
}

.bcl-pagination-wrap .bcl-pagination {
  padding: 0;
}

/* Disabled arrow (first/last page) */
.page-numbers.bcl-disabled {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  height: 38px;
  background: #111;
  color: #444 !important;
  border: 1px solid #222;
  border-radius: 6px;
  cursor: default;
  opacity: 0.4;
}

/* Result count line */
.bcl-result-count {
  font-size: 0.75rem;
  color: #888;
  margin: 0;
  letter-spacing: 0.02em;
}

/* ============================================================
   SEARCH BAR GLOW
   ============================================================ */

.bcl-search-input {
  border: 1px solid #00BFFF !important;
  transition: box-shadow 0.2s ease;
}

.bcl-search-input:focus {
  box-shadow: 0 0 10px rgba(0, 191, 255, 0.45) !important;
  outline: none !important;
}