/* ============================================================
   FeederX — Pagina de categorie (shop / archive WooCommerce)
   Layer peste styles.css + styles-mixt.css
   ============================================================ */

/* breadcrumb (reuse from product) */
.crumb{background:#fff;border-bottom:1px solid var(--line);}
.crumb .wrap{display:flex;align-items:center;gap:9px;height:50px;font-size:13.5px;color:var(--muted);}
.crumb a{color:var(--muted);transition:color .14s;}
.crumb a:hover{color:var(--acc);}
.crumb .sep{color:#C7CDD4;}
.crumb .cur{color:var(--ink);font-weight:600;}

/* ---------- Category hero ---------- */
.cat-hero{background:linear-gradient(120deg,#1E3A5F,#16294a);color:#fff;position:relative;overflow:hidden;}
.cat-hero::after{content:"";position:absolute;inset:0;background:radial-gradient(80% 120% at 85% 20%,rgba(215,40,58,.22),transparent 60%);}
.cat-hero .wrap{position:relative;z-index:1;padding:38px 24px;display:flex;align-items:flex-end;justify-content:space-between;gap:30px;flex-wrap:wrap;}
.cat-hero .eyebrow{color:#9FC0E8;font-weight:700;font-size:13px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px;display:block;}
.cat-hero h1{font-family:var(--font-disp);font-weight:700;font-size:46px;line-height:1;margin:0 0 12px;text-transform:uppercase;letter-spacing:.005em;}
.cat-hero p{color:rgba(255,255,255,.8);font-size:15.5px;max-width:580px;margin:0;line-height:1.55;}
.cat-hero .count{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:30px;padding:9px 18px;font-size:14px;font-weight:600;white-space:nowrap;}
.cat-hero .count b{color:#fff;}

/* subcategory chips */
.subchips{background:#fff;border-bottom:1px solid var(--line);}
.subchips .wrap{display:flex;gap:10px;padding:16px 24px;overflow-x:auto;}
.subchip{
  display:inline-flex;align-items:center;gap:9px;padding:9px 16px;border-radius:30px;border:1.5px solid var(--line);
  background:#fff;font-size:14px;font-weight:600;color:var(--ink-soft);white-space:nowrap;cursor:pointer;transition:.15s;
}
.subchip:hover{border-color:#B9C6D6;color:var(--ink);}
.subchip.on{background:var(--navy);border-color:var(--navy);color:#fff;}
.subchip .n{font-size:12px;opacity:.7;}

/* ---------- Shop layout ---------- */
.shop{padding:26px 0 60px;}
.shop-grid{display:grid;grid-template-columns:268px 1fr;gap:30px;align-items:start;}

/* ----- Sidebar filters ----- */
.filters{position:sticky;top:16px;display:flex;flex-direction:column;gap:14px;}
.fbox{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;}
.fbox h4{
  font-family:var(--font-disp);font-weight:700;font-size:16px;text-transform:uppercase;letter-spacing:.02em;
  color:var(--navy);margin:0;padding:15px 18px;border-bottom:1px solid var(--line-2);display:flex;align-items:center;justify-content:space-between;cursor:pointer;
}
.fbox h4 .chev{width:16px;height:16px;color:var(--muted);transition:transform .2s;}
.fbox.closed h4 .chev{transform:rotate(-90deg);}
.fbox .fbody{padding:16px 18px;}
.fbox.closed .fbody{display:none;}

.fopt{display:flex;align-items:center;gap:11px;padding:7px 0;cursor:pointer;font-size:14px;color:var(--ink-soft);}
.fopt .box{width:20px;height:20px;border-radius:6px;border:1.5px solid var(--line);flex:none;display:flex;align-items:center;justify-content:center;transition:.14s;background:#fff;}
.fopt .box svg{width:13px;height:13px;color:#fff;opacity:0;transition:.14s;}
.fopt.on .box{background:var(--acc);border-color:var(--acc);}
.fopt.on .box svg{opacity:1;}
.fopt:hover .box{border-color:#B9C6D6;}
.fopt .cnt{margin-left:auto;font-size:12.5px;color:var(--muted);}
.fopt.on{color:var(--ink);font-weight:600;}

/* swatch row (power) */
.fswatch{display:flex;flex-wrap:wrap;gap:8px;}
.fswatch button{padding:8px 13px;border-radius:8px;border:1.5px solid var(--line);background:#fff;font-size:13px;font-weight:600;color:var(--ink-soft);cursor:pointer;transition:.14s;}
.fswatch button:hover{border-color:#B9C6D6;}
.fswatch button.on{background:var(--navy);border-color:var(--navy);color:#fff;}

/* price slider */
.price-ui{display:flex;flex-direction:column;gap:14px;}
.price-track{position:relative;height:5px;background:#E6EAEF;border-radius:3px;margin:8px 6px;}
.price-fill{position:absolute;height:100%;background:var(--acc);border-radius:3px;left:10%;right:30%;}
.price-track .knob{position:absolute;top:50%;width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid var(--acc);transform:translate(-50%,-50%);box-shadow:0 2px 6px rgba(20,30,45,.2);cursor:grab;}
.price-track .knob.k1{left:10%;}
.price-track .knob.k2{left:70%;}
.price-vals{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.price-vals .pv{flex:1;border:1.5px solid var(--line);border-radius:8px;padding:8px 10px;font-size:13.5px;color:var(--ink);font-weight:600;text-align:center;}
.price-vals .dash{color:var(--muted);}

.fclear{width:100%;text-align:center;padding:11px;border:1.5px solid var(--line);border-radius:10px;background:#fff;color:var(--ink-soft);font-weight:600;font-size:14px;cursor:pointer;transition:.14s;}
.fclear:hover{border-color:var(--acc);color:var(--acc);}

/* ----- Main: toolbar ----- */
.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 16px;margin-bottom:18px;flex-wrap:wrap;}
.toolbar .res{font-size:14px;color:var(--ink-soft);}
.toolbar .res b{color:var(--ink);font-weight:700;}
.toolbar .right{display:flex;align-items:center;gap:12px;}
.toolbar .mobfilter{display:none;align-items:center;gap:8px;border:1.5px solid var(--line);border-radius:9px;padding:9px 14px;font-weight:600;font-size:14px;color:var(--navy);background:#fff;cursor:pointer;}
.toolbar .mobfilter svg{width:17px;height:17px;}
.sortsel{position:relative;}
.sortsel select{
  appearance:none;border:1.5px solid var(--line);border-radius:9px;padding:10px 38px 10px 14px;font-family:inherit;
  font-size:14px;font-weight:600;color:var(--ink);background:#fff;cursor:pointer;outline:none;
}
.sortsel select:focus{border-color:var(--navy);}
.sortsel .ar{position:absolute;right:13px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:var(--muted);pointer-events:none;}
.viewtog{display:flex;border:1.5px solid var(--line);border-radius:9px;overflow:hidden;}
.viewtog button{width:40px;height:40px;border:none;background:#fff;color:var(--muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.14s;}
.viewtog button.on{background:var(--navy);color:#fff;}
.viewtog button svg{width:18px;height:18px;}
.viewtog button+button{border-left:1.5px solid var(--line);}

/* active filter pills */
.activef{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px;}
.activef .pill{display:inline-flex;align-items:center;gap:7px;background:#EEF3F9;border:1px solid #DCE5F0;border-radius:30px;padding:6px 10px 6px 13px;font-size:13px;font-weight:600;color:var(--navy);}
.activef .pill button{border:none;background:none;width:16px;height:16px;color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;}
.activef .pill button:hover{color:var(--acc);}
.activef .pill button svg{width:13px;height:13px;}

/* product grid (3-up here) */
.shop .prodgrid{grid-template-columns:repeat(3,1fr);}

/* list view */
.shop.listview .prodgrid{grid-template-columns:1fr;gap:14px;}
.shop.listview .prod{flex-direction:row;}
.shop.listview .prod .imgwrap{width:240px;flex:none;border-bottom:none;border-right:1px solid var(--line-2);}
.shop.listview .prod image-slot{height:100%;min-height:190px;}
.shop.listview .prod .body{padding:20px 22px;}
.shop.listview .prod .name{font-size:18px;min-height:0;}
.shop.listview .prod .listdesc{display:block;font-size:14px;color:var(--muted);margin:8px 0 0;line-height:1.5;}
.prod .listdesc{display:none;}

/* pagination */
.pager{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:36px;}
.pager button{min-width:44px;height:44px;border:1.5px solid var(--line);border-radius:10px;background:#fff;font-weight:700;font-size:15px;color:var(--ink-soft);cursor:pointer;transition:.14s;display:flex;align-items:center;justify-content:center;}
.pager button:hover{border-color:#B9C6D6;color:var(--ink);}
.pager button.on{background:var(--navy);border-color:var(--navy);color:#fff;}
.pager button.nav svg{width:18px;height:18px;}
.pager .dots{color:var(--muted);padding:0 4px;}

/* mobile filter drawer */
.fscrim{position:fixed;inset:0;background:rgba(20,25,29,.45);opacity:0;visibility:hidden;transition:.2s;z-index:90;}
.fscrim.on{opacity:1;visibility:visible;}

@media(max-width:1080px){
  .shop .prodgrid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:860px){
  .shop-grid{grid-template-columns:1fr;}
  .filters{position:fixed;top:0;left:0;bottom:0;width:330px;max-width:88vw;background:var(--bg);z-index:100;padding:18px;overflow-y:auto;transform:translateX(-100%);transition:transform .26s;border-radius:0;}
  .filters.open{transform:none;}
  .toolbar .mobfilter{display:flex;}
  .cat-hero h1{font-size:36px;}
}
@media(max-width:560px){
  .shop .prodgrid{grid-template-columns:1fr;}
  .shop.listview .prod{flex-direction:column;}
  .shop.listview .prod .imgwrap{width:100%;border-right:none;border-bottom:1px solid var(--line-2);}
}