/* =========================================================================
   INVENTORY SHOP — "Explore Inventory" design
   Faceted sidebar + 3-column product-card grid (catalog-only).
   Filtering / grid / layout are native Avada Woo elements; this file only
   styles them plus the card touches added in functions.php.
   ========================================================================= */

:root {
	/* Repointed to the global Avada palette (single source of truth) so the
	   shop stops rendering an off-brand green/orange/red. See token-map.json. */
	--inv-green:   var(--awb-color1);
	--inv-green-d: var(--awb-color8);
	--inv-orange:  var(--awb-color2);
	--inv-red:     var(--awb-color7);
	--inv-ink:     var(--awb-color8);
	--inv-muted:   var(--awb-color6);
	--inv-line:    var(--awb-color3);
}

/* ---- Layout columns -------------------------------------------------- */
.awb-inventory-sidebar { padding-right: 10px; }
.awb-inventory-grid    { padding-left: 10px; }

/* =========================================================================
   SIDEBAR
   Re-scope Avada's white global link colour so filter text is visible.
   ========================================================================= */
.awb-inventory-sidebar {
	--link_color: var(--inv-ink);
	--link_hover_color: var(--inv-green);
	--awb-list-color: var(--inv-ink);
	color: var(--inv-ink);
}
.awb-inventory-sidebar a { color: var(--inv-ink); }
.awb-inventory-sidebar a:hover { color: var(--inv-green); }

/* Sidebar section title ("Explore Inventory") */
.awb-inventory-sidebar .fusion-title .title-heading-left,
.awb-inventory-sidebar .fusion-title h1,
.awb-inventory-sidebar .fusion-title h2,
.awb-inventory-sidebar .fusion-title h4 {
	color: var(--inv-ink) !important;
	font-weight: 700;
}
/* The title is a <p> since the SEO pass (client: sidebar must not add heading
   tags) — restore the h4 typography it used to inherit. */
.awb-inventory-sidebar .fusion-title p.title-heading-left {
	font-family: var(--awb-typography1-font-family), sans-serif;
	font-size: 26px;
	line-height: 1.3;
	letter-spacing: -1px;
	margin: 0;
}

/* Filter group spacing + type — set the ELEMENT'S own CSS vars (they win over
   Avada's per-page element CSS regardless of stylesheet order; hard rules with
   !important were losing the specificity war and broke the chips). */
.awb-inventory-sidebar .awb-woo-filters {
	margin-bottom: 4px;
	/* group heading — Figma 392:3018: Inter SEMIBOLD 18 ink (without these it
	   falls back to h4 typography = Archivo Black, which reads as heavy bold) */
	--awb-title-color: var(--inv-ink);
	--awb-title-font-font-family: Inter, sans-serif;
	--awb-title-font-size: 18px;
	--awb-title-font-font-weight: 600;
	/* option rows — Figma: Inter regular 18 MUTED-GREEN, NO row separators
	   (dividers exist only between groups), NO counts. Row rhythm comes ONLY
	   from the li padding: the attribute anchors' own --awb-attr padding is
	   zeroed below (brand anchors never had it -> rows were 76px vs 50px). */
	--awb-list-color: var(--inv-muted);
	--awb-list-hover-color: var(--inv-green);
	--awb-list-sep-color: transparent;
	--awb-list-padding-top: 8px;
	--awb-list-padding-bottom: 8px;
	--awb-list-padding-left: 0px;
	--awb-list-padding-right: 0px;
	--awb-list-item-font-size: 18px;
	--awb-list-item-font-font-weight: 400;
	--awb-show-count: none;
	--awb-attr-padding-left: 0px;
	--awb-attr-padding-right: 0px;
	/* checkbox: 20px, radius 6, muted-green border on light bg (Figma) */
	--awb-attr-border-radius: 6px;
	/* active chips — Figma 392:1597: WHITE chip, Inter semibold 14/20 green,
	   8x14 padding (36px tall) */
	--awb-item-bgcolor: var(--awb-color5);
	--awb-item-color: var(--inv-green);
	--awb-item-hover-bgcolor: var(--awb-color5);
	--awb-item-hover-color: var(--inv-green-d);
	--awb-item-font-size: 14px;
	--awb-item-padding-top: 8px;
	--awb-item-padding-bottom: 8px;
	--awb-item-padding-left: 14px;
	--awb-item-padding-right: 14px;
}
.awb-inventory-sidebar .awb-woo-filters .widget { margin: 0; padding: 0; border: 0; background: none; }
/* Group divider spans the full sidebar width (the flex heading shrinks the
   title, so a border on the title itself renders short). */
/* Section rhythm around the group dividers (tightened per feedback) */
.awb-inventory-sidebar .awb-woo-filters .heading {
	margin: 0 0 2px;
	padding-top: 16px;
	border-top: 1px solid var(--inv-line);
}
.awb-inventory-sidebar .awb-woo-filters .widget-title {
	font-weight: 600;
	text-transform: none;
	padding: 0 0 6px;
	margin: 0;
	letter-spacing: 0;
}
/* The "FILTERS" active-filters heading — Figma: Inter SEMIBOLD 16 GREEN,
   normal tracking (element CSS reads these vars, so they always win). */
.awb-inventory-sidebar .awb-woo-filters-active {
	--awb-title-color: var(--inv-green);
	--awb-title-font-size: 16px;
}
.awb-inventory-sidebar .awb-woo-filters-active .heading {
	border-top: 0;
	padding-top: 0;
}
.awb-inventory-sidebar .awb-woo-filters.awb-woo-filters-active .widget .widget-title,
.awb-inventory-sidebar .awb-woo-filters-active .widget-title,
.awb-inventory-sidebar .widget_layered_nav_filters .widget-title {
	letter-spacing: 0; /* Figma: normal tracking */
	text-transform: uppercase;
	padding-top: 0;
}

/* ---- Active filter chips (Toro ×, Blowers ×) — Figma 392:1594 ----------
   White chip, 1px light-green border, SQUARE, Shadow/xs, Inter semibold
   14/20 green, 18px ×, 16px between chips. Colors via the element vars. */
.awb-inventory-sidebar .widget_layered_nav_filters ul {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	margin: 0 0 8px;
	padding: 0;
	list-style: none;
}
.awb-inventory-sidebar .widget_layered_nav_filters li.chosen { margin: 0; padding: 0; }
.awb-inventory-sidebar .widget_layered_nav_filters li.chosen a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	border: 1px solid var(--inv-line);
	border-radius: 0;
	line-height: 20px;
	font-weight: 600;
	text-decoration: none;
	box-shadow: 0 1px 2px rgba(10, 13, 18, 0.05); /* Shadow/xs */
}
/* Native awb-icons × renders BEFORE the label; the design puts it after.
   content:none beats the element CSS regardless of its display rules. */
.awb-inventory-sidebar .widget_layered_nav_filters li.chosen a::before { content: none !important; }
.awb-inventory-sidebar .widget_layered_nav_filters li.chosen a::after {
	/* X custom (Figma) — source: provision/assets/icons/x-chip.svg.
	   Green like the chip label (pseudo currentColor resolves wrong here). */
	content: "";
	display: inline-block;
	width: 12px; /* Figma: 18px icon box, ~12px drawn glyph */
	height: 12px;
	background-color: var(--inv-green);
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M13.5 4.5L4.5 13.5M4.5 4.5L13.5 13.5' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M13.5 4.5L4.5 13.5M4.5 4.5L13.5 13.5' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
}

/* ---- Option rows (Avada renders its own checkbox for awb-checkboxes) - */
.awb-inventory-sidebar .woocommerce-widget-layered-nav-list {
	list-style: none;
	margin: 0 0 6px;
	padding: 0;
}
/* Single divider between groups: the next heading draws it — drop the last
   row's own separator so they don't stack into a double line. */
.awb-inventory-sidebar .awb-woo-filters .widget li:last-child { border-bottom: 0; }
.awb-inventory-sidebar .woocommerce-widget-layered-nav-list__item {
	margin: 0;
	border: 0;
	font-size: 14px;
	line-height: 1.5;
}
.awb-inventory-sidebar .awb-woo-attr {
	display: flex;
	align-items: center;
	gap: 16px; /* Figma: 16px checkbox-to-label */
	line-height: 1.5;
	text-decoration: none;
	color: var(--inv-muted) !important; /* Figma: option labels muted-green */
}
/* Brand rows: same line-height AND row padding as attribute rows (the brand
   widget also carries widget_layered_nav, so the li-padding reset below hits
   it — but its anchors, unlike attribute anchors, get no padding from Avada) */
.awb-inventory-sidebar .widget_brand_nav li a {
	line-height: 1.5;
	padding: 8px 0;
}
/* Attribute widgets: Avada pads BOTH the li and the anchor with the same
   --awb-list-padding (brand widgets only pad the li) — rows came out 60px vs
   42px. Keep the padding once, on the anchor. */
.awb-inventory-sidebar .awb-woo-filters .widget_layered_nav li {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
.awb-inventory-sidebar .awb-woo-attr:hover { color: var(--inv-green) !important; }
/* Keep every filter option anchor (incl. brand list) the same muted colour */
.awb-inventory-sidebar .woocommerce-widget-layered-nav-list a { color: var(--inv-muted) !important; }
.awb-inventory-sidebar .woocommerce-widget-layered-nav-list a:hover { color: var(--inv-green) !important; }
.awb-inventory-sidebar .awb-woo-attr-wrapper { flex: 1 1 auto; }
.awb-inventory-sidebar .awb-woo-attr-count { color: var(--inv-muted); font-size: 12px; }
/* Checkbox states — Figma (392:3033): unchecked = 20px, light-background fill,
   1px MUTED-GREEN border, radius 6; chosen = white with ORANGE border + orange
   checkmark (accent), label green regular.
   Avada draws the checkbox on .awb-woo-attr-wrapper::before (awb-icons \f00c
   check inheriting `color`; border from --awb-list-hover-color when chosen). */
.awb-inventory-sidebar .awb-woo-filters.awb-checkboxes li .awb-woo-attr-wrapper::before {
	width: 20px !important;  /* element sizes it via its own vars */
	height: 20px !important;
	border-color: var(--inv-muted) !important;
	background: var(--awb-color4);
}
.awb-inventory-sidebar .awb-woo-filters.awb-checkboxes li.chosen .awb-woo-attr-wrapper::before {
	border-color: var(--inv-orange) !important;
	color: var(--inv-orange) !important;
	background: var(--awb-color5) !important;
}
.awb-inventory-sidebar li.chosen .awb-woo-attr { color: var(--inv-green) !important; font-weight: 400; }

/* "View More / View Less" toggle */
.awb-inventory-sidebar .awb-viewmore-toggle {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-top: 4px;
	font-size: 13px;
	font-weight: 600;
	color: var(--inv-green);
	cursor: pointer;
	background: none;
	border: 0;
	padding: 4px 0;
}
.awb-viewmore .awb-vm-hidden { display: none !important; }
/* Collapsed group (heading button carries .awb-rotate): the list slides up but
   our injected View More sits after it — hide it with the list. */
.awb-inventory-sidebar .awb-woo-filters .heading:has(.awb-toggle-filter.awb-rotate) ~ .awb-viewmore-toggle,
.awb-inventory-sidebar .awb-woo-filters:has(.awb-toggle-filter.awb-rotate) .awb-viewmore-toggle { display: none; }
/* Chevron custom tras "View More/Less" (Figma) — rota al expandir.
   source: provision/assets/icons/chevron-down.svg */
.awb-inventory-sidebar .awb-viewmore-toggle::after {
	content: "";
	display: inline-block;
	width: 12px;
	height: 12px;
	background-color: currentColor;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.3977 15.6634C12.178 15.8831 11.8219 15.8831 11.6022 15.6634L5.86739 9.92853C5.64772 9.70886 5.64772 9.35276 5.86739 9.13308L6.13256 8.86788C6.35222 8.64821 6.70838 8.64821 6.92805 8.86788L12 13.9398L17.0719 8.86788C17.2916 8.64821 17.6477 8.64821 17.8674 8.86788L18.1326 9.13308C18.3522 9.35276 18.3522 9.70886 18.1326 9.92853L12.3977 15.6634Z' fill='currentColor' /%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.3977 15.6634C12.178 15.8831 11.8219 15.8831 11.6022 15.6634L5.86739 9.92853C5.64772 9.70886 5.64772 9.35276 5.86739 9.13308L6.13256 8.86788C6.35222 8.64821 6.70838 8.64821 6.92805 8.86788L12 13.9398L17.0719 8.86788C17.2916 8.64821 17.6477 8.64821 17.8674 8.86788L18.1326 9.13308C18.3522 9.35276 18.3522 9.70886 18.1326 9.92853L12.3977 15.6634Z' fill='currentColor' /%3E%3C/svg%3E");
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
	transition: transform 0.2s ease;
}
.awb-viewmore.awb-vm-expanded .awb-viewmore-toggle::after { transform: rotate(180deg); }

/* Price filter slider accent */
.awb-inventory-sidebar .price_slider_amount .button,
.awb-inventory-sidebar .ui-slider .ui-slider-range { background: var(--inv-green); }

/* =========================================================================
   PRODUCT CARD GRID
   ========================================================================= */
.awb-inventory-grid ul.products {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 26px;
	margin: 0;
	padding: 0;
	list-style: none;
}
/* Classic Woo loop only: neutralize WooCommerce's float/width layout so the
   CSS grid above takes over. NOT applied to the Post Cards grid — Avada sizes
   those li columns itself via --awb-columns. */
.awb-inventory-grid ul.products li.product {
	width: auto !important;
	margin: 0 !important;
	float: none !important;
}

/* Card shell — Figma: white card on the light page bg, image inset by the
   card padding, REAL gaps between cards.
   Two grid engines, two shell targets:
   - classic Woo loop: the li IS the card (no inner wrapper exists);
   - Post Card Archives: Avada creates the gutters as PADDING ON THE LI
     (calc(--awb-column-spacing / 2) per side; li boxes touch), so the card
     shell must sit on the INNER .fusion-column-wrapper — a shell on the li
     traps the gutter inside the card border and the borders touch. */
/* Figma card (392:3093): BORDERLESS white card, SQUARE corners, Shadow/sm
   elevation, full-bleed image — no border, no radius, no card padding. */
.awb-inventory-grid ul.products li.product,
.awb-inventory-grid li.post-card > .fusion-column-wrapper {
	position: relative;
	background: #fff;
	border: 0;
	border-radius: 0;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	padding: 0;
	/* Shadow/sm (token-map effects) */
	box-shadow: 0 1px 2px rgba(10,13,18,.06), 0 1px 3px rgba(10,13,18,.10);
	transition: box-shadow .2s, transform .2s;
}
.awb-inventory-grid ul.products li.product:hover,
.awb-inventory-grid li.post-card:hover > .fusion-column-wrapper {
	box-shadow: 0 8px 24px rgba(0,0,0,.12);
	transform: translateY(-2px);
}
/* The li stays a plain flex cell so equal-height cards keep working. */
.awb-inventory-grid li.post-card { display: flex; background: none; border: 0; }
.awb-inventory-grid .awb-product-card {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
}

/* Image + badge — Figma: image FULL-BLEED to the card edges, PORTRAIT crop
   (273x353) on archive grids, square corners. The related grid on the single
   product page keeps its own landscape crop (product frame). */
.awb-inventory-grid li.product a img,
.awb-inventory-grid li.product img {
	margin: 0 !important;
	width: 100%;
	aspect-ratio: 273 / 353;
	object-fit: cover;
	display: block;
	border-radius: 0;
}
.ugate-woo-related .awb-inventory-grid li.product img,
.ugate-woo-related li.post-card img { aspect-ratio: 4 / 3; }
.awb-inventory-grid ul.products li.product { position: relative; }
.awb-recently-added {
	position: absolute;
	top: 20px;
	left: 14px;
	z-index: 5;
	background: var(--inv-red);
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	line-height: 20px;
	text-transform: uppercase;
	padding: 4px 8px;
	border-radius: 0; /* square, like every ugate button/badge (Figma) */
}

/* Text block — Figma content area: 8px lateral inset, 16px below the image.
   Title Inter SEMIBOLD 18/1.5 (h2 would otherwise inherit Archivo Black). */
.awb-inventory-grid li.product .woocommerce-loop-product__title,
.awb-inventory-grid li.product h2,
.awb-inventory-grid li.product h3 {
	font-family: Inter, sans-serif;
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 0;
	color: var(--inv-ink);
	line-height: 1.5;
	padding: 16px 8px 0;
	margin: 0;
}
.awb-inventory-grid li.product .woocommerce-loop-product__title a {
	font-family: inherit;
	font-weight: inherit;
	color: inherit;
}
.awb-card-year {
	padding: 8px 8px 0;
	color: var(--inv-muted);
	font-size: 14px;
	line-height: 1.5;
}

/* Hours / SKU strip — Figma: labels GREEN regular 18, values semibold 18 ink,
   hairlines above and below, two equal columns */
.awb-card-meta {
	display: flex;
	gap: 10px;
	margin: 16px 8px 0;
	padding: 10px 0;
	border-top: 1px solid var(--inv-line);
	border-bottom: 1px solid var(--inv-line);
}
.awb-meta-cell { display: flex; flex-direction: column; flex: 1 0 0; min-width: 70px; }
.awb-meta-label { font-size: 18px; line-height: 1.36; color: var(--inv-green); }
.awb-meta-value { font-size: 18px; line-height: 1.36; font-weight: 600; color: var(--inv-ink); }

/* Price (orange) — override Avada's link colour on the inner amount spans */
.awb-inventory-grid li.product .price,
.awb-inventory-grid li.product .price .woocommerce-Price-amount,
.awb-inventory-grid li.product .price bdi,
.awb-inventory-grid li.product .price .woocommerce-Price-currencySymbol {
	color: var(--inv-orange) !important;
}
.awb-inventory-grid li.product .price {
	font-size: 22px;
	font-weight: 600;
	line-height: 1.5;
	padding: 16px 8px 0;
	margin: 0;
}
.awb-inventory-grid li.product .price del,
.awb-inventory-grid li.product .price del .woocommerce-Price-amount { color: var(--inv-muted) !important; font-weight: 400; }
.awb-inventory-grid li.product .price ins { text-decoration: none; }

/* View Details button — Figma: OUTLINE by default (white bg, green border +
   text); fills green on hover (the frame's first card shows the hover state) */
.awb-inventory-grid li.product .awb-view-details {
	display: block;
	margin: 16px 8px 16px;
	padding: 5px 8px; /* 36px tall with the 3px border + 20px line */
	text-align: center;
	background: var(--awb-color5);
	border: 3px solid var(--inv-green); /* Figma: 3px outline */
	color: var(--inv-green) !important;
	font-size: 14px;
	font-weight: 700;
	line-height: 20px;
	letter-spacing: 0;
	text-transform: uppercase;
	border-radius: 0; /* ugate buttons are square (Figma) */
	text-decoration: none;
	transition: background .18s, color .18s;
	margin-top: auto; /* keep buttons aligned on equal-height cards */
}
.awb-inventory-grid li.product .awb-view-details:hover {
	background: var(--inv-green);
	color: #fff !important;
}
/* Kill Avada's icon glyph on the button */
.awb-inventory-grid li.product .product-buttons a::before,
.awb-inventory-grid li.product .awb-view-details::before { content: none !important; }

/* Drop Avada's own "Details" link + separator — keep only our green button */
.awb-inventory-grid .product-buttons .show_details_button,
.awb-inventory-grid .product-buttons .fusion-content-sep,
.awb-inventory-grid .product-buttons .fusion-content-sep-container { display: none !important; }
.awb-inventory-grid .product-buttons,
.awb-inventory-grid .product-buttons-container { margin: 0 !important; padding: 0 !important; border: 0 !important; }

/* =========================================================================
   PAGINATION
   ========================================================================= */
/* Post Card Archives pagination (.pagination.clearfix) — Avada right-aligns
   it. Figma (392:2997): centered ‹ 1 2 3 › of 36px SQUARE pills; numbers have
   2px LIGHT-GREEN borders with GREEN semibold 16 text; the current page is
   filled green with white text; prev/next are LIGHT-GREEN FILLED squares with
   a dark chevron. */
.awb-inventory-grid .fusion-post-cards-archives-tb .pagination {
	display: flex;
	gap: 8px;
	justify-content: center;
	margin-top: 30px;
}
.awb-inventory-grid .fusion-post-cards-archives-tb .pagination a,
.awb-inventory-grid .fusion-post-cards-archives-tb .pagination span.current {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	/* !important: Avada's #main-scoped pagination rule forces 30px on the a's */
	width: 36px !important;
	height: 36px !important;
	padding: 0;
	margin: 0;
	border: 2px solid var(--inv-line);
	border-radius: 0;
	color: var(--inv-green);
	font-size: 16px;
	font-weight: 600;
	background: transparent;
}
/* span.current: must match the base rule's specificity to override it */
.awb-inventory-grid .fusion-post-cards-archives-tb .pagination span.current {
	background: var(--inv-green);
	border-color: var(--inv-green);
	color: #fff;
}
.awb-inventory-grid .fusion-post-cards-archives-tb .pagination .pagination-prev,
.awb-inventory-grid .fusion-post-cards-archives-tb .pagination .pagination-next {
	background: var(--inv-line);
	border: 0;
}
/* Prev/Next: arrow-only square buttons (hide the "Next"/"Previous" words and
   Avada's own glyph, which renders outside the pill). Chevron mask inside —
   source: provision/assets/icons/chevron-right.svg */
.awb-inventory-grid .fusion-post-cards-archives-tb .pagination .page-text { display: none; }
.awb-inventory-grid .fusion-post-cards-archives-tb .pagination .pagination-prev::before,
.awb-inventory-grid .fusion-post-cards-archives-tb .pagination .pagination-prev::after,
.awb-inventory-grid .fusion-post-cards-archives-tb .pagination .pagination-next::before,
.awb-inventory-grid .fusion-post-cards-archives-tb .pagination .pagination-next::after { content: none !important; }
.awb-inventory-grid .fusion-post-cards-archives-tb .pagination .page-prev,
.awb-inventory-grid .fusion-post-cards-archives-tb .pagination .page-next {
	display: inline-block;
	width: 18px; /* Figma: 24px chevron box inside the 36px filled square */
	height: 18px;
	background-color: var(--inv-ink);
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M13.1061 11.9746L8.75285 7.62135C8.58285 7.45135 8.50202 7.25244 8.51035 7.0246C8.51868 6.79677 8.60785 6.59785 8.77785 6.42785C8.94785 6.25785 9.15093 6.17285 9.3871 6.17285C9.62327 6.17285 9.82635 6.25785 9.99635 6.42785L14.9404 11.3719C15.0317 11.4632 15.098 11.5585 15.1394 11.6579C15.1807 11.757 15.2014 11.8626 15.2014 11.9746C15.2014 12.0866 15.1807 12.1922 15.1394 12.2914C15.098 12.3907 15.0317 12.486 14.9404 12.5774L9.97135 17.5464C9.80135 17.7164 9.60243 17.7972 9.3746 17.7889C9.14677 17.7805 8.94785 17.6914 8.77785 17.5214C8.60785 17.3514 8.52285 17.1483 8.52285 16.9121C8.52285 16.6759 8.60785 16.4729 8.77785 16.3029L13.1061 11.9746Z' fill='currentColor' stroke='currentColor' /%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M13.1061 11.9746L8.75285 7.62135C8.58285 7.45135 8.50202 7.25244 8.51035 7.0246C8.51868 6.79677 8.60785 6.59785 8.77785 6.42785C8.94785 6.25785 9.15093 6.17285 9.3871 6.17285C9.62327 6.17285 9.82635 6.25785 9.99635 6.42785L14.9404 11.3719C15.0317 11.4632 15.098 11.5585 15.1394 11.6579C15.1807 11.757 15.2014 11.8626 15.2014 11.9746C15.2014 12.0866 15.1807 12.1922 15.1394 12.2914C15.098 12.3907 15.0317 12.486 14.9404 12.5774L9.97135 17.5464C9.80135 17.7164 9.60243 17.7972 9.3746 17.7889C9.14677 17.7805 8.94785 17.6914 8.77785 17.5214C8.60785 17.3514 8.52285 17.1483 8.52285 16.9121C8.52285 16.6759 8.60785 16.4729 8.77785 16.3029L13.1061 11.9746Z' fill='currentColor' stroke='currentColor' /%3E%3C/svg%3E");
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
}
.awb-inventory-grid .fusion-post-cards-archives-tb .pagination .page-prev { transform: scaleX(-1); }

.awb-inventory-grid .woocommerce-pagination ul,
.awb-inventory-grid nav.woocommerce-pagination ul {
	display: flex;
	gap: 8px;
	justify-content: center;
	border: 0;
	margin-top: 30px;
}
.awb-inventory-grid .woocommerce-pagination ul li { border: 0; }
.awb-inventory-grid .woocommerce-pagination a,
.awb-inventory-grid .woocommerce-pagination span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 34px;
	height: 34px;
	padding: 0 8px;
	border: 1px solid var(--inv-line);
	border-radius: 4px;
	color: var(--inv-ink);
	font-weight: 600;
	background: #fff;
}
.awb-inventory-grid .woocommerce-pagination .current {
	background: var(--inv-green);
	border-color: var(--inv-green);
	color: #fff;
}
/* Prev/next arrows → chevron custom (Figma pagination arrows 392:1834/1839).
   Woo emite "←/→" como texto: se oculta (font-size 0) y se enmascara.
   source: provision/assets/icons/chevron-right.svg */
.awb-inventory-grid .woocommerce-pagination .prev,
.awb-inventory-grid .woocommerce-pagination .next {
	font-size: 0;
}
.awb-inventory-grid .woocommerce-pagination .prev::after,
.awb-inventory-grid .woocommerce-pagination .next::after {
	content: "";
	display: inline-block;
	width: 14px;
	height: 14px;
	background-color: currentColor;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M13.1061 11.9746L8.75285 7.62135C8.58285 7.45135 8.50202 7.25244 8.51035 7.0246C8.51868 6.79677 8.60785 6.59785 8.77785 6.42785C8.94785 6.25785 9.15093 6.17285 9.3871 6.17285C9.62327 6.17285 9.82635 6.25785 9.99635 6.42785L14.9404 11.3719C15.0317 11.4632 15.098 11.5585 15.1394 11.6579C15.1807 11.757 15.2014 11.8626 15.2014 11.9746C15.2014 12.0866 15.1807 12.1922 15.1394 12.2914C15.098 12.3907 15.0317 12.486 14.9404 12.5774L9.97135 17.5464C9.80135 17.7164 9.60243 17.7972 9.3746 17.7889C9.14677 17.7805 8.94785 17.6914 8.77785 17.5214C8.60785 17.3514 8.52285 17.1483 8.52285 16.9121C8.52285 16.6759 8.60785 16.4729 8.77785 16.3029L13.1061 11.9746Z' fill='currentColor' stroke='currentColor' /%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M13.1061 11.9746L8.75285 7.62135C8.58285 7.45135 8.50202 7.25244 8.51035 7.0246C8.51868 6.79677 8.60785 6.59785 8.77785 6.42785C8.94785 6.25785 9.15093 6.17285 9.3871 6.17285C9.62327 6.17285 9.82635 6.25785 9.99635 6.42785L14.9404 11.3719C15.0317 11.4632 15.098 11.5585 15.1394 11.6579C15.1807 11.757 15.2014 11.8626 15.2014 11.9746C15.2014 12.0866 15.1807 12.1922 15.1394 12.2914C15.098 12.3907 15.0317 12.486 14.9404 12.5774L9.97135 17.5464C9.80135 17.7164 9.60243 17.7972 9.3746 17.7889C9.14677 17.7805 8.94785 17.6914 8.77785 17.5214C8.60785 17.3514 8.52285 17.1483 8.52285 16.9121C8.52285 16.6759 8.60785 16.4729 8.77785 16.3029L13.1061 11.9746Z' fill='currentColor' stroke='currentColor' /%3E%3C/svg%3E");
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
}
.awb-inventory-grid .woocommerce-pagination .prev::after { transform: scaleX(-1); }

/* =========================================================================
   MOBILE "FILTER & SORT" TOGGLE
   Desktop: hidden (sidebar always open). Mobile: button collapses/expands the
   filter groups; the active-filter chips stay visible (per the mobile frame).
   Wired by js/inventory-filters.js (toggles .is-open on the sidebar).
   ========================================================================= */
.ugate-filter-toggle-wrap { display: none; }

.ugate-filter-toggle {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 14px;
	background: var(--awb-color5);
	border: 1px solid var(--awb-color3);
	color: var(--awb-color8);
	font-family: Inter, sans-serif;
	font-weight: 600;
	font-size: 14px;
	line-height: 20px;
	cursor: pointer;
}
/* Funnel glyph — hand-authored stand-in data-URI (no Figma export of the
   mobile Filter & Sort icon yet); swap for the exported SVG when available.
   Same mask + currentColor delivery as the other icons in this file. */
.ugate-filter-toggle::before {
	content: "";
	width: 14px;
	height: 14px;
	background: currentColor;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M3 5h18l-7 8v5l-4 2v-7L3 5z' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M3 5h18l-7 8v5l-4 2v-7L3 5z' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
}

/* =========================================================================
   RESPONSIVE
   ========================================================================= */
@media (max-width: 1024px) {
	.awb-inventory-grid ul.products { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
	/* Mobile frame (Inventory-Mobile 392:3642) shows a 2-col card grid with
	   compact type so titles/buttons fit the narrow cards. Covers the classic
	   loop grid (ul.products) and the Post Cards grid (--awb-columns var). */
	.awb-inventory-grid ul.products {
		grid-template-columns: repeat(2, 1fr);
		gap: 14px;
	}
	/* Post Cards grid columns come from the element's columns_small attr; only
	   tighten the gutters here. !important: the element has NO responsive
	   spacing attrs and prints the desktop value as an INLINE style var. */
	.awb-inventory-grid .fusion-post-cards {
		--awb-column-spacing: 14px !important;
		--awb-row-spacing: 14px !important;
	}
	.awb-inventory-grid li.product .woocommerce-loop-product__title { font-size: 13px; }
	.awb-inventory-grid li.product .awb-card-meta { gap: 12px; }
	.awb-inventory-grid li.product .awb-meta-value { font-size: 12px; }
	.awb-inventory-grid li.product .price { font-size: 16px; }
	.awb-inventory-grid li.product .awb-view-details {
		font-size: 11px;
		letter-spacing: 0.02em;
		padding: 8px 4px;
		white-space: nowrap;
	}

	/* Filters collapse behind the Filter & Sort button; chips stay visible. */
	.ugate-filter-toggle-wrap { display: block; margin-bottom: 12px; }
	.awb-inventory-sidebar .awb-woo-filters-attribute,
	.awb-inventory-sidebar .awb-woo-filters-price {
		display: none;
	}
	.awb-inventory-sidebar.is-open .awb-woo-filters-attribute,
	.awb-inventory-sidebar.is-open .awb-woo-filters-price {
		display: block;
	}
}