/* =====================================================================
   THE GREAT INDIAN TRAILS — Product Archive / Shop Page
   Light Theme  |  wc-archive.css  (self-contained, no global resets)
   ===================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;0,900;1,400&family=Outfit:wght@300;400;500;600;700&display=swap');

/* ---------- CSS Variables ------------------------------------------ */
:root {
  --a-cream:       #FAF8F4;
  --a-cream-2:     #F3F0EA;
  --a-cream-3:     #E9E4D8;
  --a-forest:      #1C3120;
  --a-forest-2:    #2A4730;
  --a-charcoal:    #1A1814;
  --a-text:        #2C2925;
  --a-text-2:      #57524C;
  --a-text-muted:  #8A847C;
  --a-gold:        #B87D1C;
  --a-gold-hover:  #9E6818;
  --a-gold-bg:     #FDF5E4;
  --a-gold-border: #D4A84A;
  --a-green-tag:   #1E4D22;
  --a-border:      #DDD8CE;
  --a-border-2:    #EAE6DC;
  --a-white:       #FFFFFF;
  --a-red:         #A83232;
  --a-radius-sm:   6px;
  --a-radius-md:   10px;
  --a-radius-lg:   16px;
  --a-radius-xl:   22px;
  --a-shadow-sm:   0 1px 4px rgba(0,0,0,.06);
  --a-shadow-md:   0 4px 20px rgba(0,0,0,.09);
  --a-shadow-lg:   0 14px 44px rgba(0,0,0,.14);
  --a-tr:          .3s cubic-bezier(.25,.46,.45,.94);
}

/* Scoped box-sizing reset — never touches the theme */
.git-archive-page,
.git-archive-page *,
.git-archive-page *::before,
.git-archive-page *::after { box-sizing: border-box; }

.git-archive-page {
  font-family: 'Outfit', sans-serif;
  color: var(--a-text);
  -webkit-font-smoothing: antialiased;
  line-height: 1.6;
}

.git-archive-page a { text-decoration: none; color: inherit; }
.git-archive-page img { display: block; max-width: 100%; }

/* ---------- Page container ----------------------------------------- */
.git-archive-wrap {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 1.5rem 5rem;
}

/* ---------- Archive hero ------------------------------------------- */
.git-archive-hero {
  position: relative;
  padding: 3rem 0 2.5rem;
  border-bottom: 1px solid var(--a-border-2);
  margin-bottom: 0;
  overflow: hidden;
}

/* Subtle grain texture overlay */
.git-archive-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.025'/%3E%3C/svg%3E");
  background-size: 160px;
  pointer-events: none;
  opacity: .6;
}

.git-archive-breadcrumb {
  display: flex;
  align-items: center;
  gap: .375rem;
  font-size: .8125rem;
  color: var(--a-text-muted);
  margin-bottom: 1.25rem;
  flex-wrap: wrap;
  position: relative;
}

.git-archive-breadcrumb a { color: var(--a-text-2); transition: color var(--a-tr); }
.git-archive-breadcrumb a:hover { color: var(--a-gold); }
.git-archive-breadcrumb .sep { color: var(--a-border); }
.git-archive-breadcrumb .cur { color: var(--a-gold); font-weight: 500; }

.git-archive-hero-inner {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem;
  position: relative;
}

.git-archive-title {
  font-family: 'Playfair Display', serif;
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 700;
  color: var(--a-charcoal);
  letter-spacing: -.025em;
  line-height: 1.1;
  display: flex;
  align-items: center;
  gap: .875rem;
  flex-wrap: wrap;
}

.git-archive-count-badge {
  font-family: 'Outfit', sans-serif;
  font-size: .75rem;
  font-weight: 700;
  color: var(--a-forest);
  background: var(--a-cream-3);
  border: 1px solid var(--a-border);
  padding: .25rem .875rem;
  border-radius: 20px;
  letter-spacing: .04em;
  vertical-align: middle;
}

.git-archive-subtitle {
  font-size: .9375rem;
  color: var(--a-text-muted);
  max-width: 540px;
  margin-top: .5rem;
  line-height: 1.6;
}

.git-archive-wc-sort {
  display: flex;
  align-items: center;
  gap: .625rem;
  flex-shrink: 0;
}

.git-sort-label {
  font-size: .75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .07em;
  color: var(--a-text-muted);
}

/* ---------- Filter bar --------------------------------------------- */
.git-filter-bar {
  position: sticky;
  top: 64px; /* header height */
  z-index: 90;
  background: var(--a-white);
  border-bottom: 1px solid var(--a-border-2);
  box-shadow: 0 2px 12px rgba(0,0,0,.05);
  padding: .625rem 0;
}

.git-filter-bar-inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 1.5rem;
  display: flex;
  align-items: center;
  gap: .625rem;
  overflow-x: auto;
  scrollbar-width: none;
}

.git-filter-bar-inner::-webkit-scrollbar { display: none; }

.git-filter-sep {
  width: 1px;
  height: 22px;
  background: var(--a-border-2);
  flex-shrink: 0;
}

.git-filter-label {
  font-size: .625rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--a-text-muted);
  white-space: nowrap;
  flex-shrink: 0;
}

/* Filter pills */
.git-filter-pill {
  display: inline-flex;
  align-items: center;
  gap: .3rem;
  font-family: 'Outfit', sans-serif;
  font-size: .75rem;
  font-weight: 500;
  padding: .3rem .875rem;
  border-radius: 20px;
  border: 1.5px solid var(--a-border);
  background: var(--a-white);
  color: var(--a-text-2);
  white-space: nowrap;
  cursor: pointer;
  text-decoration: none;
  transition: all var(--a-tr);
  flex-shrink: 0;
}

.git-filter-pill:hover {
  border-color: var(--a-gold-border);
  color: var(--a-gold-hover);
  background: var(--a-gold-bg);
}

.git-filter-pill.active {
  background: var(--a-forest);
  border-color: var(--a-forest);
  color: #fff;
  font-weight: 600;
}

.git-filter-pill.active:hover {
  background: var(--a-forest-2);
  border-color: var(--a-forest-2);
  color: #fff;
}

.git-filter-pill-diff-easy       { }
.git-filter-pill-diff-easy.active  { background: #2E7D32; border-color: #2E7D32; }
.git-filter-pill-diff-mod.active   { background: #E65100; border-color: #E65100; }
.git-filter-pill-diff-hard.active  { background: var(--a-red); border-color: var(--a-red); }

/* Filter clear */
.git-filter-clear {
  display: inline-flex;
  align-items: center;
  gap: .25rem;
  font-size: .6875rem;
  font-weight: 600;
  color: var(--a-text-muted);
  white-space: nowrap;
  cursor: pointer;
  text-decoration: none;
  padding: .25rem .5rem;
  border-radius: var(--a-radius-sm);
  transition: all var(--a-tr);
  flex-shrink: 0;
  margin-left: auto;
}

.git-filter-clear:hover { color: var(--a-red); background: #FFEBEE; }

/* ---------- Results bar -------------------------------------------- */
.git-results-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.25rem 0 1.5rem;
  flex-wrap: wrap;
  gap: .75rem;
}

.git-result-count {
  font-size: .8125rem;
  color: var(--a-text-muted);
}

.git-result-count strong { color: var(--a-charcoal); font-weight: 700; }

/* WooCommerce ordering override */
.woocommerce-ordering select,
.git-sort-select {
  font-family: 'Outfit', sans-serif;
  font-size: .8125rem;
  font-weight: 500;
  color: var(--a-text-2);
  border: 1.5px solid var(--a-border);
  border-radius: var(--a-radius-md);
  padding: .5rem 2rem .5rem .875rem;
  background: var(--a-white);
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238A847C' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right .625rem center;
  transition: border-color var(--a-tr);
}

.woocommerce-ordering select:focus,
.git-sort-select:focus {
  outline: none;
  border-color: var(--a-gold-border);
  box-shadow: 0 0 0 3px rgba(180,130,30,.1);
}

p.woocommerce-result-count {
  float: left;
}
form.woocommerce-ordering {
  float: right;
}

/* ---------- Product grid ------------------------------------------- */
.git-products-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.625rem;
}

@media (max-width: 960px)  { .git-products-grid { grid-template-columns: repeat(2, 1fr); gap: 1.25rem; } }
@media (max-width: 560px)  { .git-products-grid { grid-template-columns: 1fr; } }

/* ---------- Product card ------------------------------------------- */
.git-trek-card {
  background: var(--a-white);
  border: 1px solid var(--a-border-2);
  border-radius: var(--a-radius-xl);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: transform var(--a-tr), box-shadow var(--a-tr), border-color var(--a-tr);
  position: relative;
}

.git-trek-card:hover {
  transform: translateY(-6px);
  box-shadow: var(--a-shadow-lg);
  border-color: var(--a-border);
}

/* Image wrapper */
.git-card-img-wrap {
  position: relative;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background: var(--a-cream-3);
}

.git-card-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .6s ease;
}

.git-trek-card:hover .git-card-img { transform: scale(1.07); }

/* Image gradient overlay */
.git-card-img-wrap::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 45%,
    rgba(0,0,0,.35) 100%
  );
  pointer-events: none;
}

/* Badges */
.git-card-badges {
  position: absolute;
  top: .875rem;
  left: .875rem;
  display: flex;
  gap: .375rem;
  z-index: 2;
  flex-wrap: wrap;
}

.git-card-badge {
  font-size: .5625rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  padding: .25rem .625rem;
  border-radius: 20px;
}

.git-badge-popular  { background: #C4841E; color: #fff; }
.git-badge-new      { background: var(--a-forest); color: #fff; }
.git-badge-sale     { background: #C62828; color: #fff; }
.git-badge-offbeat  { background: #7C3AED; color: #fff; }

/* Wishlist button */
.git-card-wishlist {
  position: absolute;
  top: .875rem;
  right: .875rem;
  z-index: 2;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: rgba(255,255,255,.88);
  backdrop-filter: blur(6px);
  border: 1px solid rgba(255,255,255,.5);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: var(--a-text-2);
  font-size: .875rem;
  transition: all var(--a-tr);
  text-decoration: none;
}

.git-card-wishlist:hover,
.git-card-wishlist.saved {
  background: var(--a-gold-bg);
  border-color: var(--a-gold-border);
  color: var(--a-gold);
}

/* Bottom image overlay: price */
.git-card-img-price {
  position: absolute;
  bottom: .875rem;
  right: .875rem;
  z-index: 2;
  background: rgba(255,255,255,.95);
  backdrop-filter: blur(8px);
  border-radius: var(--a-radius-md);
  padding: .375rem .75rem;
  text-align: right;
}

.git-card-price-from {
  font-size: .5625rem;
  color: var(--a-text-muted);
  text-transform: uppercase;
  letter-spacing: .06em;
  line-height: 1;
}

.git-card-price-val {
  font-family: 'Playfair Display', serif;
  font-size: 1.0625rem;
  font-weight: 700;
  color: var(--a-gold-hover);
  line-height: 1.2;
}

.git-card-price-per {
  font-size: .5625rem;
  color: var(--a-text-muted);
  line-height: 1;
}

/* Card body */
.git-card-body {
  padding: 1rem 1.125rem 1.125rem;
  display: flex;
  flex-direction: column;
  gap: .625rem;
  flex: 1;
}

/* Tags row */
.git-card-tags {
  display: flex;
  align-items: center;
  gap: .3rem;
  flex-wrap: wrap;
}

.git-card-tag {
  font-size: .5625rem;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
  padding: .2rem .575rem;
  border-radius: 20px;
}

.git-card-tag-region   { background: #EDF3EF; color: var(--a-green-tag); }
.git-card-tag-duration { background: var(--a-gold-bg); color: var(--a-gold-hover); }
.git-card-tag-easy     { background: #E8F5E9; color: #1B5E20; }
.git-card-tag-mod      { background: #FFF3E0; color: #BF360C; }
.git-card-tag-hard     { background: #FFEBEE; color: #B71C1C; }

/* Title + rating row */
.git-card-title-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: .5rem;
}

.git-card-title {
  font-family: 'Playfair Display', serif;
  font-size: 1.0625rem;
  font-weight: 700;
  color: var(--a-charcoal);
  line-height: 1.2;
  letter-spacing: -.01em;
  text-decoration: none;
  transition: color var(--a-tr);
  flex: 1;
}

.git-card-title:hover { color: var(--a-gold); }

.git-card-rating {
  display: flex;
  align-items: center;
  gap: .25rem;
  flex-shrink: 0;
}

.git-card-stars {
  font-size: .75rem;
  color: #D4961E;
  display: flex;
  gap: 1px;
}

.git-card-rating-val {
  font-size: .75rem;
  font-weight: 700;
  color: var(--a-charcoal);
}

/* Quick stats */
.git-card-stats {
  display: flex;
  gap: .875rem;
  padding: .625rem 0;
  border-top: 1px solid var(--a-border-2);
  border-bottom: 1px solid var(--a-border-2);
}

.git-card-stat {
  display: flex;
  align-items: center;
  gap: .3rem;
  font-size: .6875rem;
  color: var(--a-text-2);
}

.git-card-stat i { font-size: .75rem; color: var(--a-gold); }
.git-card-stat-val { font-weight: 600; }

/* CTA row */
.git-card-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .5rem;
  margin-top: auto;
}

.git-card-price-mobile {
  display: none;
}

.btn-view-trek {
  display: inline-flex;
  align-items: center;
  gap: .375rem;
  background: var(--a-forest);
  color: #fff;
  border: none;
  border-radius: var(--a-radius-md);
  padding: .5625rem 1.125rem;
  font-family: 'Outfit', sans-serif;
  font-size: .8125rem;
  font-weight: 600;
  cursor: pointer;
  text-decoration: none;
  transition: all var(--a-tr);
  white-space: nowrap;
  flex-shrink: 0;
}

.btn-view-trek:hover {
  background: var(--a-forest-2);
  transform: translateX(2px);
  color: #fff;
}

.git-card-seats {
  display: flex;
  align-items: center;
  gap: .25rem;
  font-size: .6875rem;
  font-weight: 600;
  color: var(--a-red);
  white-space: nowrap;
}

.git-card-seats i { font-size: .75rem; }

/* ---------- WooCommerce notices override --------------------------- */
.git-archive-wrap .woocommerce-info,
.git-archive-wrap .woocommerce-message {
  background: var(--a-gold-bg);
  border: 1px solid var(--a-gold-border);
  color: var(--a-gold-hover);
  border-radius: var(--a-radius-md);
  padding: .875rem 1.125rem;
  font-size: .875rem;
  margin-bottom: 1.25rem;
}

/* ---------- No products state ------------------------------------- */
.git-no-products {
  text-align: center;
  padding: 5rem 2rem;
  grid-column: 1 / -1;
}

.git-no-products-icon {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: var(--a-cream-2);
  border: 2px solid var(--a-border-2);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 1.5rem;
  font-size: 2rem;
  color: var(--a-gold);
}

.git-no-products-title {
  font-family: 'Playfair Display', serif;
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--a-charcoal);
  margin-bottom: .625rem;
}

.git-no-products-sub {
  font-size: .9375rem;
  color: var(--a-text-muted);
  margin-bottom: 1.75rem;
}

/* ---------- Pagination -------------------------------------------- */
.git-archive-pagination {
  display: flex;
  justify-content: center;
  margin-top: 3.5rem;
  padding-top: 2.5rem;
  border-top: 1px solid var(--a-border-2);
}

/* WooCommerce pagination override */
.git-archive-wrap .woocommerce-pagination ul,
.git-archive-pagination ul {
  display: flex;
  align-items: center;
  gap: .375rem;
  list-style: none;
  padding: 0;
  margin: 0;
}

.git-archive-wrap .woocommerce-pagination li a,
.git-archive-wrap .woocommerce-pagination li span,
.git-archive-pagination li a,
.git-archive-pagination li span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: var(--a-radius-md);
  border: 1.5px solid var(--a-border);
  background: var(--a-white);
  font-family: 'Outfit', sans-serif;
  font-size: .875rem;
  font-weight: 500;
  color: var(--a-text-2);
  text-decoration: none;
  transition: all var(--a-tr);
}

.git-archive-wrap .woocommerce-pagination li a:hover,
.git-archive-pagination li a:hover {
  border-color: var(--a-gold-border);
  color: var(--a-gold-hover);
  background: var(--a-gold-bg);
}

.git-archive-wrap .woocommerce-pagination li span.current,
.git-archive-pagination li span.current {
  background: var(--a-forest);
  border-color: var(--a-forest);
  color: #fff;
  font-weight: 700;
}

.git-archive-wrap .woocommerce-pagination li.prev a,
.git-archive-wrap .woocommerce-pagination li.next a {
  width: auto;
  padding: 0 .875rem;
  gap: .3rem;
}

/* ---------- Active filters indicator ------------------------------ */
.git-active-filters {
  display: flex;
  align-items: center;
  gap: .5rem;
  flex-wrap: wrap;
  padding: .75rem 0 0;
  font-size: .8125rem;
}

.git-active-filter-label {
  color: var(--a-text-muted);
  font-size: .75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.git-active-filter-chip {
  display: inline-flex;
  align-items: center;
  gap: .3rem;
  background: var(--a-forest);
  color: #fff;
  font-size: .6875rem;
  font-weight: 600;
  padding: .2rem .625rem;
  border-radius: 20px;
}

.git-active-filter-chip a {
  color: rgba(255,255,255,.7);
  font-size: .75rem;
  margin-left: .1rem;
  text-decoration: none;
}

.git-active-filter-chip a:hover { color: #fff; }

.text-gray-700 { /* the element was .prose.prose-lg.dark\:prose-invert.max-w-none.text-gray-700.dark\:text-gray-200 */
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

h1 { /* the element was h1.page-title */
  width: 100%;
}

.woocommerce-notices-wrapper {
  width: 100%;
}

.columns-4 { /* the element was ul.products.columns-4 */
  width: 100%;
}

p { /* the element was p.woocommerce-result-count */
  font-size: 0.875rem;
  color: rgb(107, 114, 128);
  margin: 0px;
}

/* related resource: wc-archive.css?ver=1.0.0:278:1 */
.woocommerce-ordering select { /* the element was select.orderby */
  padding: 0.5rem 2rem 0.5rem 1rem;
  border: 1px solid rgb(209, 213, 219);
  border-radius: 0.375rem;
  background-color: rgb(255, 255, 255);
  font-size: 0.875rem;
  color: rgb(55, 65, 81);
  appearance: none;
  cursor: pointer;
}

p { /* the element was p.woocommerce-result-count */
  font-size: 0.875rem;
  color: rgb(107, 114, 128);
  margin: 0px;
}

/* related resource: wc-archive.css?ver=1.0.0:278:1 */
.woocommerce-ordering select { /* the element was select.orderby */
  padding: 0.5rem 2rem 0.5rem 1rem;
  border: 1px solid rgb(209, 213, 219);
  border-radius: 0.375rem;
  background-color: rgb(255, 255, 255);
  font-size: 0.875rem;
  color: rgb(55, 65, 81);
  appearance: none;
  cursor: pointer;
}

h1 { /* the element was h1.page-title */
  font-size: 1.5rem;
  font-weight: 700;
  color: rgb(17, 24, 39);
  margin-bottom: 1.5rem;
  line-height: 1.2;
  letter-spacing: -0.025em;
  width: 100%;
}


ul.products.columns-4 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 1.5rem;
  list-style: none;
  padding: 0px;
}

.git-trek-card:hover {
  width: auto;
  margin: 0px;
}

nav.woocommerce-pagination {
	width: 100%;
	display: flex;
	justify-content: center;
	margin: 3rem 0;
}

nav.woocommerce-pagination ul.page-numbers {
	display: inline-flex;
	gap: 0.75rem;
	list-style: none;
	padding: 0;
	margin: 0;
	border: 0;
}

nav.woocommerce-pagination ul.page-numbers li {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	height: 44px;
	margin: 0;
	padding: 0;
	border: 1px solid rgb(234, 230, 220);
	border-radius: 12px;
	background-color: rgb(255, 255, 255);
	color: rgb(55, 65, 81);
	font-weight: 600;
	overflow: hidden;
	transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

nav.woocommerce-pagination ul.page-numbers li a,
nav.woocommerce-pagination ul.page-numbers li span {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 0.75rem;
	text-decoration: none;
	color: inherit;
	box-sizing: border-box;
}

nav.woocommerce-pagination ul.page-numbers li:hover {
	border-color: rgb(17, 24, 39);
	background-color: rgb(243, 244, 246);
	color: rgb(17, 24, 39);
}

nav.woocommerce-pagination ul.page-numbers li .current {
	background-color: rgb(17, 24, 39);
	color: rgb(255, 255, 255);
}

nav.woocommerce-pagination ul.page-numbers li:has(.current) {
	border-color: rgb(17, 24, 39);
	background-color: rgb(17, 24, 39);
	color: rgb(255, 255, 255);
}

nav.woocommerce-pagination ul.page-numbers li .prev,
nav.woocommerce-pagination ul.page-numbers li .next {
	padding: 0 1rem;
}




nav.woocommerce-pagination {
	width: 100%;
	display: flex;
	justify-content: center;
	margin: 3rem 0;
}

nav.woocommerce-pagination ul.page-numbers {
	display: inline-flex;
	gap: 0.75rem;
	list-style: none;
	padding: 0;
	margin: 0;
	border: 0;
}

nav.woocommerce-pagination ul.page-numbers li {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	height: 44px;
	margin: 0;
	padding: 0;
	border: 1px solid rgb(234, 230, 220);
	border-radius: 12px;
	background-color: rgb(255, 255, 255);
	color: rgb(55, 65, 81);
	font-weight: 600;
	overflow: hidden;
	transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

nav.woocommerce-pagination ul.page-numbers li a,
nav.woocommerce-pagination ul.page-numbers li span {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 0.75rem;
	text-decoration: none;
	color: inherit;
	box-sizing: border-box;
}

nav.woocommerce-pagination ul.page-numbers li:hover {
	border-color: rgb(17, 24, 39);
	background-color: rgb(243, 244, 246);
	color: rgb(17, 24, 39);
}

nav.woocommerce-pagination ul.page-numbers li .current {
	background-color: rgb(17, 24, 39);
	color: rgb(255, 255, 255);
}

nav.woocommerce-pagination ul.page-numbers li:has(.current) {
	border-color: rgb(17, 24, 39);
	background-color: rgb(17, 24, 39);
	color: rgb(255, 255, 255);
}

nav.woocommerce-pagination ul.page-numbers li .prev,
nav.woocommerce-pagination ul.page-numbers li .next {
	padding: 0 1rem;
}