/* Pantit VJO Filter: samma uppbyggnad som "Pantit – Produktfilter" på Marknad,
   men i Vintage Jewelrys färger (1.1.0): svart text, vitt och grått, och
   champagne på Filter-knappen och markeringarna, som VJ:s knappar i My account.
   Färgerna ligger som variabler här, så att de går att justera på ett ställe. */
:root{
	--pvf-ink:#1a1a1a;          /* text och ramar när något är valt */
	--pvf-muted:#6d6d6d;        /* antal, hjälptext */
	--pvf-surface:#f7f7f7;      /* knapparnas bakgrund */
	--pvf-surface-hover:#efefef;
	--pvf-line:#e2e2e2;         /* ramar */
	--pvf-champagne:#faedd1;
	--pvf-champagne-grad:linear-gradient(135deg,#fdf6e6 0%,#faedd1 55%,#f2dfb4 100%);
	--pvf-champagne-grad-hover:linear-gradient(135deg,#faedd1 0%,#f2dfb4 55%,#e9d3a0 100%);
	--pvf-champagne-line:#e6cf9e;
	--pvf-champagne-soft:#fdf8ee;
}
.pantit-filter-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:0 0 14px;}
@media (max-width:900px){.pantit-filter-grid{grid-template-columns:repeat(3,1fr);}}
@media (max-width:600px){
	.pantit-filter-grid{grid-template-columns:repeat(1,1fr)!important;}
	.pantit-fd-panel{width:100%!important;max-height:none!important;overflow-y:visible!important;}
	.pantit-fd-rows{display:block!important;height:auto!important;}
	/* Långa listor (fler än 10 val) i två kolumner. column-fill måste vara
	   balance här: med desktopens auto och utan fast höjd hamnar allt i
	   första kolumnen. */
	.pantit-fd-rows.pantit-many{columns:2!important;column-gap:16px!important;column-fill:balance!important;}
	.pantit-fd-rows.pantit-many .pantit-fd-check{break-inside:avoid;}
	.pantit-fd-karat-group{column-count:2!important;column-fill:balance!important;height:auto!important;}
}
/* Karat-dropdownen: kolumnvis fyllning (som tidningsspalter) i
   stället för radvis grid, så Guld fyller kolumn 1 och fortsätter
   in i kolumn 2 innan Silver bryter av - de kan dela en kolumn.
   Höjden är avstämd mot nuvarande antal karat/silverhalter (ca 14
   rader + 2 etiketter över 3 kolumner) - om fler läggs till i
   WooCommerce-attributet senare kan höjden behöva justeras upp. */
.pantit-fd-karat-group{column-count:3;column-gap:16px;column-fill:auto;height:232px;}
.pantit-fd-karat-group .pantit-fd-check{break-inside:avoid;}
.pantit-fd-karat-label{break-inside:avoid;break-after:avoid;background:var(--pvf-champagne-soft);border:1.5px solid var(--pvf-champagne-line);border-radius:8px;font-family:'Montserrat',sans-serif;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--pvf-ink);padding:6px 10px;margin:10px 0 4px;}
.pantit-fd-karat-group > .pantit-fd-karat-label:first-child{margin-top:0;}
.pantit-fd{position:relative;}
.pantit-fd-toggle{width:100%;box-sizing:border-box;display:flex;align-items:center;gap:8px;background:var(--pvf-surface);border:1.5px solid var(--pvf-line);border-radius:10px;padding:12px 14px;font-family:'Montserrat',sans-serif;font-weight:700;font-size:12.5px;text-transform:uppercase;letter-spacing:.03em;color:var(--pvf-ink);cursor:pointer;text-align:left;}
.pantit-fd-toggle:hover{background:var(--pvf-surface-hover);color:var(--pvf-ink);}
.pantit-fd-toggle.is-active{border-color:var(--pvf-ink);background:#fff;}
.pantit-fd-badge{background:var(--pvf-champagne);border:1px solid var(--pvf-champagne-line);color:var(--pvf-ink);border-radius:999px;padding:0 8px;font-size:12px;font-weight:700;text-transform:none;}
.pantit-fd-chevron{width:16px;height:16px;flex:none;margin-left:auto;transition:transform .15s;}
.pantit-fd-toggle[aria-expanded="true"] .pantit-fd-chevron{transform:rotate(180deg);}
.pantit-fd-panel{display:none;position:absolute;left:0;top:calc(100% + 6px);background:#fff;border:1px solid var(--pvf-line);border-radius:12px;box-shadow:0 10px 24px -12px rgba(0,0,0,.28);padding:14px;width:100%;box-sizing:border-box;max-height:320px;overflow-y:auto;z-index:20;}
.pantit-fd-panel.show{display:block;z-index:200;}
.pantit-fd-rows{display:block;}
.pantit-fd-rows .pantit-fd-check{break-inside:avoid;}
.pantit-fd-panel .pantit-fd-check{display:flex;align-items:center;gap:8px;padding:6px 2px;font-family:'Montserrat',sans-serif;font-size:14px;color:var(--pvf-ink);cursor:pointer;white-space:nowrap;}
.pantit-fd-panel .pantit-fd-check input[type=checkbox]{width:16px;height:16px;flex:none;accent-color:var(--pvf-ink);}
.pantit-fd-panel .pantit-cat-count{margin-left:auto;color:var(--pvf-muted);font-size:12px;padding-left:12px;}
.pantit-price-form{display:flex;flex-direction:column;gap:10px;}
.pantit-price-form input[type=number]{width:100%;box-sizing:border-box;padding:9px 12px;border:1.5px solid var(--pvf-line);border-radius:8px;font-family:'Montserrat',sans-serif;font-size:16px;color:var(--pvf-ink);-moz-appearance:textfield;appearance:textfield;}
.pantit-price-form input[type=number]:focus{outline:none;border-color:var(--pvf-ink);}
.pantit-price-form input[type=number]::-webkit-outer-spin-button,
.pantit-price-form input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
.pantit-filter-actions{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;align-items:center;margin:0 0 20px;}
@media (max-width:900px){.pantit-filter-actions{grid-template-columns:repeat(3,1fr);}}
@media (max-width:600px){.pantit-filter-actions{grid-template-columns:repeat(2,1fr);}}
.pantit-stock-toggle{display:inline-flex;align-items:center;gap:6px;font-family:'Montserrat',sans-serif;font-size:14px;color:var(--pvf-ink);white-space:nowrap;}
.pantit-stock-toggle input{width:16px;height:16px;accent-color:var(--pvf-ink);}
/* Filter-knappen: VJ:s champagneknapp (samma som i My account) */
.pantit-price-apply{width:100%;box-sizing:border-box;background:var(--pvf-champagne);background-image:var(--pvf-champagne-grad);color:var(--pvf-ink)!important;border:1px solid var(--pvf-champagne-line);border-radius:10px;padding:12px 14px;font-family:'Montserrat',sans-serif;font-weight:700;font-size:12.5px;text-transform:uppercase;letter-spacing:.03em;cursor:pointer;transition:transform .1s,box-shadow .15s;box-shadow:0 2px 4px rgba(0,0,0,.06);}
.pantit-price-apply:hover{background-image:var(--pvf-champagne-grad-hover);color:var(--pvf-ink)!important;transform:translateY(-1px);box-shadow:0 6px 16px -6px rgba(0,0,0,.25);}
.pantit-price-apply:disabled{cursor:default;transform:none;}
.pantit-btn-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(26,26,26,.25);border-top-color:var(--pvf-ink);border-radius:50%;animation:pantit-spin .6s linear infinite;vertical-align:middle;margin-right:7px;}
@keyframes pantit-spin{to{transform:rotate(360deg);}}
.pantit-filter-mobile-toggle{display:none;}
.pantit-filter-body{display:block;}
@media (max-width:600px){
	.pantit-filter-mobile-toggle{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;box-sizing:border-box;background:var(--pvf-champagne);background-image:var(--pvf-champagne-grad);color:var(--pvf-ink);border:1px solid var(--pvf-champagne-line);border-radius:10px;padding:13px 16px;font-family:'Montserrat',sans-serif;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.03em;cursor:pointer;margin:0 0 14px;}
	.pantit-filter-mobile-toggle .pantit-fd-chevron{color:var(--pvf-ink);}
	.pantit-filter-mobile-toggle[aria-expanded="true"] .pantit-fd-chevron{transform:rotate(180deg);}
	.pantit-filter-body{display:none;}
	.pantit-filter-body.show{display:block;}
}


/* VJ */
.pvf-rad{clear:both;width:100%;flex:0 0 100%;}
.yith-wcan-filters-opener{display:none!important;}
.pantit-filter-clear{justify-self:start;font-family:'Montserrat',sans-serif;font-size:13px;color:var(--pvf-ink);text-decoration:underline;}
.pantit-filter-clear:hover{color:var(--pvf-muted);}
.pantit-cat-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px;}
.pantit-cat-chip{background:var(--pvf-surface);border:1.5px solid var(--pvf-line);border-radius:999px;padding:6px 12px;font-family:'Montserrat',sans-serif;font-size:13px;color:var(--pvf-ink);text-decoration:none;}
.pantit-cat-chip:hover{background:var(--pvf-surface-hover);color:var(--pvf-ink);}
.pantit-cat-chip.is-active{background:var(--pvf-champagne);background-image:var(--pvf-champagne-grad);border-color:var(--pvf-champagne-line);font-weight:700;}
.pantit-cat-chip .pantit-cat-count{color:var(--pvf-muted);font-size:12px;}
/* Kategorilistan över ringstorleksbrickorna (.ring-size-badge har 99), som på Marknad */
#pantit-categories{z-index:100!important;}