/* Custom CSS & JS 1508 "Sorting Woocommerce" — styles [patriot_clear_filters] and the sort dropdown. Moved verbatim from site-wide to the shop archive template (includes/legacy/css-*.php). */
.patriot-clear-filters {
  display: block;
  text-align: center;
  color: #102B91;
  font-weight: 600;
  font-size: 14px;
  text-decoration: none;
	font-family: "Inter", Sans-serif !important;
}
.patriot-clear-filters:hover {
  color: #CA3E34;
}

.woocommerce-ordering {
  width: 100%;
  position: relative;
}
.woocommerce-ordering select {
  width: 100%;
  border: 1.5px solid #ccc;
  border-radius: 30px;
  padding: 14px 20px;
  font-size: 15px;
  font-family: "Inter", Sans-serif !important;
  color: #1a1a2e;
  background: #fff;
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
}
.woocommerce-ordering select option {
  padding: 10px;
  font-size: 14px;
  background: #fff;
  color: #1a1a2e;
}
.woocommerce-ordering::after {
  content: "▾";
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  color: #1a1a2e;
  font-size: 16px;
}