@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//mbssafetytools.com/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.0.3") format("woff2");
}

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//mbssafetytools.com/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//mbssafetytools.com/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//mbssafetytools.com/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//mbssafetytools.com/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//mbssafetytools.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//mbssafetytools.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//mbssafetytools.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//mbssafetytools.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-text-font: "Hind", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 14px;
	--wd-title-font: "Palanquin Dark", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 400;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Palanquin Dark", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 400;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Palanquin Dark", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 400;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Hind", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 600;
	--wd-header-el-transform: none;
	--wd-header-el-font-size: 13px;
	--wd-primary-color: rgb(238,26,40);
	--wd-alternative-color: #fbbc34;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(255,94,43);
	--btn-accented-bgcolor-hover: rgb(236,87,39);
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: url(https://mbssafetytools.com/wp-content/uploads/2021/10/tools-popup.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	--wd-popup-width: 800px;
	--wd-popup-padding: 15px;
}
:is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg, :is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg :is(.wd-product,.wd-cat) {
	--wd-prod-bg:rgb(255,255,255);
	--wd-bordered-bg:rgb(255,255,255);
}
.woodmart-woocommerce-layered-nav .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title {
	background-color: rgb(22,27,137);
	background-image: url(https://mbssafetytools.com/wp-content/uploads/2021/10/tools-page-title.jpg);
	background-size: cover;
	background-position: center center;
}
.wd-footer {
	background-color: rgba(1,75,143,0);
	background-image: none;
}
.page .wd-page-content {
	background-color: rgb(248,248,248);
	background-image: none;
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}
:root{
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-bottom-active: -1px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
--btn-accented-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
--wd-brd-radius: 0px;
--wd-cat-brd-radius: 12px;
}



.sticky {
    position: sticky;
    top: 100px;
    align-self: flex-start;
    height: fit-content;
    transition: top 0.2s ease;
}

@media (max-width: 1024px) {
    .sticky {
        position: relative;
        top: 0;
    }
}

/* Cinematic Slow Scale on Hover */

.fixed{
	
	background-attachment: fixed;
}

/* ============================================================
   MBS SAFETY TOOLS — Order Received / Thank You Page
   Complete premium styling
   ============================================================ */

.woocommerce-order{
  max-width: 800px;
  margin: 0 auto;
  padding: 20px 0 60px;
}

/* ===== Thank You message box ===== */
.woocommerce-order > .woocommerce-notice,
.woocommerce-thankyou-order-received{
  display: block;
  text-align: center;
  background: #ffffff;
  border: 1px solid #E0E0E0;
  border-left: 4px solid #22C55E;
  border-radius: 12px;
  padding: 32px 24px;
  margin-bottom: 30px;
  font-size: 20px;
  font-weight: 700;
  color: #171717;
}

.woocommerce-thankyou-order-received::before{
  content: "✓";
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  margin: 0 auto 16px;
  background: #22C55E;
  color: #fff;
  border-radius: 50%;
  font-size: 28px;
  font-weight: 900;
}

/* ===== Order summary (Order#, Date, Total, Payment method) ===== */
.woocommerce-order-overview{
  display: grid !important;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  list-style: none !important;
  padding: 24px !important;
  margin: 0 0 30px !important;
  background: #F5F6F8;
  border-radius: 12px;
}

.woocommerce-order-overview li{
  text-align: center;
  border: none !important;
  padding: 0 !important;
  font-size: 13px;
  color: #6f6f6f;
}

.woocommerce-order-overview li strong{
  display: block;
  margin-top: 6px;
  font-size: 16px;
  font-weight: 800;
  color: #171717;
}

/* ===== Payment instructions paragraphs ===== */
.woocommerce-order > p{
  background: #FFF3F3;
  border-left: 4px solid #ED1C24;
  border-radius: 8px;
  padding: 18px 22px;
  font-size: 14px;
  line-height: 1.8;
  color: #444;
  margin-bottom: 16px;
}

/* ===== Section headings (Order Details, etc.) ===== */
.woocommerce-order h2{
  font-size: 18px;
  font-weight: 800;
  color: #171717;
  margin: 36px 0 18px;
  padding-bottom: 10px;
  border-bottom: 2px solid #ED1C24;
  display: inline-block;
}

/* ===== Bank Details card ===== */
.woocommerce-bacs-bank-details{
  background: #ffffff;
  border: 1px solid #E0E0E0;
  border-radius: 12px;
  padding: 30px 32px;
  margin: 0 0 30px;
}

.woocommerce-bacs-bank-details h2{
  font-size: 18px;
  font-weight: 800;
  color: #171717;
  margin: 0 0 20px;
  padding-bottom: 12px;
  border-bottom: 2px solid #ED1C24;
  display: inline-block;
}

.woocommerce-bacs-bank-details h3{
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .5px;
  color: #ED1C24;
  margin: 0 0 16px;
}

.woocommerce-bacs-bank-details table.bacs_details,
.woocommerce-bacs-bank-details table{
  width: 100%;
  border-collapse: collapse;
}

.woocommerce-bacs-bank-details table tr{
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #F0F0F0;
}

.woocommerce-bacs-bank-details table tr:last-child{
  border-bottom: none;
}

.woocommerce-bacs-bank-details table th,
.woocommerce-bacs-bank-details table td{
  border: none !important;
  padding: 14px 0;
}

.woocommerce-bacs-bank-details table th{
  width: 160px;
  flex-shrink: 0;
  text-align: left;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .5px;
  color: #9a9a9a;
}

.woocommerce-bacs-bank-details table td{
  flex: 1;
  text-align: left;
  font-size: 15px;
  font-weight: 700;
  color: #171717;
}

/* ===== Order products table ===== */
.woocommerce-table--order-details{
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 30px;
  background: #fff;
  border: 1px solid #E0E0E0;
  border-radius: 12px;
  overflow: hidden;
}

.woocommerce-table--order-details thead th{
  background: #171717;
  color: #fff;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .5px;
  padding: 14px 20px;
  text-align: left;
}

.woocommerce-table--order-details td{
  padding: 14px 20px;
  border-bottom: 1px solid #F0F0F0;
  font-size: 14px;
  color: #333;
}

.woocommerce-table--order-details tfoot th,
.woocommerce-table--order-details tfoot td{
  font-weight: 700;
  color: #171717;
}

/* ===== Billing address card ===== */
.woocommerce-customer-details address{
  background: #F5F6F8;
  border-radius: 12px;
  padding: 20px 24px;
  font-style: normal;
  line-height: 1.8;
  color: #444;
}

/* ===== Mobile responsive ===== */
@media (max-width: 767px){
  .woocommerce-order-overview{
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 560px){
  .woocommerce-bacs-bank-details table tr{
    flex-direction: column;
    padding: 10px 0;
  }
  .woocommerce-bacs-bank-details table th{
    width: 100%;
    margin-bottom: 4px;
  }
}

/* ===== Order Details — clean premium layout ===== */

.woocommerce-order .woocommerce-order-details{
  margin-top: 36px;
}

.woocommerce-order .woocommerce-order-details h2{
  font-size: 18px;
  font-weight: 800;
  color: #171717;
  margin: 36px 0 18px;
  padding-bottom: 10px;
  border-bottom: 2px solid #ED1C24;
  display: inline-block;
}

/* Table */
.woocommerce-order .woocommerce-table--order-details{
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  margin: 0 0 30px;
  background: #fff;
  border: 1px solid #E0E0E0;
  border-radius: 12px;
  overflow: hidden;
}

/* Header */
.woocommerce-order .woocommerce-table--order-details thead th{
  background: #171717;
  color: #fff;
  padding: 15px 20px;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .5px;
  border: 0;
}

.woocommerce-order .woocommerce-table--order-details thead th:first-child{
  border-radius: 11px 0 0 0;
}

.woocommerce-order .woocommerce-table--order-details thead th:last-child{
  border-radius: 0 11px 0 0;
}

/* Product rows */
.woocommerce-order .woocommerce-table--order-details tbody td{
  padding: 18px 20px;
  font-size: 14px;
  color: #333;
  border-bottom: 1px solid #F0F0F0;
  vertical-align: middle;
}

/* Product name */
.woocommerce-order .woocommerce-table--order-details tbody td:first-child{
  font-weight: 600;
  color: #171717;
}

/* Price */
.woocommerce-order .woocommerce-table--order-details td.product-total{
  text-align: right;
  font-weight: 700;
  color: #ED1C24;
}

/* Footer rows */
.woocommerce-order .woocommerce-table--order-details tfoot th,
.woocommerce-order .woocommerce-table--order-details tfoot td{
  padding: 15px 20px;
  border-bottom: 1px solid #F0F0F0;
  font-size: 14px;
  color: #171717;
}

.woocommerce-order .woocommerce-table--order-details tfoot tr:last-child th,
.woocommerce-order .woocommerce-table--order-details tfoot tr:last-child td{
  border-bottom: 0;
}

/* Total */
.woocommerce-order .woocommerce-table--order-details tfoot tr:last-child th{
  font-size: 18px;
  font-weight: 800;
}

.woocommerce-order .woocommerce-table--order-details tfoot tr:last-child td{
  font-size: 20px;
  font-weight: 800;
  color: #ED1C24;
  text-align: right;
}

/* ===== Mobile ===== */
@media (max-width: 767px){

  .woocommerce-order .woocommerce-table--order-details{
    font-size: 13px;
  }

  .woocommerce-order .woocommerce-table--order-details thead th,
  .woocommerce-order .woocommerce-table--order-details tbody td,
  .woocommerce-order .woocommerce-table--order-details tfoot th,
  .woocommerce-order .woocommerce-table--order-details tfoot td{
    padding: 12px 14px;
  }

  .woocommerce-order .woocommerce-table--order-details tfoot tr:last-child th{
    font-size: 16px;
  }

  .woocommerce-order .woocommerce-table--order-details tfoot tr:last-child td{
    font-size: 17px;
  }
}
/* ============================================================
   MBS SAFETY TOOLS — PREMIUM SIDE CART
   WoodMart / WooCommerce Mini Cart
   Scoped ONLY to the cart drawer
   ============================================================ */


/* ============================================================
   1. CART DRAWER
   ============================================================ */

.cart-widget-side,
.wd-side-hidden.cart-widget-side {
    width: 410px;
    max-width: 92vw;
    background: #ffffff;
    box-shadow: -12px 0 40px rgba(0,0,0,.12);
}


/* ============================================================
   2. CART HEADER
   ============================================================ */

.cart-widget-side .wd-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;

    padding: 24px 26px 20px;
    margin: 0;

    border-bottom: 1px solid #eeeeee;

    font-size: 20px;
    font-weight: 800;
    color: #171717;
}

.cart-widget-side .wd-heading .close-side {
    font-size: 14px;
    font-weight: 600;
    color: #555555;

    transition: color .25s ease;
}

.cart-widget-side .wd-heading .close-side:hover {
    color: #ED1C24;
}


/* ============================================================
   3. CART CONTENT AREA
   ============================================================ */

.cart-widget-side .widget_shopping_cart {
    padding: 0 24px;
}

.cart-widget-side .widget_shopping_cart_content {
    padding-top: 8px;
}


/* ============================================================
   4. PRODUCT ITEM
   ============================================================ */

.cart-widget-side .woocommerce-mini-cart-item,
.cart-widget-side .widget_shopping_cart .cart_list li {
    position: relative;

    display: grid;
    grid-template-columns: 76px minmax(0, 1fr);
    column-gap: 15px;

    align-items: center;

    padding: 18px 0;

    margin: 0;

    border-bottom: 1px solid #eeeeee;
}


/* ============================================================
   5. PRODUCT IMAGE
   ============================================================ */

.cart-widget-side .woocommerce-mini-cart-item img,
.cart-widget-side .widget_shopping_cart .cart_list li img {

    width: 76px !important;
    height: 76px !important;

    min-width: 76px;
    min-height: 76px;

    max-width: 76px !important;
    max-height: 76px !important;

    object-fit: contain;

    background: #f8f9fa;

    border: 1px solid #eeeeee;
    border-radius: 10px;

    padding: 7px;

    margin: 0 !important;
}


/* ============================================================
   6. PRODUCT INFORMATION
   ============================================================ */

.cart-widget-side .woocommerce-mini-cart-item > a:not(.remove),
.cart-widget-side .widget_shopping_cart .cart_list li > a:not(.remove) {

    display: block;

    padding-right: 28px;

    margin: 0 0 7px;

    font-size: 14px;
    line-height: 1.45;

    font-weight: 650;

    color: #222222;

    text-decoration: none;

    transition: color .2s ease;
}

.cart-widget-side .woocommerce-mini-cart-item > a:not(.remove):hover,
.cart-widget-side .widget_shopping_cart .cart_list li > a:not(.remove):hover {
    color: #ED1C24;
}


/* ============================================================
   7. QUANTITY + PRICE
   ============================================================ */

.cart-widget-side .quantity {

    display: block;

    margin: 0;

    font-size: 13px;

    line-height: 1.5;

    color: #777777;
}

.cart-widget-side .quantity .amount {

    color: #ED1C24;

    font-size: 14px;

    font-weight: 750;
}


/* ============================================================
   8. REMOVE PRODUCT BUTTON
   ============================================================ */

.cart-widget-side .woocommerce-mini-cart-item .remove,
.cart-widget-side .widget_shopping_cart .cart_list li .remove {

    position: absolute;

    top: 17px;
    right: 0;

    width: 24px;
    height: 24px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #f5f5f5;

    color: #777777 !important;

    font-size: 15px;
    font-weight: 500;

    text-decoration: none;

    transition:
        background .2s ease,
        color .2s ease;
}

.cart-widget-side .woocommerce-mini-cart-item .remove:hover,
.cart-widget-side .widget_shopping_cart .cart_list li .remove:hover {

    background: #ED1C24;

    color: #ffffff !important;
}


/* ============================================================
   9. CART FOOTER / SUBTOTAL
   ============================================================ */

.cart-widget-side .shopping-cart-widget-footer {

    padding: 20px 0 24px;

    border-top: 0;
}


/* Subtotal */

.cart-widget-side .shopping-cart-widget-footer .total,
.cart-widget-side .widget_shopping_cart .total {

    display: flex;

    align-items: center;
    justify-content: space-between;

    padding: 16px 0;

    margin: 0;

    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;

    font-size: 15px;

    font-weight: 700;

    color: #222222;
}

.cart-widget-side .shopping-cart-widget-footer .total strong,
.cart-widget-side .widget_shopping_cart .total strong {

    font-weight: 700;
}

.cart-widget-side .shopping-cart-widget-footer .amount,
.cart-widget-side .widget_shopping_cart .total .amount {

    color: #ED1C24;

    font-size: 17px;

    font-weight: 800;
}


/* ============================================================
   10. BUTTON AREA
   ============================================================ */

.cart-widget-side .shopping-cart-widget-footer .buttons,
.cart-widget-side .widget_shopping_cart .buttons {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 10px;

    margin-top: 18px;

    padding: 0;
}


/* ============================================================
   11. ALL BUTTONS
   ============================================================ */

.cart-widget-side .shopping-cart-widget-footer .buttons a,
.cart-widget-side .widget_shopping_cart .buttons a {

    display: flex;

    align-items: center;
    justify-content: center;

    min-height: 48px;

    padding: 12px 14px;

    border-radius: 7px;

    font-size: 13px;

    font-weight: 750;

    letter-spacing: .15px;

    text-transform: none;

    text-decoration: none;

    transition:
        background .25s ease,
        border-color .25s ease,
        color .25s ease,
        transform .2s ease;
}


/* ============================================================
   12. VIEW CART
   ============================================================ */

.cart-widget-side .shopping-cart-widget-footer .buttons .btn-cart,
.cart-widget-side .widget_shopping_cart .buttons .wc-forward:not(.checkout) {

    background: #ffffff;

    color: #171717 !important;

    border: 1px solid #dcdcdc;
}

.cart-widget-side .shopping-cart-widget-footer .buttons .btn-cart:hover,
.cart-widget-side .widget_shopping_cart .buttons .wc-forward:not(.checkout):hover {

    background: #171717;

    border-color: #171717;

    color: #ffffff !important;

    transform: translateY(-1px);
}


/* ============================================================
   13. CHECKOUT
   ============================================================ */

.cart-widget-side .shopping-cart-widget-footer .buttons .checkout,
.cart-widget-side .widget_shopping_cart .buttons .checkout {

    background: #ED1C24;

    color: #ffffff !important;

    border: 1px solid #ED1C24;
}

.cart-widget-side .shopping-cart-widget-footer .buttons .checkout:hover,
.cart-widget-side .widget_shopping_cart .buttons .checkout:hover {

    background: #c81017;

    border-color: #c81017;

    color: #ffffff !important;

    transform: translateY(-1px);
}


/* ============================================================
   14. EMPTY CART
   ============================================================ */

.cart-widget-side .cart-empty {

    padding: 60px 20px;

    text-align: center;

    font-size: 14px;

    color: #777777;
}


/* ============================================================
   15. MOBILE
   ============================================================ */

@media (max-width: 600px) {

    .cart-widget-side,
    .wd-side-hidden.cart-widget-side {

        width: 100%;
        max-width: 100%;
    }

    .cart-widget-side .wd-heading {

        padding: 20px;
    }

    .cart-widget-side .widget_shopping_cart {

        padding: 0 18px;
    }

    .cart-widget-side .woocommerce-mini-cart-item,
    .cart-widget-side .widget_shopping_cart .cart_list li {

        grid-template-columns: 68px minmax(0, 1fr);

        column-gap: 12px;

        padding: 15px 0;
    }

    .cart-widget-side .woocommerce-mini-cart-item img,
    .cart-widget-side .widget_shopping_cart .cart_list li img {

        width: 68px !important;
        height: 68px !important;

        min-width: 68px;
        min-height: 68px;

        max-width: 68px !important;
        max-height: 68px !important;
    }

    .cart-widget-side .shopping-cart-widget-footer .buttons,
    .cart-widget-side .widget_shopping_cart .buttons {

        grid-template-columns: 1fr;
    }
}