/*!
 * Location:/assets/css/stm-product-archive-pagination.css
 * Purpose:
 * - Woo product archives + product search pagination.
 * - Professional responsive pagination with no blur/shade.
 * - Tablet/mobile layout keeps only 4 visible pagination items.
 * Related PHP:
 * - /modules/storefront/features/woocommerce/product-card-assets.php
 * Linkage/Loader:
 * - Enqueued only on product archives + product search.
 */

.woocommerce.archive .woocommerce-pagination,
.woocommerce.search .woocommerce-pagination{
  width:100%;
  margin:var(--stm-space-6) auto var(--stm-space-8);
  padding:0;
  display:flex;
  justify-content:center;
  align-items:center;
  background:transparent;
  border:0;
  border-radius:0;




  overflow:visible;
}

.woocommerce.archive .woocommerce-pagination::before,
.woocommerce.archive .woocommerce-pagination::after,
.woocommerce.search .woocommerce-pagination::before,
.woocommerce.search .woocommerce-pagination::after{
  content:none;
  display:none;
}

.woocommerce.archive .woocommerce-pagination ul.page-numbers,
.woocommerce.search .woocommerce-pagination ul.page-numbers{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  gap:var(--stm-space-2);
  max-width:100%;
  list-style:none;
  margin:0 auto;
  padding:0;
  background:transparent;
  border:0;
  border-radius:0;




}

.woocommerce.archive .woocommerce-pagination ul.page-numbers li,
.woocommerce.search .woocommerce-pagination ul.page-numbers li{
  display:block;
  margin:0;
  padding:0;
  border:0;
  background:transparent;




}

.woocommerce.archive .woocommerce-pagination .page-numbers,
.woocommerce.search .woocommerce-pagination .page-numbers{
  width:auto;
  min-width:39px;
  height:39px;
  padding:0 var(--stm-space-3);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:var(--stm-radius-lg);
  border:1px solid var(--stm-color-primary);
  background:var(--stm-color-surface);
  color:var(--stm-color-ink);
  font-size:var(--stm-font-size-small);
  font-weight:var(--stm-weight-bold);
  line-height:1;
  text-decoration:none;




  transition:background-color var(--stm-transition-fast) ease, color var(--stm-transition-fast) ease, border-color var(--stm-transition-fast) ease;
}

.woocommerce.archive .woocommerce-pagination a.page-numbers:hover,
.woocommerce.search .woocommerce-pagination a.page-numbers:hover{
  background:var(--stm-color-primary-soft);
  border-color:var(--stm-color-primary);
  color:var(--stm-color-primary-deep);

  transform:none;
}

.woocommerce.archive .woocommerce-pagination a.page-numbers:active,
.woocommerce.search .woocommerce-pagination a.page-numbers:active{
  background:var(--stm-color-border);
  border-color:var(--stm-color-primary);
}

.woocommerce.archive .woocommerce-pagination .page-numbers.current,
.woocommerce.search .woocommerce-pagination .page-numbers.current{
  background:var(--stm-color-primary);
  border-color:var(--stm-color-primary);
  color:var(--stm-color-on-dark);

}

.woocommerce.archive .woocommerce-pagination a.page-numbers.current:hover,
.woocommerce.search .woocommerce-pagination a.page-numbers.current:hover{
  background:var(--stm-color-danger);
  border-color:var(--stm-color-danger);
  color:var(--stm-color-on-dark);
}

.woocommerce.archive .woocommerce-pagination .page-numbers.prev,
.woocommerce.archive .woocommerce-pagination .page-numbers.next,
.woocommerce.search .woocommerce-pagination .page-numbers.prev,
.woocommerce.search .woocommerce-pagination .page-numbers.next{
  min-width:43px;
  padding-inline:var(--stm-space-3);
}

.woocommerce.archive .woocommerce-pagination .page-numbers.dots,
.woocommerce.search .woocommerce-pagination .page-numbers.dots{
  min-width:24px;
  width:24px;
  padding:0;
  border-color:transparent;
  background:transparent;
  color:var(--stm-color-muted);

}

.woocommerce.archive .woocommerce-pagination .page-numbers:focus-visible,
.woocommerce.search .woocommerce-pagination .page-numbers:focus-visible{
  outline:var(--stm-focus-ring);
  outline-offset:var(--stm-focus-offset);

}


  html[data-stm-layout="tablet"] .woocommerce.archive .woocommerce-pagination,
html[data-stm-layout="mobile"] .woocommerce.archive .woocommerce-pagination,
html[data-stm-layout="tablet"] .woocommerce.search .woocommerce-pagination,
html[data-stm-layout="mobile"] .woocommerce.search .woocommerce-pagination{
    margin-top:var(--stm-space-6);
    margin-bottom:var(--stm-space-8);
  }

  html[data-stm-layout="tablet"] .woocommerce.archive .woocommerce-pagination ul.page-numbers,
html[data-stm-layout="mobile"] .woocommerce.archive .woocommerce-pagination ul.page-numbers,
html[data-stm-layout="tablet"] .woocommerce.search .woocommerce-pagination ul.page-numbers,
html[data-stm-layout="mobile"] .woocommerce.search .woocommerce-pagination ul.page-numbers{
    display:flex;
    flex-wrap:nowrap;
    justify-content:center;
    align-items:center;
    gap:var(--stm-space-2);
    width:100%;
    max-width:214px;
    margin-inline:auto;
    overflow:visible;
  }

  html[data-stm-layout="tablet"] .woocommerce.archive .woocommerce-pagination ul.page-numbers li,
html[data-stm-layout="mobile"] .woocommerce.archive .woocommerce-pagination ul.page-numbers li,
html[data-stm-layout="tablet"] .woocommerce.search .woocommerce-pagination ul.page-numbers li,
html[data-stm-layout="mobile"] .woocommerce.search .woocommerce-pagination ul.page-numbers li{
    flex:0 0 auto;
  }

  html[data-stm-layout="tablet"] .woocommerce.archive .woocommerce-pagination ul.page-numbers li.stm-pagi-hidden,
html[data-stm-layout="mobile"] .woocommerce.archive .woocommerce-pagination ul.page-numbers li.stm-pagi-hidden,
html[data-stm-layout="tablet"] .woocommerce.search .woocommerce-pagination ul.page-numbers li.stm-pagi-hidden,
html[data-stm-layout="mobile"] .woocommerce.search .woocommerce-pagination ul.page-numbers li.stm-pagi-hidden,
html[data-stm-layout="tablet"] .woocommerce.archive .woocommerce-pagination ul.page-numbers li:nth-child(n/**/+5),
html[data-stm-layout="mobile"] .woocommerce.archive .woocommerce-pagination ul.page-numbers li:nth-child(n/**/+5),
html[data-stm-layout="tablet"] .woocommerce.search .woocommerce-pagination ul.page-numbers li:nth-child(n/**/+5),
html[data-stm-layout="mobile"] .woocommerce.search .woocommerce-pagination ul.page-numbers li:nth-child(n/**/+5){
    display:none;
  }

  html[data-stm-layout="tablet"] .woocommerce.archive .woocommerce-pagination ul.page-numbers.stm-pagi-compact-ready li:nth-child(n/**/+5),
html[data-stm-layout="mobile"] .woocommerce.archive .woocommerce-pagination ul.page-numbers.stm-pagi-compact-ready li:nth-child(n/**/+5),
html[data-stm-layout="tablet"] .woocommerce.search .woocommerce-pagination ul.page-numbers.stm-pagi-compact-ready li:nth-child(n/**/+5),
html[data-stm-layout="mobile"] .woocommerce.search .woocommerce-pagination ul.page-numbers.stm-pagi-compact-ready li:nth-child(n/**/+5){
    display:block;
  }

  html[data-stm-layout="tablet"] .woocommerce.archive .woocommerce-pagination ul.page-numbers.stm-pagi-compact-ready li.stm-pagi-hidden,
html[data-stm-layout="mobile"] .woocommerce.archive .woocommerce-pagination ul.page-numbers.stm-pagi-compact-ready li.stm-pagi-hidden,
html[data-stm-layout="tablet"] .woocommerce.search .woocommerce-pagination ul.page-numbers.stm-pagi-compact-ready li.stm-pagi-hidden,
html[data-stm-layout="mobile"] .woocommerce.search .woocommerce-pagination ul.page-numbers.stm-pagi-compact-ready li.stm-pagi-hidden{
    display:none;
  }

  html[data-stm-layout="tablet"] .woocommerce.archive .woocommerce-pagination .page-numbers,
html[data-stm-layout="mobile"] .woocommerce.archive .woocommerce-pagination .page-numbers,
html[data-stm-layout="tablet"] .woocommerce.search .woocommerce-pagination .page-numbers,
html[data-stm-layout="mobile"] .woocommerce.search .woocommerce-pagination .page-numbers,
html[data-stm-layout="tablet"] .woocommerce.archive .woocommerce-pagination .page-numbers.prev,
html[data-stm-layout="mobile"] .woocommerce.archive .woocommerce-pagination .page-numbers.prev,
html[data-stm-layout="tablet"] .woocommerce.archive .woocommerce-pagination .page-numbers.next,
html[data-stm-layout="mobile"] .woocommerce.archive .woocommerce-pagination .page-numbers.next,
html[data-stm-layout="tablet"] .woocommerce.search .woocommerce-pagination .page-numbers.prev,
html[data-stm-layout="mobile"] .woocommerce.search .woocommerce-pagination .page-numbers.prev,
html[data-stm-layout="tablet"] .woocommerce.search .woocommerce-pagination .page-numbers.next,
html[data-stm-layout="mobile"] .woocommerce.search .woocommerce-pagination .page-numbers.next{
    width:42px;
    min-width:42px;
    height:40px;
    padding:0;
    border-radius:var(--stm-radius-lg);
    font-size:var(--stm-font-size-small);
  }

  html[data-stm-layout="tablet"] .woocommerce.archive .woocommerce-pagination .page-numbers.prev,
html[data-stm-layout="mobile"] .woocommerce.archive .woocommerce-pagination .page-numbers.prev,
html[data-stm-layout="tablet"] .woocommerce.archive .woocommerce-pagination .page-numbers.next,
html[data-stm-layout="mobile"] .woocommerce.archive .woocommerce-pagination .page-numbers.next,
html[data-stm-layout="tablet"] .woocommerce.search .woocommerce-pagination .page-numbers.prev,
html[data-stm-layout="mobile"] .woocommerce.search .woocommerce-pagination .page-numbers.prev,
html[data-stm-layout="tablet"] .woocommerce.search .woocommerce-pagination .page-numbers.next,
html[data-stm-layout="mobile"] .woocommerce.search .woocommerce-pagination .page-numbers.next{
    font-size:0;
  }

  html[data-stm-layout="tablet"] .woocommerce.archive .woocommerce-pagination .page-numbers.prev::before,
html[data-stm-layout="mobile"] .woocommerce.archive .woocommerce-pagination .page-numbers.prev::before,
html[data-stm-layout="tablet"] .woocommerce.search .woocommerce-pagination .page-numbers.prev::before,
html[data-stm-layout="mobile"] .woocommerce.search .woocommerce-pagination .page-numbers.prev::before{
    content:"‹";
    font-size:var(--stm-font-size-title);
    line-height:1;
  }

  html[data-stm-layout="tablet"] .woocommerce.archive .woocommerce-pagination .page-numbers.next::before,
html[data-stm-layout="mobile"] .woocommerce.archive .woocommerce-pagination .page-numbers.next::before,
html[data-stm-layout="tablet"] .woocommerce.search .woocommerce-pagination .page-numbers.next::before,
html[data-stm-layout="mobile"] .woocommerce.search .woocommerce-pagination .page-numbers.next::before{
    content:"›";
    font-size:var(--stm-font-size-title);
    line-height:1;
  }



  html[data-stm-layout="mobile"] .woocommerce.archive .woocommerce-pagination,
html[data-stm-layout="mobile"] .woocommerce.search .woocommerce-pagination{
    margin-top:var(--stm-space-5);
    margin-bottom:var(--stm-space-8);
    padding-inline:var(--stm-space-2);
  }

  html[data-stm-layout="mobile"] .woocommerce.archive .woocommerce-pagination ul.page-numbers,
html[data-stm-layout="mobile"] .woocommerce.search .woocommerce-pagination ul.page-numbers{
    gap:var(--stm-space-1);
    max-width:198px;
  }

  html[data-stm-layout="mobile"] .woocommerce.archive .woocommerce-pagination .page-numbers,
html[data-stm-layout="mobile"] .woocommerce.search .woocommerce-pagination .page-numbers,
html[data-stm-layout="mobile"] .woocommerce.archive .woocommerce-pagination .page-numbers.prev,
html[data-stm-layout="mobile"] .woocommerce.archive .woocommerce-pagination .page-numbers.next,
html[data-stm-layout="mobile"] .woocommerce.search .woocommerce-pagination .page-numbers.prev,
html[data-stm-layout="mobile"] .woocommerce.search .woocommerce-pagination .page-numbers.next{
    width:39px;
    min-width:39px;
    height:38px;
    border-radius:var(--stm-radius-md);
    font-size:var(--stm-font-size-label);
  }