/* VDM Vloeren – Archive v3.1 */
*,*::before,*::after{box-sizing:border-box}
#vdm-archive,#vdm-archive *{box-sizing:border-box}
#vdm-archive{background:#f5f3ee;font-family:'Helvetica Neue',Arial,sans-serif;width:100%}

/* ── Mobile dark header ── */
.vdm-mob-hdr{
  display:flex;align-items:center;justify-content:space-between;
  padding:12px 16px;background:#1a1a18;
}
.vdm-mob-hdr-title{font-size:13px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.08em}
.vdm-mob-hdr-count{font-size:11px;color:#b5935a;font-weight:600}

/* ── Mobile filter bar ── */
.vdm-mob-bar{
  display:flex;gap:8px;align-items:center;
  padding:10px 16px;background:#fff;border-bottom:1px solid #e8e8e8;
}
.vdm-btn-filter{
  display:flex;align-items:center;justify-content:center;gap:7px;
  flex:1;padding:9px 14px;
  background:#1a1a18;color:#fff;border:none;cursor:pointer;
  font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  transition:background .2s;border-radius:2px;
}
.vdm-btn-filter:hover,.vdm-btn-filter.is-open{background:#b5935a}
.vdm-badge{
  display:inline-flex;align-items:center;justify-content:center;
  background:#b5935a;color:#fff;border-radius:50%;
  width:16px;height:16px;font-size:10px;font-weight:700;line-height:1;
}
.vdm-sort-wrap{
  display:flex;align-items:center;gap:7px;flex:1;
  border:1px solid #e0ddd6;padding:8px 10px;background:#fff;min-width:0;border-radius:2px;
}
.vdm-sort-wrap .woocommerce-ordering{margin:0;width:100%}
.vdm-sort-wrap select,.vdm-sort-wrap .orderby{
  border:none!important;outline:none!important;background:none!important;
  font-size:11px!important;color:#1a1a18!important;font-weight:500!important;
  width:100%!important;cursor:pointer;font-family:inherit!important;
  box-shadow:none!important;padding:0!important;
}

/* ── Active filter tags ── */
.vdm-active-tags{
  display:none;gap:6px;flex-wrap:wrap;
  padding:8px 16px;background:#fff;border-bottom:1px solid #e8e8e8;
}
.vdm-active-tags.has-tags{display:flex}
.vdm-tag{
  display:inline-flex;align-items:center;gap:5px;
  background:#1a1a18;color:#f0ede4;
  padding:4px 9px;border-radius:2px;
  font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;
  text-decoration:none;
}
.vdm-tag:hover{background:#b5935a;color:#fff}
.vdm-tag-x{color:#b5935a;font-size:13px;line-height:1}

/* ── Mobile filter panel ── */
.vdm-mob-panel{display:none;background:#fff;border-bottom:2px solid #b5935a}
.vdm-mob-panel.is-open{display:block}
.vdm-mob-panel-inner{padding:0 16px}
.vdm-mob-actions{display:flex;gap:8px;padding:14px 16px 18px}
.vdm-btn-apply{
  flex:1;padding:11px;background:#b5935a;color:#fff;border:none;
  font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border-radius:2px;
}
.vdm-btn-reset{
  flex:1;padding:11px;background:#f0f0f0;color:#444;border:none;
  font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;
  text-align:center;text-decoration:none;display:flex;align-items:center;justify-content:center;border-radius:2px;
}

/* ── Category nav tabs ── */
.vdm-cat-nav{
  display:none;align-items:stretch;background:#fff;
  border-bottom:1px solid #e8e8e8;width:100%;overflow:hidden;
}
.vdm-cat-arrow{
  flex-shrink:0;width:32px;min-height:44px;
  background:#fff;border:none;cursor:pointer;
  display:flex;align-items:center;justify-content:center;color:#888;
  transition:color .2s;
}
.vdm-cat-arrow:first-child{border-right:1px solid #e8e8e8}
.vdm-cat-arrow:last-child{border-left:1px solid #e8e8e8}
.vdm-cat-arrow:hover{color:#1a1a18}
.vdm-cat-scroll{
  flex:1;display:flex;overflow-x:auto;
  scrollbar-width:none;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;
}
.vdm-cat-scroll::-webkit-scrollbar{display:none}
.vdm-cat-all{
  display:inline-flex;align-items:center;padding:0 16px;min-height:44px;
  font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  text-decoration:none;white-space:nowrap;background:#b5935a;color:#fff;flex-shrink:0;
}
.vdm-cat-all:hover{background:#9e7e47;color:#fff}
.vdm-cat-tab{
  display:inline-flex;align-items:center;padding:0 14px;min-height:44px;
  font-size:12px;font-weight:500;color:#444;text-decoration:none;
  white-space:nowrap;border-bottom:2px solid transparent;flex-shrink:0;
  transition:color .2s,border-color .2s;
}
.vdm-cat-tab:hover{color:#1a1a18}
.vdm-cat-tab.is-active{color:#1a1a18;font-weight:700;border-bottom-color:#b5935a}

/* ── Body: sidebar + main ── */
.vdm-body{display:flex;align-items:flex-start;width:100%}

/* ── Sidebar ── */
.vdm-sidebar{
  display:none;width:200px;flex-shrink:0;
  background:#fff;border-right:1px solid #e8e8e8;align-self:stretch;
}
.vdm-sidebar-inner{
  position:sticky;top:60px;max-height:calc(100vh - 60px);overflow-y:auto;padding-bottom:24px;
}
.vdm-sidebar-hdr{
  display:flex;align-items:center;justify-content:flex-end;
  padding:12px 14px 0;
}
.vdm-clear-all{font-size:11px;color:#b5935a;text-decoration:none;font-weight:600}
.vdm-sidebar-filters{padding:0 14px}

/* ── Main ── */
.vdm-main{flex:1;min-width:0}

/* ── Breadcrumb ── */
.vdm-breadcrumb{padding:8px 16px 0;font-size:12px}
.vdm-breadcrumb .woocommerce-breadcrumb{color:#888;font-size:12px;margin:0}
.vdm-breadcrumb .woocommerce-breadcrumb a{color:#888;text-decoration:none}
.vdm-breadcrumb .woocommerce-breadcrumb a:hover{color:#b5935a}

/* ── Quick filter pills ── */
.vdm-pills-bar{padding:10px 16px;border-bottom:1px solid #ebe8e2;background:#fff}
.vdm-pills-scroll{
  display:flex;gap:6px;overflow-x:auto;
  scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:2px;
}
.vdm-pills-scroll::-webkit-scrollbar{display:none}
.vdm-pill{
  display:inline-flex;align-items:center;padding:5px 12px;
  font-size:11px;font-weight:600;text-decoration:none;white-space:nowrap;
  border:1px solid #ddd;background:#fff;color:#555;flex-shrink:0;
  border-radius:2px;
  transition:background .2s,color .2s,border-color .2s;
}
.vdm-pill:hover,.vdm-pill.is-active{background:#b5935a;color:#fff;border-color:#b5935a}

/* ── Results bar ── */
.vdm-results-bar{
  display:flex;align-items:center;justify-content:space-between;
  padding:10px 16px;background:#f5f3ee;
}
.vdm-count{font-size:12px;color:#888;margin:0;padding:0}
.vdm-count strong{color:#1a1a18;font-weight:700}
.vdm-desk-sort{display:none}
.vdm-desk-sort .woocommerce-ordering{margin:0}
.vdm-desk-sort select{
  border:1px solid #e0ddd6!important;padding:6px 10px!important;
  font-size:12px!important;color:#1a1a18!important;background:#fff!important;
  outline:none!important;cursor:pointer;font-family:inherit!important;
}

/* ── Product grid – 2 col mobile ── */
.vdm-grid{
  display:grid;grid-template-columns:1fr 1fr;
  gap:8px;padding:10px 16px 20px;
  list-style:none;margin:0;
}

/* ── Product card ── */
.vdm-card{
  background:#fff;border:1px solid #e8e8e8;
  position:relative;display:flex;flex-direction:column;
}
.vdm-card-link{display:block;text-decoration:none;color:inherit}
.vdm-card-img{
  overflow:hidden;background:#f0ede8;
  aspect-ratio:1/1;width:100%;
}
.vdm-card-img img{
  width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .35s ease;
}
.vdm-card-link:hover .vdm-card-img img{transform:scale(1.04)}
.vdm-card-body{padding:8px 10px 12px}
.vdm-card-price{font-size:13px;font-weight:700;color:#1a1a18;margin-bottom:2px}
.vdm-card-price .woocommerce-Price-amount,
.vdm-card-price bdi{color:#1a1a18!important}
.vdm-card-name{font-size:12px;font-weight:600;color:#1a1a18;margin-bottom:2px;line-height:1.3}
.vdm-card-coll{font-size:10px;color:#999}

/* ── Pagination ── */
.vdm-pager{padding:4px 16px 24px}
.vdm-pager .woocommerce-pagination{text-align:center}
.vdm-pager .woocommerce-pagination ul{display:inline-flex;gap:3px;list-style:none;margin:0;padding:0;flex-wrap:wrap;justify-content:center}
.vdm-pager .woocommerce-pagination ul li a,
.vdm-pager .woocommerce-pagination ul li span{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:34px;height:34px;padding:0 8px;
  background:#fff;border:1px solid #e0ddd6;
  font-size:12px;color:#444;text-decoration:none;
  transition:background .2s,color .2s;
}
.vdm-pager .woocommerce-pagination ul li span.current,
.vdm-pager .woocommerce-pagination ul li a:hover{background:#1a1a18;color:#fff;border-color:#1a1a18}

/* ── Empty ── */
.vdm-empty{padding:40px 16px}

/* ═══════════════════════════════════════
   Filter Everything plugin overrides
═══════════════════════════════════════ */
.vdm-sidebar-filters .widget,
.vdm-mob-panel-inner .widget{margin:0;padding:0}
.vdm-sidebar-filters .wpc-filters-main-wrap,
.vdm-mob-panel-inner .wpc-filters-main-wrap{
  border:none!important;background:none!important;
  box-shadow:none!important;padding:0!important;margin:0!important;
}
.vdm-sidebar-filters [class*="wpc-filter-open"],
.vdm-mob-panel-inner [class*="wpc-filter-open"],
.vdm-sidebar-filters .wpc-filters-open-button-container,
.vdm-mob-panel-inner .wpc-filters-open-button-container{display:none!important}
.vdm-sidebar-filters .wpc-filter,
.vdm-mob-panel-inner .wpc-filter{
  padding-top:16px!important;border:none!important;background:none!important;margin:0!important;
}
.vdm-sidebar-filters .wpc-filter-title,
.vdm-mob-panel-inner .wpc-filter-title,
.vdm-sidebar-filters h4.wpc-filter-title,
.vdm-mob-panel-inner h4.wpc-filter-title{
  font-size:10px!important;font-weight:700!important;
  letter-spacing:.15em!important;text-transform:uppercase!important;
  color:#1a1a18!important;margin-bottom:0!important;
  display:flex!important;justify-content:space-between!important;align-items:center!important;
  padding-bottom:8px!important;border-bottom:1px solid #ebebeb!important;
  background:none!important;box-shadow:none!important;cursor:pointer;padding-top:0!important;
}
.vdm-sidebar-filters .wpc-filter-content,
.vdm-mob-panel-inner .wpc-filter-content,
.vdm-sidebar-filters ul.wpc-filter-items,
.vdm-mob-panel-inner ul.wpc-filter-items{
  display:flex!important;flex-direction:column!important;
  gap:7px!important;margin-top:10px!important;
  list-style:none!important;padding:0!important;
}
.vdm-sidebar-filters .wpc-filter-item,
.vdm-mob-panel-inner .wpc-filter-item{
  display:flex!important;align-items:center!important;
  font-size:13px!important;color:#444!important;cursor:pointer;
  padding:2px 0!important;background:none!important;border:none!important;list-style:none!important;
}
.vdm-sidebar-filters .wpc-filter-item label,
.vdm-mob-panel-inner .wpc-filter-item label{
  display:flex!important;align-items:center!important;
  gap:8px!important;cursor:pointer;width:100%;margin:0!important;
}
.vdm-sidebar-filters .wpc-filter-item input[type=checkbox],
.vdm-mob-panel-inner .wpc-filter-item input[type=checkbox]{
  width:15px!important;height:15px!important;flex-shrink:0;accent-color:#b5935a;margin:0!important;
}
.vdm-sidebar-filters .wpc-count,
.vdm-mob-panel-inner .wpc-count,
.vdm-sidebar-filters .wpc-filter-count,
.vdm-mob-panel-inner .wpc-filter-count{
  font-size:11px!important;color:#bbb!important;margin-left:auto;
}

/* ═══════════ Small mobile < 400px ═══════════ */
@media(max-width:399px){
  .vdm-grid{gap:6px;padding:8px 10px 16px}
  .vdm-card-body{padding:6px 8px 10px}
  .vdm-card-name{font-size:11px}
  .vdm-card-price{font-size:12px}
  .vdm-mob-bar{padding:8px 10px}
  .vdm-mob-hdr{padding:10px 12px}
  .vdm-results-bar{padding:8px 10px}
  .vdm-pills-bar{padding:8px 10px}
  .vdm-breadcrumb{padding:6px 10px 0}
  .vdm-pager{padding:4px 10px 20px}
}

/* ═══════════ Tablet ≥ 600px ═══════════ */
@media(min-width:600px){
  .vdm-grid{
    grid-template-columns:repeat(3,1fr);
    gap:10px;padding:10px 16px 20px;
  }
  .vdm-card-body{padding:10px 12px 14px}
  .vdm-card-name{font-size:13px}
  .vdm-card-price{font-size:14px}
}

/* ═══════════ Tablet ≥ 768px ═══════════ */
@media(min-width:768px){
  .vdm-mob-hdr{display:none}
  .vdm-mob-bar{display:none!important}
  .vdm-mob-panel{display:none!important}
  .vdm-active-tags{display:none!important}
  .vdm-cat-nav{display:flex}
  .vdm-sidebar{display:flex;flex-direction:column}
  .vdm-desk-sort{display:block}
  .vdm-grid{
    grid-template-columns:repeat(3,1fr);
    gap:12px;padding:12px 18px 24px;
  }
  .vdm-results-bar{padding:12px 18px}
  .vdm-breadcrumb{padding:12px 18px 0}
  .vdm-pills-bar{padding:10px 18px}
  .vdm-pager{padding:4px 18px 28px}
  .vdm-empty{padding:48px 20px}
}

/* ═══════════ Desktop ≥ 1024px ═══════════ */
@media(min-width:1024px){
  .vdm-sidebar{width:220px}
  .vdm-grid{
    grid-template-columns:repeat(3,1fr);
    gap:14px;padding:12px 22px 28px;
  }
  .vdm-results-bar{padding:12px 22px}
  .vdm-pills-bar{padding:12px 22px}
  .vdm-breadcrumb{padding:14px 22px 0}
  .vdm-pager{padding:4px 22px 32px}
  .vdm-card-body{padding:10px 14px 16px}
}

/* ═══════════ Wide ≥ 1300px ═══════════ */
@media(min-width:1300px){
  .vdm-sidebar{width:240px}
  .vdm-grid{
    grid-template-columns:repeat(3,1fr);
    gap:16px;padding:14px 24px 32px;
  }
}