/* NetStore UI: botão "Filters" e a folha dos filtros da loja (≤921 px); a folha usa a base .ns-sheet do ns-appnav.css */

.ns-filters-btn{ display:none !important; }

@media (max-width:921px){
  /* sem JavaScript (html sem .ns-js) a barra lateral continua no lugar e o botão não aparece */
  html.ns-js body.ns-has-filters #secondary{ display:none !important; }

  html.ns-js body.ns-has-filters .ns-filters-btn{
    --ns-font:'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    display:inline-flex !important; align-items:center; gap:8px; float:right; position:relative;
    box-sizing:border-box; height:40px; min-height:0 !important; margin:8px 0 12px 12px !important; padding:0 16px 0 14px !important;
    background:#fff !important; color:#1B2430 !important; border:1px solid #D5DCDC !important; border-radius:999px !important;
    box-shadow:none !important; transform:none !important; text-transform:none !important; letter-spacing:0 !important;
    font-family:var(--ns-font) !important; font-size:14px !important; font-weight:600 !important; line-height:1 !important;
    cursor:pointer; -webkit-tap-highlight-color:transparent;
  }
  .ns-filters-btn .ns-filters-ico{ width:18px; height:18px; flex:0 0 18px; }
  .ns-filters-btn .ns-filters-count{
    display:inline-flex; align-items:center; justify-content:center; min-width:20px; height:20px; padding:0 6px;
    box-sizing:border-box; border-radius:999px; background:#0B7A6F; color:#fff; font-size:12px; font-weight:700;
  }
  .ns-filters-btn:active, .ns-filters-btn[aria-expanded="true"]{ background:#F6F8F8 !important; border-color:#0B7A6F !important; }
  .ns-filters-btn:focus{ outline:none; }
  .ns-filters-btn:focus-visible{ box-shadow:0 0 0 2px #0B7A6F !important; }
  /* a contagem "Showing…" e o botão na mesma linha; a ordenação embaixo, na largura toda */
  body.ns-has-filters .woocommerce-ordering{ clear:both; }

  /* ---------- widgets dentro da folha ---------- */
  .ns-filters-sheet .ns-filters-body{ padding:4px 16px calc(20px + env(safe-area-inset-bottom, 0px)); }
  .ns-filters-sheet .sidebar-main{ position:static !important; top:auto !important; margin:0 !important; padding:0 !important; }
  .ns-filters-sheet .widget{
    margin:0 0 12px !important; padding:16px !important; border:1px solid #E3E8E8 !important; border-radius:14px !important;
    background:#fff !important; box-shadow:none !important;
  }
  .ns-filters-sheet .widget:last-child{ margin-bottom:0 !important; }
  /* fora do #secondary os widgets perdem o line-height e o espaço entre itens do Astra */
  .ns-filters-sheet .widget{ line-height:1.5; font-size:15px; }
  .ns-filters-sheet .widget li{ margin-bottom:.6em; }
  .ns-filters-sheet .widget li:last-child{ margin-bottom:0; }
  .ns-filters-sheet .widget .widget-title, .ns-filters-sheet .widget h2{
    margin:0 0 12px !important; padding:0 0 10px !important; font-family:var(--ns-font) !important;
    font-size:13px !important; font-weight:700 !important; letter-spacing:.06em !important; line-height:1.4 !important;
    text-transform:uppercase !important; color:#5B6672 !important;
  }
}

@media print{
  .ns-filters-btn, .ns-filters-sheet, .ns-filters-backdrop{ display:none !important; }
}