/* ==========================================================
   WOOCOMMERCE BRIDGE
   Maps the design system onto markup WooCommerce and Blocksy
   generate, plus resets for defaults we don't want.
   ========================================================== */

/* --- kill parent-theme chrome we replace --- */
.woocommerce-breadcrumb{display:none}
.woocommerce .woocommerce-result-count,
.woocommerce .woocommerce-ordering{display:none}
.woocommerce-products-header{display:none}
[class*="ct-container"] > .woocommerce-notices-wrapper:empty{display:none}

/* --- catalog grid --- */
.woocommerce ul.products,
ul.products{list-style:none;margin:0;padding:0;display:grid;
  grid-template-columns:1fr;gap:var(--s4)}
ul.products::before,ul.products::after{display:none}
ul.products li.product{margin:0;width:auto;float:none;padding:0}

/* --- price markup --- */
.pcard .price,.buybox .price{display:block}
.pcard .price del,.buybox .price del{opacity:1}
.pcard .price ins,.buybox .price ins{text-decoration:none;background:none}

/* --- WooCommerce buttons inherit our button --- */
.woocommerce a.button,.woocommerce button.button,
.woocommerce input.button,.woocommerce #respond input#submit,
.woocommerce a.button.alt,.woocommerce button.button.alt{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font-family:"Inter",sans-serif;font-weight:600;font-size:14px;
  padding:11px 18px;border-radius:var(--r-md);border:1px solid var(--amber);
  background:var(--amber);color:#fff;line-height:1.2;text-transform:none;
  transition:background-color .16s,border-color .16s}
.woocommerce a.button:hover,.woocommerce button.button:hover,
.woocommerce input.button:hover,.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover{background:var(--amber-dark);
  border-color:var(--amber-dark);color:#fff}
.woocommerce .button.btn--quiet,.woocommerce .button.btn--outline{background:#fff}

/* --- single product --- */
.woocommerce div.product{margin:0}
.woocommerce div.product div.images,
.woocommerce div.product div.summary{width:auto;float:none;margin:0}
.woocommerce div.product .woocommerce-tabs{display:none}
.woocommerce div.product form.cart{margin:0}
.woocommerce div.product form.cart .button{width:100%;padding:14px 24px;font-size:15px}
.woocommerce div.product p.price,
.woocommerce div.product span.price{color:inherit;font-size:inherit;margin:0}
.woocommerce .quantity{display:none}          /* one machine per order */
.woocommerce div.product .stock{display:none} /* replaced by .availrow */

/* --- gallery --- */
.woocommerce div.product div.images .flex-control-thumbs{display:flex;gap:var(--s2);
  margin:var(--s3) 0 0;padding:0;list-style:none}
.woocommerce div.product div.images .flex-control-thumbs li{width:72px;margin:0;float:none}
.woocommerce div.product div.images .flex-control-thumbs img{border:1px solid var(--n-200);
  border-radius:var(--r-sm);opacity:.6;transition:opacity .16s,border-color .16s}
.woocommerce div.product div.images .flex-control-thumbs img.flex-active,
.woocommerce div.product div.images .flex-control-thumbs img:hover{opacity:1;
  border-color:var(--navy-900)}

/* --- filter widgets inside our drawer --- */
.drawer .widget{border-bottom:1px solid var(--n-150);padding:var(--s4) 0;margin:0}
.drawer .widget:last-child{border-bottom:0}
.drawer .widget .widget-title,.drawer .widget h2,.drawer .widget h3{
  font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--n-500);
  font-family:"Inter";font-weight:700;margin:0 0 var(--s3)}
.drawer .widget ul{list-style:none;margin:0;padding:0}
.drawer .widget li{padding:0}
.drawer .widget li a{display:flex;align-items:center;gap:11px;padding:7px 0;
  font-size:14.5px;color:var(--n-700)}
.drawer .widget li a:hover{color:var(--n-900)}
.drawer .widget li .count{margin-left:auto;font-size:12.5px;color:var(--n-400)}
.drawer .price_slider_wrapper .price_slider{margin-bottom:var(--s4)}
.drawer .ui-slider{height:4px;background:var(--n-200);border-radius:2px;position:relative}
.drawer .ui-slider .ui-slider-range{background:var(--blue-600);height:4px;position:absolute}
.drawer .ui-slider .ui-slider-handle{width:22px;height:22px;border-radius:50%;background:#fff;
  border:2px solid var(--blue-600);box-shadow:0 1px 3px rgba(11,18,32,.24);
  top:-9px;margin-left:-11px;position:absolute;cursor:grab}
.drawer .price_slider_amount{display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap}
.drawer .price_slider_amount .price_label{font-size:12.5px;color:var(--n-500);width:100%}
.drawer .price_slider_amount .button{order:2;font-size:13px;padding:8px 14px}

/* --- cart / checkout --- */
.woocommerce table.shop_table{border:1px solid var(--n-200);border-radius:var(--r-md);
  border-collapse:separate;border-spacing:0}
.woocommerce table.shop_table th{background:var(--n-50);font-size:12px;letter-spacing:.08em;
  text-transform:uppercase;color:var(--n-500);font-weight:700}
.woocommerce table.shop_table td,.woocommerce table.shop_table th{
  border-top:0;border-bottom:1px solid var(--n-150);padding:var(--s4)}
.woocommerce form .form-row{padding:0;margin-bottom:var(--s4)}
.woocommerce form .form-row label{display:block;font-size:13.5px;font-weight:600;
  margin-bottom:6px;color:var(--n-700)}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.select2-container .select2-selection--single{
  width:100%;padding:13px 14px;font-size:15.5px;font-family:inherit;height:auto;
  border:1px solid var(--n-300);border-radius:var(--r-md);background:#fff;color:var(--n-900)}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row select:focus{outline:0;border-color:var(--blue-600);
  box-shadow:0 0 0 3px var(--blue-50)}
.woocommerce-checkout #payment{background:#fff;border:1px solid var(--n-200);
  border-radius:var(--r-md)}
.woocommerce-checkout #payment ul.payment_methods{border-bottom:1px solid var(--n-150);
  padding:var(--s5)}
.woocommerce-checkout #payment div.form-row{padding:var(--s5)}
.woocommerce-checkout #payment #place_order{width:100%;padding:18px;font-size:18px;
  font-family:"Archivo";font-weight:700}
.woocommerce-message,.woocommerce-info,.woocommerce-error{
  border-radius:var(--r-md);border-top:0;border-left:3px solid var(--blue-600);
  background:var(--blue-50);color:var(--n-800);padding:var(--s4) var(--s5)}
.woocommerce-message::before,.woocommerce-info::before,.woocommerce-error::before{
  display:none}
.woocommerce-message{border-left-color:var(--green-700);background:var(--green-50)}

/* --- responsive grid --- */
@media(min-width:640px){
  ul.products{grid-template-columns:repeat(2,1fr)}
}
@media(min-width:900px){
  ul.products{grid-template-columns:repeat(3,1fr);gap:var(--s5)}
}
@media(min-width:1240px){
  ul.products{grid-template-columns:repeat(4,1fr)}
}