/* ============================================================
   WooCommerce + B2B styles for MetroTrade
   ============================================================ */

/* shop layout / wrappers */
.mt-shop-hero{background:linear-gradient(120deg,var(--mt-blue),var(--mt-blue-2));padding:26px 0}
.mt-shop-hero .mt-crumbs a{color:#dbe4f0}
.mt-shop-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:30px;padding-top:28px;padding-bottom:70px}
.mt-shop-sidebar{font-size:14px}
.mt-shop-sidebar .widget{margin-bottom:26px}
.mt-shop-sidebar .widget-title{font-size:16px;border-bottom:2px solid var(--mt-line);padding-bottom:8px;margin-bottom:12px}
.mt-shop-sidebar ul{list-style:none;padding:0;margin:0}
.mt-shop-sidebar ul li{margin-bottom:7px}
.mt-shop-sidebar ul.children{padding-left:14px}
.mt-shop-main{min-width:0}
.mt-shop-heading{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:10px;margin-bottom:8px}
.mt-shop-title{font-size:30px;margin:0}
.woocommerce-result-count{color:var(--mt-gray);font-size:14px}
.woocommerce-ordering select{width:auto;margin:0}

/* archive grid of products from WooCommerce loop */
ul.products{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:20px}
ul.products li.product{margin:0!important;background:#fff;border:1px solid var(--mt-line);border-radius:12px;overflow:hidden;position:relative;padding:0!important;display:flex;flex-direction:column;transition:.2s;text-align:left!important;float:none!important;width:auto!important;flex:1 1 calc(25% - 20px)}
ul.products li.product:hover{box-shadow:var(--mt-shadow)}
ul.products li.product a img{margin:0!important;width:100%;height:190px;object-fit:cover;background:linear-gradient(#f8fafc,#eef1f6)}
ul.products li.product .onsale{display:none}
ul.products li.product h2.woocommerce-loop-product__title{font-size:15px;padding:10px 14px 4px!important;color:var(--mt-blue);margin:0;line-height:1.35}
ul.products li.product .price{display:block;padding:0 14px;font-size:19px;font-weight:800;color:var(--mt-ink);margin-top:2px}
ul.products li.product .price del{color:var(--mt-gray);font-size:14px;font-weight:500;opacity:.7}
ul.products li.product .price ins{text-decoration:none}
ul.products li.product .button,.woocommerce #respond input#submit,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{background:var(--mt-blue);color:#fff;border-radius:6px;font-weight:700;margin:12px 14px!important}
ul.products li.product .button:hover,.woocommerce a.button:hover{background:var(--mt-red);color:#fff}
ul.products li.product .added_to_cart{margin:0 0 14px 14px;color:var(--mt-red);font-weight:600}

/* single product */
div.product .woocommerce-product-gallery{margin-bottom:20px}
div.product .woocommerce-product-gallery img{border-radius:12px}
.product_title{font-size:30px}
.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--mt-red);font-size:26px;font-weight:800}
.woocommerce div.product p.price del{color:var(--mt-gray);font-weight:500;font-size:19px;opacity:.8}
.woocommerce div.product p.price ins{text-decoration:none}
.woocommerce div.product form.cart .quantity{float:none;margin-bottom:10px}
.woocommerce div.product form.cart .qty{width:70px;height:48px}
.single_add_to_cart_button{background:var(--mt-red)!important;padding:16px 28px!important;height:auto!important;font-weight:800}
.single_add_to_cart_button:hover{background:var(--mt-red-dark)!important}
.woocommerce div.product div.woocommerce-tabs{background:#fff;border:1px solid var(--mt-line);border-radius:12px;padding:20px}
.woocommerce div.product .product_meta{border-top:1px solid var(--mt-line);padding-top:14px;margin-top:14px;font-size:14px;color:var(--mt-gray)}
.woocommerce div.product .product_meta .sku{color:var(--mt-blue)}
.stock.in-stock{color:var(--mt-green);font-weight:700}
.woocommerce-product-details__short-description{color:#2c3a4c;margin:14px 0}

/* sale / buttons on single */
div.product .onsale,.single-product .onsale{position:static;display:inline-block;background:var(--mt-red);color:#fff;padding:4px 10px;border-radius:4px;font-weight:800;font-size:12px;margin-bottom:10px}

/* related products */
.related.products h2,.up-sells h2{font-size:24px;margin:30px 0 10px}

/* messages */
.woocommerce-message,.woocommerce-info,.woocommerce-error{border-top-color:var(--mt-red);background:#f6f8fb;border-radius:8px}
.woocommerce-message::before,.woocommerce-info::before{color:var(--mt-red)}
.woocommerce-message .button,.woocommerce-info .button{background:var(--mt-blue)}

/* cart */
.woocommerce-cart .woocommerce{max-width:1100px;margin:0 auto;padding-top:30px}
.woocommerce table.shop_table{border:1px solid var(--mt-line);border-radius:12px;overflow:hidden}
.woocommerce table.shop_table th{background:#eef1f6;font-weight:700}
.woocommerce-cart table.cart td.actions .coupon .input-text{width:150px;height:46px;margin:0}
.cart-collaterals .cart_totals{border:1px solid var(--mt-line);border-radius:12px;padding:20px}
.woocommerce #respond input#submit.alt,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt{background:var(--mt-red)}
.woocommerce #respond input#submit.alt:hover,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,.woocommerce input.button.alt:hover{background:var(--mt-red-dark);color:#fff}
a.remove{color:var(--mt-red)!important}

/* checkout */
.woocommerce-checkout .woocommerce{max-width:1100px;margin:0 auto;padding-top:30px}
#add_payment_method #payment,.woocommerce-checkout #payment{background:#f6f8fb;border-radius:12px}
#add_payment_method #payment div.payment_box,.woocommerce-checkout #payment div.payment_box{background:#e9edf4}
.woocommerce form .form-row label{font-weight:600;font-size:14px}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea{border:1px solid var(--mt-line);border-radius:var(--mt-radius);padding:11px}
.woocommerce-checkout #place_order{width:100%;padding:16px}

/* my account */
.woocommerce-account .woocommerce{max-width:1100px;margin:0 auto;padding-top:30px}
.woocommerce-MyAccount-navigation{background:#fff;border:1px solid var(--mt-line);border-radius:12px;overflow:hidden}
.woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0}
.woocommerce-MyAccount-navigation li a{display:block;padding:12px 18px;border-bottom:1px solid var(--mt-line);color:var(--mt-blue);font-weight:600}
.woocommerce-MyAccount-navigation li.is-active a,.woocommerce-MyAccount-navigation li a:hover{background:var(--mt-blue);color:#fff}
.woocommerce-account h2,.woocommerce-account h3{color:var(--mt-blue)}

/* pagination */
.woocommerce nav.woocommerce-pagination ul{border:none}
.woocommerce nav.woocommerce-pagination ul li{border:none}
.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{border:1px solid var(--mt-line);border-radius:6px;margin:0 3px;padding:8px 12px;font-weight:600}
.woocommerce nav.woocommerce-pagination ul li span.current{background:var(--mt-blue);color:#fff}
.woocommerce nav.woocommerce-pagination ul li a:hover{background:var(--mt-red);color:#fff}

/* widgets filter / price */
.woocommerce .widget_price_filter .ui-slider .ui-slider-range{background:var(--mt-red)}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{background:var(--mt-blue)}

/* responsive */
@media(max-width:1100px){
  ul.products li.product{flex:1 1 calc(33.333% - 20px)}
}
@media(max-width:900px){
  .mt-shop-layout{grid-template-columns:1fr}
  .mt-shop-sidebar{display:none}
  ul.products li.product{flex:1 1 calc(50% - 20px)}
}
@media(max-width:560px){
  ul.products li.product{flex:1 1 100%}
}