/* Product listing pages: title, order-by line, side filter, active chips, card meta. Organic tokens (organic.css). */
.stl-archive-head { margin-bottom: 14px; }
.stl-archive-head h1 { font-family: var(--font-heading); font-weight: var(--font-heading-weight, 400); font-size: clamp(32px, 5vw, 46px); line-height: 1.12; margin: 0; text-wrap: balance; }
.stl-when { margin: 10px 0 0; max-width: 70ch; font-size: 16px; color: var(--color-neutral-700); }
.stl-when:empty { display: none; }

.stl-filters { font-size: 14px; }
.stl-filters summary { display: inline-flex; align-items: center; gap: 6px; border: 1px solid var(--color-divider); background: var(--color-neutral-100); border-radius: 999px; padding: 7px 14px; font-size: 13px; cursor: pointer; list-style: none; }
.stl-filters summary::-webkit-details-marker { display: none; }
.stl-filters-body { display: flex; flex-direction: column; gap: 22px; }
@media (min-width: 1000px) { .stl-filters summary { display: none; } }
@media (max-width: 999.98px) { .stl-filters[open] .stl-filters-body { margin-top: 14px; background: var(--color-neutral-100); border-radius: var(--radius-md, 16px); padding: 18px; } }
.stl-filter-group { display: flex; flex-direction: column; gap: 2px; }
.stl-filter-legend { font-family: var(--font-heading); font-weight: var(--font-heading-weight, 400); font-size: 16px; margin: 0 0 6px; }
.stl-opt { display: flex; align-items: center; gap: 9px; padding: 5px 8px; border-radius: var(--radius-sm, 8px); color: var(--color-text); text-decoration: none; }
.stl-opt::before { content: ""; flex: none; width: 15px; height: 15px; border: 1.5px solid var(--color-neutral-600); border-radius: 4px; background: var(--color-bg); }
.stl-opt[role="radio"]::before { border-radius: 50%; }
.stl-opt[aria-checked="true"]::before { border-color: var(--color-accent); background: var(--color-accent); box-shadow: inset 0 0 0 2.5px var(--color-bg); }
a.stl-opt:hover { background: var(--color-neutral-100); color: var(--color-accent-700); }
.stl-opt[aria-disabled="true"] { opacity: .45; }
.stl-clear { align-self: flex-start; font-size: 13px; color: var(--color-neutral-700); }

.stl-active { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 14px; }
.stl-active a { border: 1px solid var(--color-divider); background: var(--color-neutral-100); border-radius: 999px; padding: 5px 11px; font-size: 12.5px; color: var(--color-text); text-decoration: none; }
.stl-active a::after { content: " ×"; }
.stl-active a:hover { border-color: var(--color-accent); color: var(--color-accent-700); }
.stl-card-meta { font-size: 13px; color: var(--color-neutral-700); }
.stl-empty { padding: 30px; border: 1px dashed var(--color-divider); border-radius: var(--radius-md, 16px); text-align: center; color: var(--color-neutral-700); }
.stl-empty p { margin: 0 0 8px; }
/* Blocksy hides sidebars below 1000px (one site-wide setting); on product listings the filter shows above the products. */
@media (max-width: 999.98px) {
	body.woocommerce-shop #sidebar.ct-hidden-sm, body.woocommerce-shop #sidebar.ct-hidden-md,
	body.tax-product_cat #sidebar.ct-hidden-sm, body.tax-product_cat #sidebar.ct-hidden-md,
	body.tax-product_tag #sidebar.ct-hidden-sm, body.tax-product_tag #sidebar.ct-hidden-md { display: block !important; order: -1; margin-bottom: 18px; }
}