/* Tiger AJAX Grid + Filter — shared styles */

.tiger-ajax-grid-wrap { position: relative; }

.tiger-ajax-grid {
    display: grid;
    gap: 24px;
    grid-template-columns: repeat(var(--tiger-cols-desktop, 3), minmax(0,1fr));
    transition: opacity .2s ease;
}
.tiger-ajax-grid--list { grid-template-columns: 1fr !important; }

/* Masonry — CSS-only column flow. Good enough for v1 without a JS lib. */
.tiger-ajax-grid--masonry {
    grid-template-columns: none !important;
    column-count: var(--tiger-masonry-cols, 3);
    column-gap: 24px;
    display: block;
}
.tiger-ajax-grid--masonry > .tiger-ajax-card {
    break-inside: avoid;
    margin-bottom: 24px;
    display: block;
}

@media (max-width: 1024px) {
    .tiger-ajax-grid:not(.tiger-ajax-grid--list):not(.tiger-ajax-grid--masonry) {
        grid-template-columns: repeat(var(--tiger-cols-tablet, 2), minmax(0,1fr));
    }
    .tiger-ajax-grid--masonry { --tiger-masonry-cols: var(--tiger-cols-tablet, 2); }
}
@media (max-width: 600px) {
    .tiger-ajax-grid:not(.tiger-ajax-grid--list):not(.tiger-ajax-grid--masonry) {
        grid-template-columns: repeat(var(--tiger-cols-mobile, 1), minmax(0,1fr));
    }
    .tiger-ajax-grid--masonry { --tiger-masonry-cols: var(--tiger-cols-mobile, 1); }
}

/* While AJAX is in flight */
.tiger-ajax-grid-wrap.is-loading .tiger-ajax-grid { opacity: .35; pointer-events: none; }

/* Card */
.tiger-ajax-card {
    overflow: hidden;
    transition: transform .2s ease, box-shadow .2s ease;
}
.tiger-ajax-card:hover { transform: translateY(-3px); }

.tiger-ajax-card__image-wrap { display: block; position: relative; }
.tiger-ajax-card__eyebrow--over {
    position: absolute;
    top: 12px; left: 12px;
    z-index: 2;
    background: rgba(0,0,0,0.72);
    color: #fff;
    padding: 4px 10px;
    border-radius: 4px;
    font-size: 11px;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-weight: 600;
    max-width: calc(100% - 24px);
    pointer-events: none;
}
.tiger-ajax-card__image-wrap .tiger-ajax-card__eyebrow--over,
.tiger-ajax-card__image-wrap .tiger-ajax-card__eyebrow--over a,
.tiger-ajax-card__image-wrap .tiger-ajax-card__eyebrow--over a:hover,
.tiger-ajax-card__image-wrap .tiger-ajax-card__eyebrow--over a:visited {
    color: inherit;
    text-decoration: none;
}
.tiger-ajax-card__image {
    width: 100%;
    overflow: hidden;
    background: #f1f5f9;
    aspect-ratio: 16/9;
}
.tiger-ajax-card__image img {
    width: 100%; height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .4s ease;
}
.tiger-ajax-card:hover .tiger-ajax-card__image img { transform: scale(1.05); }

.tiger-ajax-card__body { display: flex; flex-direction: column; gap: 8px; }
.tiger-ajax-card__eyebrow {
    font-size: 12px; text-transform: uppercase; letter-spacing: .12em;
    color: #ec7002; font-weight: 600;
}
.tiger-ajax-card__title { margin: 4px 0; font-size: 18px; line-height: 1.3; }
.tiger-ajax-card__title a { color: inherit; text-decoration: none; }
.tiger-ajax-card__meta { font-size: 13px; opacity: .65; }
.tiger-ajax-card__body-text { font-size: 14px; line-height: 1.55; opacity: .85; }
.tiger-ajax-card__btn {
    margin-top: auto;
    align-self: flex-start;
    text-decoration: none;
    font-weight: 600; font-size: 14px;
    display: inline-flex; align-items: center; gap: 6px;
    padding: 8px 0;
    color: inherit;
}
.tiger-ajax-card__btn span { transition: transform .2s ease; }
.tiger-ajax-card__btn:hover span { transform: translateX(4px); }

/* Empty state */
.tiger-ajax-grid-empty {
    grid-column: 1 / -1;
    padding: 40px 24px;
    text-align: center;
    color: #64748b;
    border: 1px dashed #cbd5e1;
    border-radius: 12px;
}

/* Pager */
.tiger-ajax-grid-pager { display: flex; justify-content: center; margin-top: 28px; }
.tiger-ajax-grid-loadmore {
    padding: 12px 28px; border-radius: 999px;
    border: 1.5px solid currentColor; background: transparent; cursor: pointer;
    font-weight: 600;
    display: inline-flex; align-items: center; gap: 10px;
    transition: background .2s ease, color .2s ease;
}
.tiger-ajax-grid-loadmore:hover { background: currentColor; color: #fff; }
.tiger-ajax-grid-loadmore[disabled] { opacity: .5; cursor: wait; }
/* Honour the [hidden] attr the server adds when max_num_pages <= 1 (display:inline-flex above otherwise defeats the UA [hidden] rule). */
.tiger-ajax-grid-loadmore[hidden] { display: none !important; }

.tiger-ajax-grid-spinner {
    width: 14px; height: 14px; border-radius: 50%;
    border: 2px solid currentColor; border-top-color: transparent;
    animation: tiger-spin .8s linear infinite;
}
@keyframes tiger-spin { to { transform: rotate(360deg); } }

/* Numbered pagination */
.tiger-ajax-grid-numbered { display: flex; gap: 6px; justify-content: center; margin-top: 28px; flex-wrap: wrap; }
.tiger-ajax-grid-numbered button {
    min-width: 36px; height: 36px; padding: 0 10px;
    border-radius: 8px; border: 1px solid #e2e8f0; background: #fff; cursor: pointer;
    font-weight: 600;
}
.tiger-ajax-grid-numbered button.is-current { background: #111; color: #fff; border-color: #111; }

/* ===== FILTER WIDGET ===== */

/* --- Buttons (taxonomy) --- */
.tiger-ajax-filter__buttons {
    display: flex; gap: 8px;
    flex-wrap: wrap;
    align-items: center;
}
.tiger-ajax-filter__buttons[style*="flex-direction: column"] { align-items: stretch; }

.tiger-ajax-filter__btn {
    background: transparent;
    border: 1.5px solid #cbd5e1;
    color: #334155;
    padding: 8px 18px;
    border-radius: 999px;
    font-weight: 600; font-size: 14px;
    cursor: pointer;
    display: inline-flex; align-items: center; gap: 6px;
    /* Slight lift on the active button so it feels "selected" without
       requiring a heavy color contrast. */
    transition: background .2s ease, color .2s ease, border-color .2s ease, transform .15s ease, box-shadow .2s ease;
    white-space: nowrap;
}
.tiger-ajax-filter__btn:hover { border-color: #111; color: #111; }
.tiger-ajax-filter__btn:active { transform: translateY(1px); }
.tiger-ajax-filter__btn:focus-visible {
    outline: 2px solid #ec7002; outline-offset: 2px;
}
.tiger-ajax-filter__btn.is-active {
    background: #111; color: #fff; border-color: #111;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.18);
}
.tiger-ajax-filter__buttons.is-multi .tiger-ajax-filter__btn.is-active::before {
    content: '✓';
    font-weight: 700; font-size: 12px;
    margin-right: 2px;
    opacity: .9;
}

/* Per-term post count — slightly muted so the name stays primary. */
.tiger-ajax-filter__count {
    font-weight: 500;
    opacity: .65;
    font-size: 0.9em;
}
.tiger-ajax-filter__btn.is-active .tiger-ajax-filter__count { opacity: .85; }

/* --- Buttons: slider layout (one scrollable row + nav arrows + divider) --- */
.tiger-ajax-filter__slider {
    display: flex;
    align-items: center;
    gap: 10px;
}
.tiger-ajax-filter__viewport {
    flex: 1 1 auto;
    min-width: 0;              /* let the flex child shrink so overflow can occur */
    overflow: hidden;
}
.tiger-ajax-filter__buttons.is-slider {
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-behavior: smooth;
    -ms-overflow-style: none;  /* IE / old Edge */
    scrollbar-width: none;     /* Firefox — the divider bar stands in for it */
    padding-bottom: 2px;       /* keep focus rings from clipping */
}
.tiger-ajax-filter__buttons.is-slider::-webkit-scrollbar { display: none; }
.tiger-ajax-filter__buttons.is-slider .tiger-ajax-filter__btn { flex: 0 0 auto; }

.tiger-ajax-filter__nav {
    flex: 0 0 auto;
    width: 38px; height: 38px;
    border-radius: 50%;
    border: 1.5px solid #cbd5e1;
    background: #fff;
    color: #334155;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 22px; line-height: 1;
    padding: 0;
    transition: opacity .2s ease, border-color .2s ease, color .2s ease, background .2s ease;
}
.tiger-ajax-filter__nav:hover { border-color: #111; color: #111; }
.tiger-ajax-filter__nav:focus-visible { outline: 2px solid #ec7002; outline-offset: 2px; }
.tiger-ajax-filter__nav[hidden] { display: none; }
.tiger-ajax-filter__nav:disabled { opacity: .35; cursor: default; border-color: #cbd5e1; color: #334155; }

.tiger-ajax-filter__slider-hr {
    border: 0;
    border-top: 1px solid #e2e8f0;
    height: 0;
    margin: 12px 0 0;
}

/* --- Select / search / sort inputs --- */
.tiger-ajax-filter__select,
.tiger-ajax-filter__search,
.tiger-ajax-filter__sort {
    padding: 10px 14px; border-radius: 8px;
    border: 1.5px solid #cbd5e1; background: #fff; font-size: 14px;
    min-width: 200px;
    color: inherit;
    font: inherit;
    transition: border-color .2s ease, box-shadow .2s ease;
}
.tiger-ajax-filter__select:focus,
.tiger-ajax-filter__search:focus,
.tiger-ajax-filter__sort:focus {
    outline: none;
    border-color: #ec7002;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.18);
}

/* --- Search input wrapper (icon + clear button) --- */
.tiger-ajax-filter__search-wrap {
    position: relative;
    display: inline-flex;
    align-items: center;
    min-width: 220px;
}
.tiger-ajax-filter__search-wrap .tiger-ajax-filter__search {
    width: 100%;
    min-width: 0;
    padding: 10px 14px;
}
.tiger-ajax-filter__search-wrap.has-icon .tiger-ajax-filter__search { padding-left: 38px; }
.tiger-ajax-filter__search-wrap.has-clear .tiger-ajax-filter__search { padding-right: 36px; }

.tiger-ajax-filter__search-icon {
    position: absolute;
    left: 12px; top: 50%;
    transform: translateY(-50%);
    color: #94a3b8;
    pointer-events: none;
}

.tiger-ajax-filter__search-clear {
    position: absolute;
    right: 8px; top: 50%;
    transform: translateY(-50%);
    width: 22px; height: 22px;
    display: inline-flex; align-items: center; justify-content: center;
    background: transparent;
    border: 0;
    border-radius: 50%;
    color: #64748b;
    cursor: pointer;
    transition: background .15s ease, color .15s ease;
}
.tiger-ajax-filter__search-clear:hover { background: #e2e8f0; color: #111; }
.tiger-ajax-filter__search-clear:focus-visible {
    outline: 2px solid #ec7002; outline-offset: 1px;
}

/* --- Sort label --- */
.tiger-ajax-filter__sort-label {
    display: inline-block;
    margin-right: 8px;
    font-size: 14px;
    font-weight: 600;
    color: inherit;
}

/* --- Counter --- */
.tiger-ajax-filter__counter {
    display: inline-block;
    font-size: 14px;
    color: inherit;
    line-height: 1.4;
    font-variant-numeric: tabular-nums;
    transition: opacity .2s ease;
}

/* --- Clear button (widget mode) --- */
.tiger-ajax-filter__clear {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: transparent;
    color: #475569;
    border: 1.5px solid #cbd5e1;
    border-radius: 999px;
    padding: 8px 16px;
    font-weight: 600;
    font-size: 13px;
    cursor: pointer;
    transition: background .2s ease, color .2s ease, border-color .2s ease, opacity .2s ease, transform .2s ease;
}
.tiger-ajax-filter__clear:hover {
    background: #f1f5f9;
    color: #111;
    border-color: #94a3b8;
}
.tiger-ajax-filter__clear:focus-visible {
    outline: 2px solid #ec7002; outline-offset: 2px;
}
.tiger-ajax-filter__clear.is-hidden {
    opacity: 0;
    transform: scale(0.9);
    pointer-events: none;
}

/* Skeleton during initial AJAX (used by JS) */
.tiger-ajax-skeleton {
    background: linear-gradient(90deg, #f1f5f9 25%, #e2e8f0 50%, #f1f5f9 75%);
    background-size: 400% 100%;
    animation: tiger-skel 1.6s ease-in-out infinite;
    border-radius: 12px;
    min-height: 280px;
}
@keyframes tiger-skel {
    0%   { background-position: 100% 50%; }
    100% { background-position: 0   50%; }
}

/* ============================================================
 * Advanced filter modes — checkboxes / radio / range / date / tags
 * Minimal defaults so the new modes look intentional out of the
 * box; users can override via Elementor style controls.
 * ============================================================ */
.tiger-ajax-filter__checks,
.tiger-ajax-filter__radios {
    display: flex; flex-direction: column; gap: 8px;
}
.tiger-ajax-filter__check,
.tiger-ajax-filter__radio {
    display: inline-flex; align-items: center; gap: 8px;
    padding: 6px 10px; border: 1px solid #e2e8f0; border-radius: 8px;
    cursor: pointer; transition: background .15s, border-color .15s;
    font-size: 14px;
}
.tiger-ajax-filter__check.is-active,
.tiger-ajax-filter__radio.is-active {
    background: #fff1e6; border-color: #ec7002;
}
.tiger-ajax-filter__check input,
.tiger-ajax-filter__radio input {
    accent-color: #ec7002;
}

.tiger-ajax-filter__range {
    display: flex; flex-direction: column; align-items: stretch; gap: 12px;
}
.tiger-ajax-filter__range-inputs {
    display: flex; align-items: center; gap: 6px;
}
/* ── Dual-handle slider ── */
.tiger-ajax-filter__range-values {
    display: flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 600; color: #0f172a;
}
.tiger-ajax-filter__range-val-sep { color: #94a3b8; font-weight: 400; }
.tiger-ajax-filter__range-slider {
    position: relative; height: 22px; margin: 2px 11px; /* half-thumb inset so thumbs stay in the track */
}
.tiger-ajax-filter__range-track {
    position: absolute; top: 50%; left: 0; right: 0; height: 6px; transform: translateY(-50%);
    background: #e2e8f0; border-radius: 999px;
}
.tiger-ajax-filter__range-fill {
    position: absolute; top: 0; height: 100%; background: #ec7002; border-radius: 999px;
}
.tiger-ajax-filter__range-thumb {
    position: absolute; top: 50%; width: 20px; height: 20px; margin-left: -10px;
    transform: translateY(-50%); background: #fff; border: 2px solid #ec7002; border-radius: 50%;
    cursor: grab; padding: 0; box-shadow: 0 1px 4px rgba(15,23,42,.2); touch-action: none;
    transition: box-shadow .15s ease, transform .05s ease;
}
.tiger-ajax-filter__range-thumb:hover { box-shadow: 0 2px 8px rgba(236,112,2,.4); }
.tiger-ajax-filter__range-thumb:active { cursor: grabbing; }
.tiger-ajax-filter__range-thumb:focus-visible { outline: 2px solid #ec7002; outline-offset: 2px; }
.tiger-ajax-filter__range-thumb--max { z-index: 2; }

/* ── WooCommerce status facet ── */
.tiger-ajax-filter__wc-status { display: flex; flex-wrap: wrap; gap: 8px; }
.tiger-ajax-filter__wc-status.is-style-checkbox { flex-direction: column; gap: 6px; }
.tiger-ajax-filter__wc-btn {
    padding: 6px 14px; border: 1px solid #d9d9d9; border-radius: 999px;
    background: #fff; color: #334155; cursor: pointer; font-size: 13px; line-height: 1.2;
    transition: background .12s ease, border-color .12s ease, color .12s ease;
}
.tiger-ajax-filter__wc-btn:hover { border-color: #ec7002; }
.tiger-ajax-filter__wc-btn.is-active { background: #ec7002; border-color: #ec7002; color: #fff; }

/* ── Per-facet Clear link ── */
.tiger-ajax-filter__facet-clear {
    display: inline-block; margin-top: 8px; padding: 2px 4px;
    background: transparent; border: 0; cursor: pointer;
    font-size: 12px; line-height: 1.2; color: #ec7002;
    text-decoration: underline; text-underline-offset: 2px;
}
.tiger-ajax-filter__facet-clear:hover { opacity: .8; }
.tiger-ajax-filter__facet-clear[hidden] { display: none; }

/* ── Star-rating facet ── */
.tiger-ajax-filter__rating { display: inline-flex; align-items: center; gap: 8px; }
.tiger-ajax-filter__stars { display: inline-flex; align-items: center; gap: 2px; line-height: 1; }
.tiger-ajax-filter__star {
    padding: 0; margin: 0; background: transparent; border: 0; cursor: pointer;
    display: inline-flex; line-height: 1; -webkit-appearance: none; appearance: none;
}
.tiger-ajax-filter__star:focus-visible { outline: 2px solid #ec7002; outline-offset: 2px; border-radius: 4px; }
.tiger-ajax-filter__star-icon {
    font-size: 22px; line-height: 1; color: #d9d9d9;
    transition: color .12s ease, transform .12s ease;
}
.tiger-ajax-filter__star.is-on .tiger-ajax-filter__star-icon,
.tiger-ajax-filter__star.is-hover .tiger-ajax-filter__star-icon { color: #f5a623; }
.tiger-ajax-filter__star:hover .tiger-ajax-filter__star-icon { transform: scale(1.12); }
.tiger-ajax-filter__rating-suffix { font-size: 13px; color: #64748b; }

/* ── Hierarchical facet tree ── */
.tiger-ajax-filter__tree { display: flex; flex-direction: column; }
.tiger-ajax-filter__children { padding-left: 20px; overflow: hidden; }
.tiger-ajax-filter__children.is-collapsed { display: none; }
.tiger-ajax-filter__node-row { display: flex; align-items: center; gap: 4px; }
.tiger-ajax-filter__node-row > .tiger-ajax-filter__check,
.tiger-ajax-filter__node-row > .tiger-ajax-filter__radio { flex: 1 1 auto; margin: 0; }
.tiger-ajax-filter__tree-toggle {
    flex: 0 0 auto; width: 18px; height: 18px; display: inline-flex; align-items: center; justify-content: center;
    padding: 0; background: transparent; border: 0; cursor: pointer; color: #64748b; border-radius: 4px;
}
.tiger-ajax-filter__tree-toggle:hover { background: #f1f5f9; color: #0f172a; }
.tiger-ajax-filter__tree-spacer { flex: 0 0 auto; width: 18px; height: 18px; }
.tiger-ajax-filter__caret {
    width: 0; height: 0; border-left: 5px solid currentColor; border-top: 4px solid transparent; border-bottom: 4px solid transparent;
    transition: transform .15s ease; transform: rotate(90deg);
}
/* Collapsed parent → caret points right (child container carries is-collapsed) */
.tiger-ajax-filter__node:has(> .tiger-ajax-filter__children.is-collapsed) > .tiger-ajax-filter__node-row .tiger-ajax-filter__caret { transform: rotate(0deg); }
.tiger-ajax-filter__range input[type="number"] {
    width: 90px; padding: 6px 10px; border: 1px solid #e2e8f0; border-radius: 8px;
    font-size: 14px;
}
.tiger-ajax-filter__range-sep { color: #94a3b8; }
.tiger-ajax-filter__range-apply {
    padding: 6px 14px; background: #ec7002; color: #fff;
    border: 0; border-radius: 8px; cursor: pointer; font-size: 14px;
}
.tiger-ajax-filter__range-apply:hover { background: #4f46e5; }

.tiger-ajax-filter__date {
    display: flex; gap: 10px; flex-wrap: wrap; align-items: center;
}
.tiger-ajax-filter__date-group {
    display: inline-flex; align-items: center; gap: 6px; font-size: 14px;
}
.tiger-ajax-filter__date input[type="date"] {
    padding: 6px 10px; border: 1px solid #e2e8f0; border-radius: 8px;
    font-size: 14px;
}
.tiger-ajax-filter__date-label { color: #64748b; }

.tiger-ajax-filter__tags {
    display: flex; flex-wrap: wrap; gap: 6px; min-height: 28px;
}
.tiger-ajax-filter__tag {
    display: inline-flex; align-items: center; gap: 4px;
    padding: 4px 8px 4px 10px; background: #fff1e6; color: #4f46e5;
    border-radius: 999px; font-size: 13px;
}
.tiger-ajax-filter__tag-x {
    appearance: none; background: none; border: 0; cursor: pointer;
    color: inherit; font-size: 16px; line-height: 1; padding: 0 4px;
    border-radius: 50%;
}
.tiger-ajax-filter__tag-x:hover { background: rgba(99, 102, 241, .15); }
.tiger-ajax-filter__tags-empty { color: #94a3b8; font-size: 13px; }

/* Faceted live counts — zero-result term states. */
.tiger-ajax-filter__btn.is-zero,
.tiger-ajax-filter__check.is-zero,
.tiger-ajax-filter__radio.is-zero{opacity:.4;transition:opacity .15s}
.tiger-ajax-filter__btn.is-zero[disabled]{cursor:not-allowed}
.tiger-ajax-filter__check.is-zero input[disabled],
.tiger-ajax-filter__radio.is-zero input[disabled]{cursor:not-allowed}
.tiger-ajax-filter__select option.is-zero{color:#9ca3af}
.tiger-ajax-filter__count{font-variant-numeric:tabular-nums}

/* Searchable term list (long taxonomy filters). */
.tiger-ajax-filter__term-search{
	display:block;width:100%;box-sizing:border-box;margin:0 0 10px;
	padding:8px 12px;border:1px solid #cbd5e1;border-radius:8px;font-size:13px;line-height:1.4;
}
.tiger-ajax-filter__term-search:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.15)}

/* ===== Image / Color Swatch facet ============================================
   Swatches reuse .tiger-ajax-filter__btn (so the Buttons JS drives them) but
   strip the pill chrome via the compound .tiger-ajax-filter__swatch selector,
   which out-specifies the base .tiger-ajax-filter__btn rules above. */
.tiger-ajax-filter__swatches{
	gap:12px;align-items:start;
}
/* ── Swatch layouts (driven by the is-layout-* class from render) ── */
.tiger-ajax-filter__swatches.is-layout-grid{
	display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
}
.tiger-ajax-filter__swatches.is-layout-horizontal{
	display:flex;flex-direction:row;flex-wrap:wrap;
}
.tiger-ajax-filter__swatches.is-layout-scroll{
	display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;
	scrollbar-width:thin;-webkit-overflow-scrolling:touch;
}
.tiger-ajax-filter__swatches.is-layout-scroll .tiger-ajax-filter__swatch{flex:0 0 auto}
.tiger-ajax-filter__swatches.is-layout-vertical{
	display:flex;flex-direction:column;align-items:stretch;
}
/* Vertical list = image + label side by side (sidebar style) */
.tiger-ajax-filter__swatches.is-layout-vertical .tiger-ajax-filter__swatch{
	flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;text-align:left;width:100%;
}
.tiger-ajax-filter__swatches.is-layout-vertical .tiger-ajax-filter__swatch-media{flex:0 0 auto}
.tiger-ajax-filter__btn.tiger-ajax-filter__swatch{
	background:transparent;border:0;border-radius:0;padding:0;box-shadow:none;
	flex-direction:column;align-items:center;gap:8px;color:#334155;text-align:center;white-space:normal;
}
.tiger-ajax-filter__btn.tiger-ajax-filter__swatch:hover{color:#111;transform:none}
.tiger-ajax-filter__btn.tiger-ajax-filter__swatch.is-active{background:transparent;color:#111;box-shadow:none}
.tiger-ajax-filter__swatch-media{
	position:relative;width:64px;height:64px;box-sizing:border-box;overflow:hidden;
	display:flex;align-items:center;justify-content:center;
	border:2px solid #e2e8f0;background:#f1f5f9;
	transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.tiger-ajax-filter__swatch-media img,
.tiger-ajax-filter__swatch-img{width:100%;height:100%;object-fit:cover;display:block}
.tiger-ajax-filter__swatch-color{display:block;width:100%;height:100%;border-radius:inherit}
.tiger-ajax-filter__swatch-initial{
	width:100%;height:100%;display:flex;align-items:center;justify-content:center;
	font-weight:700;font-size:1.5em;line-height:1;color:#fff;text-transform:uppercase;
	background:linear-gradient(135deg,#94a3b8,#64748b);
}
.tiger-ajax-filter__swatch-media--all{background:#f8fafc}
.tiger-ajax-filter__swatch-media--all .tiger-ajax-filter__swatch-initial{color:#475569;background:transparent}
/* Shapes */
.tiger-ajax-filter__swatch.is-shape-circle .tiger-ajax-filter__swatch-media{border-radius:50%}
.tiger-ajax-filter__swatch.is-shape-square .tiger-ajax-filter__swatch-media{border-radius:0}
.tiger-ajax-filter__swatch.is-shape-rounded .tiger-ajax-filter__swatch-media{border-radius:12px}
/* Hover + active ring */
.tiger-ajax-filter__swatch:hover .tiger-ajax-filter__swatch-media{border-color:#94a3b8;transform:translateY(-1px)}
.tiger-ajax-filter__swatch.is-active .tiger-ajax-filter__swatch-media{
	border-color:#111;box-shadow:0 0 0 2px #fff,0 0 0 4px #111;
}
.tiger-ajax-filter__swatch:focus-visible{outline:none}
.tiger-ajax-filter__swatch:focus-visible .tiger-ajax-filter__swatch-media{outline:2px solid #ec7002;outline-offset:2px}
.tiger-ajax-filter__swatch-label{font-size:13px;font-weight:600;line-height:1.25}
.tiger-ajax-filter__swatch.is-zero{opacity:.4}
/* Label positioning */
.tiger-ajax-filter__swatches.is-label-above .tiger-ajax-filter__swatch{flex-direction:column-reverse}
.tiger-ajax-filter__swatches.is-label-overlay .tiger-ajax-filter__swatch-label{
	position:absolute;left:0;right:0;bottom:0;margin:0;padding:6px 4px;
	background:linear-gradient(to top,rgba(0,0,0,.7),transparent);color:#fff;
}
.tiger-ajax-filter__swatches.is-label-overlay .tiger-ajax-filter__swatch{position:relative}
.tg-term-search-hidden{display:none !important}
