/* ===== Filtri Motojet — stile forzato (vince sul tema) ===== */
.mjf{
	--mjf-navy:#35577d;
	--mjf-btn-bg:#111;
	--mjf-btn-text:#fff;
	--mjf-chip-bg:#eaf0f6;
	--mjf-border:#e6e6e6;
	--mjf-off:#b9b9b9;
	font-size:14px;
	line-height:1.4;
	color:#232323;
}
.mjf *{box-sizing:border-box}

/* reset aggressivo su bottoni/input che il tema "veste" */
.mjf button{all:unset;box-sizing:border-box;cursor:pointer;font:inherit;color:inherit}
.mjf input[type=checkbox]{width:16px !important;height:16px !important;margin:0 !important;accent-color:var(--mjf-navy);flex:0 0 auto}
.mjf input[type=number]{width:100% !important;padding:8px 10px !important;border:1px solid var(--mjf-border) !important;border-radius:8px !important;background:#fff !important;box-shadow:none !important;margin:0 !important;color:#232323 !important;font:inherit !important;min-height:0 !important}
.mjf label{margin:0 !important;padding:0 !important;font-weight:400 !important;text-transform:none !important;letter-spacing:0 !important}

/* pannello */
.mjf-panel{background:#fff !important;border:1px solid var(--mjf-border) !important;border-radius:12px !important;overflow:hidden !important;box-shadow:0 1px 3px rgba(0,0,0,.04)}
.mjf-head{background:var(--mjf-navy) !important;color:#fff !important;display:flex;align-items:center;gap:10px;padding:13px 16px}
.mjf-title{font-weight:600;flex:1;color:#fff}
.mjf-reset{color:#cdd8e6 !important;font-size:12px !important;background:none !important;border:0 !important;padding:0 !important}
.mjf-close{display:none;color:#fff !important;font-size:22px !important;line-height:1;background:none !important;border:0 !important;padding:0 !important}
.mjf-body{padding:2px 16px}

/* sezioni */
.mjf-sec{border-bottom:1px solid var(--mjf-border);padding:13px 0}
.mjf-sec:last-child{border-bottom:0}
.mjf-sec-head{display:flex !important;width:100% !important;align-items:center;justify-content:space-between;background:transparent !important;border:0 !important;border-radius:0 !important;padding:0 !important;box-shadow:none !important;font-size:12.5px !important;font-weight:700 !important;letter-spacing:.03em !important;text-transform:uppercase !important;color:var(--mjf-navy) !important}
.mjf-sec-body{margin-top:11px;display:flex;flex-direction:column;gap:9px}
.mjf-collapsed>.mjf-sec-body{display:none}

.mjf-chevron{width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .2s;flex:0 0 auto}
.mjf-collapsed>.mjf-sec-head .mjf-chevron{transform:rotate(-45deg)}

/* voci */
.mjf-check{display:flex !important;align-items:center;gap:9px;cursor:pointer;color:#232323}
.mjf-check span{flex:1}
.mjf-check em{color:#a0a0a0;font-style:normal;font-size:12px}
.mjf-check.mjf-disabled{opacity:.4;pointer-events:none;text-decoration:line-through;text-decoration-color:var(--mjf-off)}

/* albero categorie */
.mjf-cats{list-style:none !important;margin:0 !important;padding:0 !important;display:flex;flex-direction:column;gap:9px}
.mjf-cat-row{display:flex;align-items:center;gap:6px}
.mjf-cat-row .mjf-check{flex:1}
.mjf-cat-toggle{flex:0 0 auto;display:inline-flex !important;align-items:center;justify-content:center;width:24px !important;height:24px !important;min-width:24px;box-sizing:border-box;border:0 !important;border-radius:50% !important;background:none !important;color:var(--mjf-navy) !important;cursor:pointer;padding:0 !important;line-height:1}
.mjf-cat-toggle:hover{background:var(--mjf-chip-bg) !important}
.mjf-cat-toggle .mjf-chevron{display:none !important}
.mjf-cat-toggle::after{content:"+";font-size:18px;font-weight:600;line-height:1}
.mjf-cat.mjf-open>.mjf-cat-row .mjf-cat-toggle::after{content:"\2212"}
.mjf-subcats{margin:9px 0 2px 10px !important;padding:2px 0 2px 12px !important;border-left:1px solid var(--mjf-border);display:none}
.mjf-cat.mjf-open>.mjf-subcats{display:flex}
.mjf-cat-off{display:none}

/* prezzo */
.mjf-price{display:flex;align-items:center;gap:8px}

/* toggle finali */
.mjf-toggles{display:flex;flex-direction:column;gap:10px}

/* footer */
.mjf-foot{display:flex;gap:10px;padding:14px 16px}
.mjf-reset-2{flex:0 0 34%;text-align:center;border:1px solid #d2d2d2 !important;border-radius:22px !important;padding:11px !important;color:#333 !important}
.mjf-apply{flex:1;text-align:center;background:var(--mjf-btn-bg) !important;color:var(--mjf-btn-text) !important;border-radius:22px !important;padding:11px !important;font-weight:600 !important}

/* chip */
.mjf-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.mjf-chips:empty{margin:0}
.mjf-chip{background:var(--mjf-chip-bg) !important;color:var(--mjf-navy) !important;border-radius:14px !important;padding:5px 11px !important;font-size:12px !important}

/* trigger mobile */
.mjf-trigger{display:none;align-items:center;justify-content:center;gap:6px;width:100%;background:var(--mjf-navy) !important;color:#fff !important;border-radius:8px !important;padding:12px !important;font-weight:600 !important;margin-bottom:12px}
.mjf-badge{background:#fff;color:var(--mjf-navy);border-radius:10px;padding:0 7px;font-size:12px}

/* stati */
.mjf-hidden{display:none !important}
.mjf-loading{opacity:.45;transition:opacity .2s;pointer-events:none}
.mjf-empty{list-style:none;padding:26px 0;color:#777;text-align:center}

/* ===== MOBILE ===== */
@media(max-width:768px){
	.mjf-trigger{display:flex}
	.mjf-overlay{position:fixed;inset:0;background:rgba(20,30,45,.4);z-index:99998}
	.mjf-panel{position:fixed;left:0;right:0;bottom:0;z-index:99999;max-height:86vh;display:flex;flex-direction:column;border-radius:16px 16px 0 0 !important;transform:translateY(100%);transition:transform .28s ease}
	.mjf-open-panel .mjf-panel{transform:translateY(0)}
	.mjf-close{display:block}
	.mjf-body{overflow-y:auto;flex:1}
	.mjf-foot{border-top:1px solid var(--mjf-border);position:sticky;bottom:0;background:#fff}
	.mjf-head .mjf-reset{display:none}
}
@media(min-width:769px){ .mjf-overlay{display:none !important} }

/* Voce con zero risultati: visibile e cliccabile, solo attenuata. */
.mjf-zero{opacity:.5}
.mjf-zero em{color:#bbb}

/* Sezione attributo nascosta quando non pertinente (es. Taglia per Accessori). */
.mjf-hidden{display:none !important}

/* Pulsante "Carica altro" (sostituisce la paginazione a numeri). */
.mjf-loadmore{display:block;margin:28px auto;min-width:200px;padding:13px 28px;border:0;border-radius:26px;background:var(--mjf-btn-bg,#111);color:var(--mjf-btn-text,#fff);font-size:15px;font-weight:600;cursor:pointer}
.mjf-loadmore:hover{opacity:.9}
.mjf-loadmore.mjf-loading{opacity:.6;pointer-events:none}

/* Nasconde la paginazione a numeri nativa dentro Archive/Products di Elementor. */
.elementor-widget-woocommerce-archive-products .woocommerce-pagination,
.elementor-widget-woocommerce-archive-products .elementor-pagination,
.elementor-widget-woocommerce-products .woocommerce-pagination,
.elementor-widget-woocommerce-products .elementor-pagination{display:none !important}

/* Contenitore del "Carica altro": blocco a tutta larghezza, centrato. */
.mjf-loadmore-wrap{display:block !important;width:100% !important;text-align:center;clear:both;margin:0}
.mjf-loadmore-wrap .mjf-loadmore{display:inline-block !important}
