/**
 * Shop filters â€” sticky sidebar, category bar, toolbar
 */

:root {
	--kr-filter-sticky-top: 88px;
	--kr-filter-sticky-gap: 8px;

	/* Adjustable filter type scale â€” tweak these to resize all filter text */
	--kr-filter-fs-heading: 15px;
	--kr-filter-fs-section: 12px;
	--kr-filter-fs-item: 13px;
	--kr-filter-fs-count: 11px;
	--kr-filter-fs-reset: 13px;
	--kr-filter-fs-search: 14px;
	--kr-filter-fw-heading: 500;
	--kr-filter-fw-section: 500;
	--kr-filter-fw-item: 400;
	--kr-filter-fw-item-active: 500;
	--kr-filter-lh: 1.4;
}

/* Mobile filter toggle in page hero (replaces kr-shop-bar) */
.kr-page-hero__head .kr-shop-filter-mobile-toggle {
	display: none;
	align-items: center;
	gap: 6px;
	padding: 8px 14px;
	border-radius: var(--kr-btn-radius, 6px);
	border: 1.5px solid var(--kr-border, #e8e4df);
	background: #fff;
	font-size: 0.8125rem;
	font-weight: 500;
	color: var(--kr-text, #1a1a1a);
	cursor: pointer;
	transition: border-color 0.2s, color 0.2s, background 0.2s;
	flex-shrink: 0;
}

.kr-page-hero__head .kr-shop-filter-mobile-toggle:hover,
.kr-page-hero__head .kr-shop-filter-mobile-toggle[aria-expanded="true"] {
	border-color: var(--kr-saffron, #ff7722);
	color: var(--kr-saffron, #ff7722);
	background: var(--kr-saffron-light, #fdf5f0);
}

@media (max-width: 991px) {
	.kr-page-hero__head .kr-shop-filter-mobile-toggle {
		display: inline-flex;
	}
}

.kr-has-shop-filters.woocommerce #secondary,
.kr-has-shop-filters.woocommerce-page #secondary {
	display: none !important;
}

/* Hide WooCommerce / YITH block filters â€” custom sidebar only */
.kr-has-shop-filters .wp-block-woocommerce-product-filters,
.kr-has-shop-filters .wc-block-product-filters,
.kr-has-shop-filters .yith-wcan-filters,
.kr-has-shop-filters .yith-wcan-reset-filters,
.kr-has-shop-filters .reset-filters,
.kr-has-shop-filters .widget_layered_nav,
.kr-has-shop-filters .woocommerce-widget-layered-nav {
	display: none !important;
}

/* Grid: sidebar + products (unwrap nested .woocommerce) */
.kr-shop-layout {
	display: grid;
	grid-template-columns: minmax(240px, 260px) minmax(0, 1fr);
	gap: 14px;
	align-items: start;
	width: 100%;
	max-width: var(--kr-container, 1280px);
	margin: 0 auto;
	padding: 0 0 4px;
	background: transparent;
	border: none;
	box-shadow: none;
}

.kr-shop-layout > .woocommerce {
	display: contents;
}

.kr-shop-filters {
	grid-column: 1;
	grid-row: 1;
	align-self: start;
	position: sticky;
	top: var(--kr-filter-sticky-top, 88px);
	z-index: 40;
}

/* Filter typography â€” adjustable via --kr-filter-fs-* / --kr-filter-fw-* */

.kr-shop-filters__heading,
.kr-shop-filters__inner--name-stock .kr-shop-filters__heading {
	font-size: var(--kr-filter-fs-heading, 15px) !important;
	font-weight: var(--kr-filter-fw-heading, 500) !important;
	letter-spacing: 0.01em;
	line-height: var(--kr-filter-lh, 1.4);
	color: var(--kr-text, #1a1a1a);
}

.kr-filter-section__title,
.kr-shop-filters__inner--name-stock .kr-filter-section__title {
	font-size: var(--kr-filter-fs-section, 12px) !important;
	font-weight: var(--kr-filter-fw-section, 500) !important;
	text-transform: uppercase;
	letter-spacing: 0.07em;
	line-height: var(--kr-filter-lh, 1.4);
	color: #8a8580 !important;
}

.kr-cat-accordion__name,
.kr-shop-filters__inner--name-stock .kr-attr-filter__name,
.kr-attr-filter__name,
.kr-cat-accordion__children .kr-attr-filter__name {
	font-size: var(--kr-filter-fs-item, 13px) !important;
	font-weight: var(--kr-filter-fw-item, 400) !important;
	line-height: var(--kr-filter-lh, 1.4);
	color: #3d3d3d;
	letter-spacing: 0.01em;
}

.kr-shop-filters__inner--name-stock .kr-filter-reset,
.kr-filter-reset,
.kr-page-hero__head .kr-shop-filter-mobile-toggle {
	font-size: var(--kr-filter-fs-reset, 13px) !important;
	font-weight: var(--kr-filter-fw-item-active, 500) !important;
}

.kr-shop-products .woocommerce-result-count {
	font-weight: 500;
	font-size: 0.8125rem;
}

.kr-shop-products .woocommerce-ordering select,
.kr-shop-products .woocommerce-ordering .orderby {
	font-weight: 500 !important;
	font-size: 0.8125rem !important;
}

.kr-shop-products {
	grid-column: 2;
	grid-row: 1;
	min-width: 0;
	width: 100%;
	max-width: 100%;
}

/* Shop category bar removed â€” title lives in page hero after breadcrumb */
.kr-shop-bar {
	display: none !important;
}

.kr-shop-bar {
	position: sticky;
	top: var(--kr-filter-sticky-top, 96px);
	z-index: 25;
	margin-bottom: 14px;
	padding: 12px 0 14px;
	background: rgba(255, 255, 255, 0.96);
	backdrop-filter: blur(8px);
	border: none;
	border-bottom: 1px solid var(--kr-border-light, #f0ece4);
	border-radius: 0;
	box-shadow: 0 6px 16px rgba(0, 0, 0, 0.04);
}

.kr-shop-bar__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 14px;
}

.kr-shop-bar__title {
	font-size: 1.125rem;
	font-weight: 700;
	margin: 0;
	color: var(--kr-text, #1a1a1a);
}

.kr-shop-bar__title-wrap {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
	min-width: 0;
}

.kr-shop-bar__parent,
.kr-shop-bar__clear {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	font-size: 0.8125rem;
	font-weight: 600;
	text-decoration: none;
	padding: 6px 12px;
	border-radius: 999px;
	white-space: nowrap;
	transition: background 0.2s, color 0.2s, border-color 0.2s;
}

.kr-shop-bar__parent {
	color: var(--kr-text-mid, #4a4a4a);
	background: #fff;
	border: 1px solid var(--kr-border, #e8e4df);
}

.kr-shop-bar__parent:hover {
	border-color: var(--kr-saffron, #ff7722);
	color: var(--kr-saffron, #ff7722);
	background: var(--kr-saffron-light, #fdf5f0);
}

.kr-shop-bar__clear {
	color: var(--kr-saffron, #ff7722);
	background: var(--kr-saffron-light, #fdf5f0);
	border: 1px solid transparent;
}

.kr-shop-bar__clear:hover {
	background: var(--kr-saffron, #ff7722);
	color: #fff;
}

.kr-shop-bar__sub-label {
	margin: 0 0 8px;
	font-size: 0.6875rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: var(--kr-text-muted, #6b7280);
}

.kr-shop-bar__toggle {
	display: none;
	align-items: center;
	gap: 6px;
	padding: 8px 14px;
	border-radius: var(--kr-btn-radius, 6px);
	border: 1.5px solid var(--kr-border, #e8e4df);
	background: #fff;
	font-size: 0.8125rem;
	font-weight: 600;
	color: var(--kr-text, #1a1a1a);
	cursor: pointer;
	transition: border-color 0.2s, color 0.2s, background 0.2s;
	flex-shrink: 0;
}

.kr-shop-bar__toggle:hover,
.kr-shop-bar__toggle[aria-expanded="true"] {
	border-color: var(--kr-saffron, #ff7722);
	color: var(--kr-saffron, #ff7722);
	background: var(--kr-saffron-light, #fdf5f0);
}

.kr-cat-pills-wrap {
	position: relative;
}

.kr-cat-pills-wrap::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 32px;
	height: 100%;
	background: linear-gradient(90deg, transparent, #fff);
	pointer-events: none;
	opacity: 0;
}

.kr-cat-pills {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.kr-cat-pills--sub {
	margin-top: 10px;
	padding-top: 12px;
	border-top: 1px dashed var(--kr-border-light, #f0ece4);
}

.kr-cat-pill {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 14px 8px 10px;
	border-radius: var(--kr-btn-radius, 6px);
	background: var(--kr-cream, #fdf6ec);
	border: 1.5px solid transparent;
	color: var(--kr-text-mid, #4a4a4a);
	font-size: 0.8125rem;
	font-weight: 600;
	text-decoration: none;
	transition: all 0.2s;
	white-space: nowrap;
}

.kr-cat-pill__img {
	width: 28px;
	height: 28px;
	border-radius: var(--kr-btn-radius, 6px);
	object-fit: cover;
	flex-shrink: 0;
}

.kr-cat-pill__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	border-radius: var(--kr-btn-radius, 6px);
	background: #fff;
	color: var(--kr-text-muted, #6b7280);
	flex-shrink: 0;
}

.kr-cat-pill:hover {
	border-color: var(--kr-saffron, #ff7722);
	color: var(--kr-saffron, #ff7722);
	background: #fff;
}

.kr-cat-pill.is-active {
	background: var(--kr-saffron, #ff7722);
	border-color: var(--kr-saffron, #ff7722);
	color: #fff;
	box-shadow: 0 3px 12px rgba(255, 119, 34, 0.28);
}

.kr-cat-pill.is-active .kr-cat-pill__icon {
	background: rgba(255, 255, 255, 0.2);
	color: #fff;
}

.kr-cat-pill.is-active .kr-cat-pill__count {
	background: rgba(255, 255, 255, 0.22);
	color: #fff;
}

.kr-cat-pill--sub {
	font-size: 0.75rem;
	padding: 6px 12px;
	background: #fff;
	border-color: var(--kr-border, #e8e4df);
}

.kr-cat-pill__count {
	font-size: 0.6875rem;
	font-weight: 700;
	padding: 2px 7px;
	border-radius: var(--kr-btn-radius, 6px);
	background: #fff;
	color: var(--kr-text-muted, #6b7280);
}

/* â”€â”€ Sidebar filters â€” sticky card (no inner scroll; page scrolls) â”€â”€ */
.kr-shop-filters {
	position: sticky;
	top: var(--kr-filter-sticky-top, 96px);
	z-index: 30;
	max-height: none;
	overflow: visible;
	padding: 0;
	background: transparent;
	border: none;
	box-shadow: none;
}

.kr-shop-filters__inner {
	background: #fff;
	border: 1px solid var(--kr-border-light, #f0ece4);
	border-radius: var(--kr-radius-lg, 16px);
	box-shadow: var(--kr-shadow, 0 2px 16px rgba(0, 0, 0, 0.06));
	padding: 16px;
	max-height: none;
	overflow: visible;
	scrollbar-gutter: auto;
	transition: box-shadow 0.25s ease;
}

.kr-shop-filters.is-stuck .kr-shop-filters__inner {
	box-shadow: var(--kr-shadow-md, 0 10px 32px rgba(0, 0, 0, 0.1));
}

.kr-shop-filters__inner::-webkit-scrollbar {
	display: none;
	width: 0;
}

.kr-shop-filters__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin-bottom: 12px;
	padding-bottom: 12px;
	border-bottom: 1px solid var(--kr-border-light, #f0ece4);
}

.kr-shop-filters__close {
	display: none;
	background: none;
	border: none;
	font-size: 1.25rem;
	cursor: pointer;
	color: var(--kr-text-muted, #6b7280);
	line-height: 1;
	padding: 4px;
}

/* Simple sidebar layout â€” name + stock (all shop pages) */
.kr-shop-filters__inner--simple {
	padding: 18px 16px 16px;
	border-radius: var(--kr-radius, 12px);
	border: 1px solid var(--kr-border, #e8e4df);
	background: #fff;
	box-shadow: 0 8px 24px rgba(26, 26, 26, 0.04);
}

.kr-shop-filters__inner--simple .kr-shop-filters__header {
	margin-bottom: 14px;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--kr-border-light, #f0ece4);
}

.kr-shop-filters__inner--name-stock .kr-shop-filters__heading {
	font-size: var(--kr-filter-fs-heading, 15px);
	font-weight: var(--kr-filter-fw-heading, 500);
	letter-spacing: 0.01em;
}

.kr-shop-filters__inner--name-stock .kr-filter-section {
	margin: 0 0 16px;
	padding: 0 0 16px;
	border-bottom: 1px solid var(--kr-border-light, #f0ece4);
}

.kr-shop-filters__inner--name-stock .kr-filter-section:last-of-type {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 12px;
}

.kr-shop-filters__inner--name-stock .kr-filter-section__title {
	font-size: var(--kr-filter-fs-section, 12px);
	font-weight: var(--kr-filter-fw-section, 500);
	text-transform: uppercase;
	letter-spacing: 0.07em;
	color: #8a8580;
	margin: 0 0 10px;
}

.kr-shop-filters__inner--name-stock .kr-filter-section--categories {
	margin-bottom: 4px;
	padding-bottom: 12px;
	border-bottom: 1px solid #eceff3;
}

.kr-cat-accordion {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.kr-cat-accordion__item {
	border: none;
	border-radius: 0;
	background: #fff;
	overflow: visible;
	transition: box-shadow 0.18s ease;
}

.kr-cat-accordion__item:hover {
	border-color: transparent;
}

.kr-cat-accordion__item.is-open {
	border-color: transparent;
	box-shadow: none;
}

.kr-cat-accordion__header {
	display: flex;
	align-items: stretch;
	gap: 0;
	min-height: 44px;
}

.kr-cat-accordion__label {
	display: flex;
	align-items: center;
	gap: 10px;
	flex: 1;
	min-width: 0;
	margin: 0;
	padding: 0;
	border: 0;
	cursor: pointer;
}

.kr-cat-accordion__name {
	flex: 1;
	min-width: 0;
	font-size: var(--kr-filter-fs-item, 13px);
	font-weight: var(--kr-filter-fw-item, 400);
	color: #3d3d3d;
	line-height: var(--kr-filter-lh, 1.4);
	letter-spacing: 0.01em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.kr-cat-accordion__count {
	flex-shrink: 0;
	min-width: 22px;
	padding: 2px 7px;
	border-radius: 999px;
	background: #f3f4f6;
	color: #9ca3af;
	font-size: 0.75rem;
	font-weight: 500;
	text-align: center;
	line-height: 1.4;
}

.kr-cat-accordion__item.is-open .kr-cat-accordion__count,
.kr-cat-accordion__label:has(.kr-attr-filter__checkbox:checked) .kr-cat-accordion__count {
	background: rgba(255, 119, 34, 0.12);
	color: var(--kr-saffron, #ff7722);
}

.kr-cat-accordion__toggle {
	flex: 0 0 25px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	color: #6b7280;
	cursor: pointer;
	transition: background 0.15s ease, color 0.15s ease;
}

.kr-cat-accordion__toggle:hover {
	background: #fafafa;
	color: var(--kr-saffron, #ff7722);
}

.kr-cat-accordion__chevron {
	display: block;
	width: 8px;
	height: 8px;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: rotate(45deg);
	transition: transform 0.2s ease;
	margin-top: -3px;
}

.kr-cat-accordion__item.is-open .kr-cat-accordion__chevron {
	transform: rotate(225deg);
	margin-top: 3px;
}

.kr-cat-accordion__panel {
	border-top: 1px solid #f0f2f5;
	background: #fafbfc;
	padding: 6px 8px 8px;
}

.kr-cat-accordion__panel[hidden] {
	display: none !important;
}

.kr-cat-accordion__children {
	margin: 0;
	padding: 0;
	list-style: none;
}

.kr-cat-accordion__children .kr-attr-filter__label {
	min-height: 38px;
	padding: 7px 8px;
	border-radius: var(--kr-radius, 12px);
	background: transparent;
}

.kr-cat-accordion__children .kr-attr-filter__label:hover {
	background: #fff;
}

.kr-shop-filters__inner--name-stock .kr-attr-filter__label {
	min-height: 0;
	padding: 5px 8px;
	border-radius: var(--kr-radius, 12px);
	gap: 10px;
	font-size: 12px;
	align-items: center;
}

.kr-shop-filters__inner--name-stock .kr-filter-section--product-name .kr-attr-filter {
	max-height: none;
	overflow: visible;
	padding-right: 0;
}

/* Filter list show more / show less */
.kr-attr-filter.is-collapsed > .kr-attr-filter__item.kr-filter-item--extra {
	display: none !important;
}

.kr-attr-filter.is-expanded > .kr-attr-filter__item.kr-filter-item--extra {
	display: list-item;
}

.kr-filter-show-more {
	margin: 2px 0 4px;
	padding: 0 2px;
}

.kr-filter-show-more__btn {
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	gap: 4px;
	width: auto;
	margin: 0;
	padding: 6px 2px;
	border: none;
	background: transparent;
	color: var(--kr-saffron, #ff7722);
	font-family: inherit;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.01em;
	cursor: pointer;
	line-height: 1.3;
}

.kr-filter-show-more__btn:hover,
.kr-filter-show-more__btn:focus {
	color: var(--kr-saffron-dark, #e8651a);
	outline: none;
	text-decoration: underline;
}

.kr-shop-filters__inner--name-stock .kr-attr-filter__check {
	width: 18px;
	height: 18px;
	border-radius: 0;
}

.kr-shop-filters__inner--name-stock .kr-attr-filter__name {
	font-size: 12px;
	font-weight: var(--kr-filter-fw-item, 400);
	line-height: var(--kr-filter-lh, 1.4);
	color: #3d3d3d;
	min-width: 0;
	flex: 1 1 auto;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.kr-shop-filters__inner--name-stock .kr-filter-reset {
	width: 100%;
	min-height: 42px;
	border-radius: var(--kr-radius, 12px);
	font-size: 0.875rem;
	font-weight: 500;
}

.kr-shop-filters__heading {
	font-size: 0.9375rem;
	font-weight: 500;
	margin: 0;
	color: var(--kr-text, #1a1a1a);
}

.kr-filter-section {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--kr-border-light, #f0ece4);
}

.kr-filter-section:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

.kr-filter-section__title {
	font-size: 0.75rem;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.07em;
	color: #8a8580;
	margin: 0 0 10px;
}

/* Category tree */
.kr-cat-tree,
.kr-cat-tree__children {
	list-style: none;
	margin: 0;
	padding: 0;
}

.kr-cat-tree__children {
	padding-left: 10px;
	margin-top: 2px;
	border-left: 2px solid var(--kr-border-light, #f0ece4);
}

.kr-cat-tree__item:not(.is-open) > .kr-cat-tree__children {
	display: none;
}

.kr-cat-tree__row {
	display: flex;
	align-items: stretch;
	gap: 4px;
}

.kr-cat-tree__link {
	display: flex;
	align-items: center;
	gap: 8px;
	flex: 1;
	min-width: 0;
	padding: 8px 10px;
	border-radius: var(--kr-btn-radius, 6px);
	text-decoration: none;
	color: var(--kr-text-mid, #4a4a4a);
	font-size: 0.8125rem;
	font-weight: 500;
	transition: background 0.15s, color 0.15s;
}

.kr-cat-tree__expand {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	flex-shrink: 0;
	margin: 4px 4px 4px 0;
	padding: 0;
	border: 1px solid var(--kr-border-light, #f0ece4);
	border-radius: var(--kr-btn-radius, 6px);
	background: #fff;
	color: var(--kr-text-muted, #6b7280);
	cursor: pointer;
	transition: border-color 0.15s, color 0.15s, background 0.15s;
}

.kr-cat-tree__expand:hover {
	border-color: var(--kr-saffron, #ff7722);
	color: var(--kr-saffron, #ff7722);
	background: var(--kr-saffron-light, #fdf5f0);
}

.kr-cat-tree__thumb,
.kr-cat-tree__img,
.kr-cat-tree__link .kr-cat-pill__icon {
	display: none !important;
}

.kr-cat-tree__name {
	flex: 1;
	min-width: 0;
	line-height: 1.35;
}

.kr-cat-tree__chevron {
	width: 6px;
	height: 6px;
	border-right: 1.5px solid currentColor;
	border-bottom: 1.5px solid currentColor;
	transform: rotate(-45deg);
	flex-shrink: 0;
	opacity: 0.5;
	transition: transform 0.2s;
}

.kr-cat-tree__item.is-open > .kr-cat-tree__row .kr-cat-tree__chevron {
	transform: rotate(45deg);
}

.kr-shop-products .woocommerce-info,
.kr-shop-products .woocommerce-message,
.kr-shop-products .woocommerce-error {
	margin-bottom: 14px;
	border-radius: var(--kr-radius, 12px);
}

.kr-shop-products .woocommerce-no-products-found {
	padding: 24px;
	background: var(--kr-cream, #faf8f4);
	border: 1px solid var(--kr-border-light, #f0ece4);
	border-radius: var(--kr-radius, 12px);
	text-align: center;
}

.kr-cat-tree__link:hover,
.kr-cat-tree__item.is-active > .kr-cat-tree__link {
	background: var(--kr-saffron-light, #fdf5f0);
	color: var(--kr-saffron, #ff7722);
}

.kr-cat-tree__count {
	font-size: 0.6875rem;
	font-weight: 700;
	padding: 2px 7px;
	border-radius: var(--kr-btn-radius, 6px);
	background: var(--kr-cream, #fdf6ec);
	color: var(--kr-text-muted, #6b7280);
	flex-shrink: 0;
	margin-left: auto;
}

.kr-cat-tree__item.is-active > .kr-cat-tree__link .kr-cat-tree__count {
	background: var(--kr-saffron, #ff7722);
	color: #fff;
}

/* Hide duplicate YITH UI outside the custom sidebar */
.kr-has-shop-filters .yith-wcan-filters,
.kr-has-shop-filters .yith-wcan-reset-filters,
.kr-has-shop-filters .reset-filters {
	display: none !important;
}

.kr-has-shop-filters #krShopFilters .yith-wcan-filters {
	display: block !important;
}

/* â”€â”€ YITH filters (food-filter + presets) â”€â”€ */

/* â”€â”€ Products column toolbar â”€â”€ */
.kr-shop-products .woostify-sorting {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	background: transparent;
	border: none;
	border-bottom: 1px solid var(--kr-border-light, #f0ece4);
	padding: 0 0 12px;
	margin: 0 0 14px;
}

.kr-shop-products .woocommerce-result-count {
	margin: 0 !important;
	font-size: 0.8125rem;
	font-weight: 500;
	letter-spacing: 0.01em;
	color: var(--kr-text-muted, #6b7280);
	float: none !important;
	line-height: 1.3;
}

.kr-shop-products .woocommerce-ordering {
	margin: 0 !important;
	float: none !important;
	position: relative;
	display: inline-flex;
	align-items: center;
	border: none !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.kr-shop-products .woocommerce-ordering::after {
	content: none !important;
	display: none !important;
}

.kr-shop-products .woocommerce-ordering::before {
	content: "Sort";
	display: inline-block;
	margin-right: 8px;
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--kr-text-muted, #6b7280);
	white-space: nowrap;
}

.kr-shop-products .woocommerce-ordering select,
.kr-shop-products .woocommerce-ordering .orderby {
	appearance: none !important;
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	display: block;
	width: auto;
	min-width: 188px;
	max-width: 100%;
	height: 36px !important;
	min-height: 36px !important;
	margin: 0 !important;
	padding: 0 36px 0 12px !important;
	border: 1px solid #e0e0e0 !important;
	border-radius: 2px !important;
	background-color: #fff !important;
	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='%236b7280' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: right 12px center !important;
	background-size: 12px !important;
	font-family: inherit !important;
	font-size: 0.8125rem !important;
	font-weight: 500 !important;
	line-height: 34px !important;
	color: var(--kr-text, #1a1a1a) !important;
	box-shadow: none !important;
	cursor: pointer;
	transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

.kr-shop-products .woocommerce-ordering select:hover,
.kr-shop-products .woocommerce-ordering .orderby:hover {
	border-color: #cfcfcf !important;
}

.kr-shop-products .woocommerce-ordering select:focus,
.kr-shop-products .woocommerce-ordering .orderby:focus {
	outline: none !important;
	border-color: var(--kr-saffron, #ff7722) !important;
	box-shadow: 0 0 0 3px rgba(255, 119, 34, 0.12) !important;
}

.kr-shop-products ul.products,
.kr-category-landing-loop ul.products {
	margin-top: 0;
	width: 100% !important;
	max-width: 100% !important;

}

.kr-has-shop-filters .kr-shop-products ul.products,
.kr-has-shop-filters .kr-shop-products ul.products.columns-1,
.kr-has-shop-filters .kr-shop-products ul.products.columns-2,
.kr-has-shop-filters .kr-shop-products ul.products.columns-3,
.kr-has-shop-filters .kr-shop-products ul.products.columns-4,
.kr-has-shop-filters .kr-shop-products ul.products.columns-5,
.kr-has-shop-filters .kr-shop-products ul.products.columns-6,
.kr-has-shop-filters .kr-category-landing-loop ul.products,
.kr-has-shop-filters .kr-category-landing-loop ul.products.columns-1,
.kr-has-shop-filters .kr-category-landing-loop ul.products.columns-2,
.kr-has-shop-filters .kr-category-landing-loop ul.products.columns-3,
.kr-has-shop-filters .kr-category-landing-loop ul.products.columns-4,
.kr-has-shop-filters .kr-category-landing-loop ul.products.columns-5,
.kr-has-shop-filters .kr-category-landing-loop ul.products.columns-6 {
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

@media (max-width: 991px) {
	.kr-has-shop-filters .kr-shop-products ul.products,
	.kr-has-shop-filters .kr-shop-products ul.products[class*="columns-"],
	.kr-has-shop-filters .kr-category-landing-loop ul.products,
	.kr-has-shop-filters .kr-category-landing-loop ul.products[class*="columns-"] {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 480px) {
	.kr-has-shop-filters .kr-shop-products ul.products,
	.kr-has-shop-filters .kr-shop-products ul.products[class*="columns-"],
	.kr-has-shop-filters .kr-category-landing-loop ul.products,
	.kr-has-shop-filters .kr-category-landing-loop ul.products[class*="columns-"] {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

.kr-shop-filter-overlay {
	display: none !important;
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, 0.45);
	z-index: 1001;
	pointer-events: none;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.25s ease, visibility 0.25s ease;
}

.kr-shop-filter-overlay[hidden] {
	display: none !important;
	pointer-events: none !important;
}

.kr-shop-filter-overlay.is-open {
	display: block !important;
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

body.kr-filters-open {
	overflow: hidden;
}

html.cart-sidebar-open body.kr-filters-open {
	overflow: hidden;
}

/* Shop page â€” spacing unified via inner-pages.css */
.kedaranchal-theme.kr-has-shop-filters .site-main,
.kedaranchal-theme.kr-has-shop-filters.woocommerce-page .site-main {
	overflow: visible;
}

.kedaranchal-theme.kr-has-shop-filters .kr-shop-layout {
	overflow: visible;
}

.kedaranchal-theme.kr-has-shop-filters #primary,
.kedaranchal-theme.kr-has-shop-filters .content-area {
	max-width: 100%;
}

/* Desktop â€” sidebar always visible in grid (not off-screen like mobile drawer) */
@media (min-width: 992px) {
	#krShopFilters,
	.kr-shop-filters {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		transform: none !important;
		position: sticky;
		width: auto;
		height: auto;
		max-height: none;
		overflow: visible;
	}

	.kr-shop-filters__inner {
		border-radius: var(--kr-radius-lg, 16px);
		height: auto;
		max-height: none;
		overflow: visible;
	}

	.kr-shop-bar__toggle {
		display: none !important;
	}
}

.kedaranchal-theme.kr-tax-archive .kr-shop-layout {
	padding-top: 0;
}

/* Custom category landing pages (WordPress pages) */
.kedaranchal-theme.kr-category-landing .kr-page-shell,
.kedaranchal-theme.kr-category-landing .kr-page-container--shop {
	max-width: 100%;
}

.kr-category-landing .kr-content-card {
	background: transparent;
	border: none;
	box-shadow: none;
	padding: 0;
}

.kr-shop-layout--landing {
	padding-top: 0;
}

/* Same name + stock filters on primary category landings */

/* Dynamic attribute filters */

.kr-cat-filter {
	margin-top: 8px;
}

.kr-attr-filter {
	list-style: none;
	margin: 0;
	padding: 0;
}

.kr-attr-filter__item {
	margin: 2px 0;
}

.kr-attr-filter__label {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 8px 10px;
	border-radius: var(--kr-btn-radius, 6px);
	color: var(--kr-text-mid, #4a4a4a);
	font-size: 0.8125rem;
	font-weight: 500;
	background: transparent;
	transition: background 0.15s, color 0.15s;
	cursor: pointer;
}

.kr-attr-filter__label:hover {
	background: var(--kr-cream, #f5f0e8);
	color: var(--kr-text, #1a1a1a);
}

.kr-attr-filter__label:has(.kr-attr-filter__checkbox:checked) {
	background: var(--kr-saffron-light, #fdf5f0);
	color: var(--kr-saffron, #ff7722);
	font-weight: 600;
}

.kr-attr-filter__control {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 16px;
	height: 16px;
	flex-shrink: 0;
}

.kr-attr-filter__checkbox {
	position: absolute;
	inset: 0;
	width: 16px;
	height: 16px;
	margin: 0;
	opacity: 0;
	cursor: pointer;
	z-index: 2;
}

.kr-attr-filter__check {
	width: 16px;
	height: 16px;
	flex-shrink: 0;
	border: 1.5px solid var(--kr-border, #d8d2c8);
	border-radius: 0;
	background: #fff;
	position: relative;
	pointer-events: none;
	transition: border-color 0.15s, background 0.15s;
}

.kr-attr-filter__checkbox:focus-visible + .kr-attr-filter__check {
	outline: 2px solid var(--kr-saffron, #ff7722);
	outline-offset: 2px;
}

.kr-attr-filter__checkbox:checked + .kr-attr-filter__check {
	border-color: var(--kr-saffron, #ff7722);
	background: var(--kr-saffron, #ff7722);
}

.kr-attr-filter__checkbox:checked + .kr-attr-filter__check::after {
	content: '';
	position: absolute;
	left: 4px;
	top: 1px;
	width: 5px;
	height: 9px;
	border: solid #fff;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

.kr-attr-filter__name {
	flex: 1;
	min-width: 0;
}

.kr-filter-reset-wrap {
	margin-top: 12px;
	padding-top: 12px;
	border-top: 1px solid var(--kr-border, #d8d2c8);
}

.kr-filter-reset {
	display: block;
	width: 100%;
	padding: 10px 14px;
	border: 1.5px solid var(--kr-border, #d8d2c8);
	border-radius: var(--kr-btn-radius, 6px);
	background: #fff;
	color: var(--kr-text-mid, #4a4a4a);
	font-size: 0.8125rem;
	font-weight: 600;
	cursor: pointer;
	transition: background 0.15s, color 0.15s, border-color 0.15s;
}

.kr-filter-reset:hover {
	background: var(--kr-saffron-light, #fdf5f0);
	border-color: var(--kr-saffron, #ff7722);
	color: var(--kr-saffron, #ff7722);
}

.kr-filter-reset:focus-visible {
	outline: 2px solid var(--kr-saffron, #ff7722);
	outline-offset: 2px;
}

.kr-shop-product-results.is-loading {
	opacity: 0.55;
	pointer-events: none;
	position: relative;
	min-height: 120px;
}

.kr-shop-product-results.is-loading::after {
	content: '';
	position: absolute;
	inset: 40px 0;
	margin: auto;
	width: 36px;
	height: 36px;
	border: 3px solid var(--kr-border-light, #f0ece4);
	border-top-color: var(--kr-saffron, #ff7722);
	border-radius: 50%;
	animation: kr-filter-spin 0.7s linear infinite;
}

@keyframes kr-filter-spin {
	to {
		transform: rotate(360deg);
	}
}

@media (min-width: 992px) {
	.kr-primary-category-landing .kr-shop-filters {
		position: sticky;
		display: block;
		transform: none;
	}

}

.kr-category-landing-loop {
	width: 100%;
}

.kr-category-landing-loop .products {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* Legacy Elementor / page-builder product grids (native loop handles products) */
.kr-category-landing-content .wpcsu-wrapper,
.kr-category-landing-content .wpcsu-carousel,
.kr-category-landing-content .wpcsu-grid,
.kr-category-landing-content ul.products,
.kr-category-landing-content .products,
.kr-category-landing-content li.product,
.kr-category-landing-content .kr-product-card,
.kr-category-landing-content .elementor-widget-woocommerce-products,
.kr-category-landing-content .elementor-widget-wc-archive-products,
.kr-category-landing-content .elementor-widget-loop-grid,
.kr-category-landing-content .elementor-widget-loop-carousel,
.kr-category-landing-content .woocommerce-result-count,
.kr-category-landing-content .woocommerce-ordering,
.kr-category-landing-content .woocommerce-notices-wrapper {
	display: none !important;
}

.kr-category-landing-content:empty,
.kr-category-landing-content:not(:has(:not(script):not(style))) {
	display: none !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

.kr-category-landing .kr-category-landing-content .yith-wcan-filters,
.kr-category-landing .kr-category-landing-content .yith-wcan-filter,
.kr-category-landing .kr-category-landing-content .yith-wcan-reset-filters,
.kr-category-landing .kr-category-landing-content .widget_yith-woocommerce-ajax-product-filter,
.kr-has-shop-filters .kr-shop-products .yith-wcan-filters:not(#krShopFilters .yith-wcan-filters),
.kr-has-shop-filters .kr-shop-products .yith-wcan-filter,
.kr-has-shop-filters .kr-shop-products .yith-wcan-reset-filters,
.kr-has-shop-filters .site-main .yith-wcan-filters:not(#krShopFilters .yith-wcan-filters) {
	display: none !important;
}

/* YITH mobile / modal preset outside custom sidebar */
.kr-has-shop-filters .kr-shop-products .yith-wcan-filters.filters-modal,
.kr-has-shop-filters .kr-category-landing-content .yith-wcan-filters.filters-modal,
.kr-has-shop-filters .kr-shop-products .yith-wcan-filters.with-filter-button,
.kr-has-shop-filters .kr-category-landing-content .yith-wcan-filters.with-filter-button {
	display: none !important;
}

/* Desktop â€” left sidebar only; hide YITH mobile drawer trigger */
@media (min-width: 992px) {
	.kr-has-shop-filters .yith-wcan-mobile-opener,
	.kr-has-shop-filters .yith-wcan-filters-mobile,
	.kr-has-shop-filters .yith-wcan-filters-opener,
	.kr-has-shop-filters .yith-wcan-filters-modal,
	.kr-has-shop-filters .yith-wcan-filters-button-wrapper {
		display: none !important;
	}
}

/* Sticky sidebar â€” parent containers must not clip position:sticky */
.kedaranchal-theme.kr-has-shop-filters .site-content,
.kedaranchal-theme.kr-has-shop-filters #primary,
.kedaranchal-theme.kr-has-shop-filters .content-area,
.kedaranchal-theme.kr-has-shop-filters .site-main,
.kedaranchal-theme.kr-has-shop-filters .kr-page-container,
.kedaranchal-theme.kr-has-shop-filters .kr-page-container--shop,
.kedaranchal-theme.kr-has-shop-filters .kr-shop-layout,
.kedaranchal-theme.kr-has-shop-filters article.page,
.kedaranchal-theme.kr-has-shop-filters.kr-category-landing #primary,
.kedaranchal-theme.kr-has-shop-filters.kr-category-landing .site-main,
.kedaranchal-theme.kr-has-shop-filters.kr-category-landing .kr-page-container--shop,
.kedaranchal-theme.kr-has-shop-filters.kr-tax-archive #primary,
.kedaranchal-theme.kr-has-shop-filters.kr-tax-archive .site-main,
.kedaranchal-theme.kr-has-shop-filters.kr-tax-archive .content-area {
	overflow: visible !important;
}

.kedaranchal-theme.kr-has-shop-filters .kr-shop-filters.is-stuck {
	z-index: 45;
}

.kr-primary-category-landing.has-tax-banner .kr-category-landing-content > .elementor > .elementor-element:first-child .elementor-widget-heading,
.kr-primary-category-landing.has-tax-banner .kr-category-landing-content > h1:first-child {
	display: none;
}

/* Duplicate Elementor block on primary category landings (filters/heading â€” theme sidebar handles this) */
.kr-primary-category-landing .elementor-element.elementor-element-6aa5c7a {
	display: none !important;
}

@media (max-width: 991px) {
	.kr-shop-layout {
		grid-template-columns: 1fr;
		gap: 0;
		padding: 0 0 8px;
	}

	.kr-shop-layout > .woocommerce {
		display: block;
	}

	.kr-shop-filters,
	.kr-shop-products {
		grid-column: auto;
		grid-row: auto;
	}

	.kr-shop-bar {
		position: sticky;
		top: var(--kr-filter-sticky-top, 72px);
		padding: 10px 0 12px;
		margin-bottom: 12px;
	}

	.kr-shop-bar__toggle {
		display: inline-flex;
	}

	.kr-shop-filters {
		position: fixed;
		top: 0;
		left: 0;
		width: min(88vw, 320px);
		height: 100vh;
		max-height: none;
		z-index: 1002;
		transform: translateX(-100%);
		transition: transform 0.35s cubic-bezier(0.77, 0, 0.18, 1);
	}

	.kr-shop-filters__inner {
		border-radius: 0;
		max-height: 100vh;
		height: 100%;
		overflow-x: hidden;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		box-shadow: none;
	}

	.kr-shop-filters.is-open {
		transform: translateX(0);
	}

	.kr-shop-filters.is-stuck .kr-shop-filters__inner {
		box-shadow: none;
	}

	.kr-shop-filters__close {
		display: block;
	}

	.kr-cat-pills-wrap::after {
		opacity: 1;
	}

	.kr-cat-pills {
		flex-wrap: nowrap;
		overflow-x: auto;
		padding-bottom: 4px;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}

	.kr-cat-pills::-webkit-scrollbar {
		display: none;
	}

	.kr-shop-products .woostify-sorting {
		flex-direction: column;
		align-items: stretch;
		gap: 10px;
	}

	.kr-shop-products .woocommerce-ordering {
		width: 100%;
	}

	.kr-shop-products .woocommerce-ordering::before {
		flex-shrink: 0;
	}

	.kr-shop-products .woocommerce-ordering select,
	.kr-shop-products .woocommerce-ordering .orderby {
		width: 100%;
		min-width: 0;
		flex: 1 1 auto;
	}
}

/* â”€â”€ Load More (replaces numbered pagination) â”€â”€ */
.kr-has-shop-filters .woocommerce-pagination,
.kr-has-shop-filters nav.woocommerce-pagination {
	display: none !important;
}

.kr-shop-load-more {
	display: flex;
	justify-content: center;
	margin: 28px 0 8px;
	padding-top: 8px;
}

.kr-shop-load-more__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-width: 220px;
	min-height: 48px;
	padding: 12px 28px;
	border: none !important;
	border-radius: var(--kr-btn-radius, 6px);
	background: var(--kr-saffron, #ff7722) !important;
	color: #fff !important;
	font-size: 0.9375rem;
	font-weight: 700;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	cursor: pointer;
	transition: background 0.2s ease, transform 0.2s ease, opacity 0.2s ease;
	box-shadow: 0 4px 14px rgba(255, 119, 34, 0.28);
}

.kr-shop-load-more__btn:hover:not(:disabled) {
	background: var(--kr-saffron-dark, #e56510) !important;
	transform: translateY(-1px);
}

.kr-shop-load-more__btn:disabled {
	opacity: 0.72;
	cursor: not-allowed;
	transform: none;
}

.kr-shop-load-more__btn.is-complete {
	background: #4caf50 !important;
	box-shadow: 0 4px 14px rgba(76, 175, 80, 0.24);
}

.kr-shop-load-more__spinner {
	display: none;
	width: 18px;
	height: 18px;
	border: 2px solid rgba(255, 255, 255, 0.35);
	border-top-color: #fff;
	border-radius: 50%;
	animation: kr-load-more-spin 0.7s linear infinite;
}

.kr-shop-load-more__btn.is-loading .kr-shop-load-more__spinner {
	display: inline-block;
}

@keyframes kr-load-more-spin {
	to {
		transform: rotate(360deg);
	}
}
