/* Colour variables */
:root {
	--header-bg: #000;
}
/* End colour variables */

/* Hides Parent Account number on My Account Menu */
body > div.customertools.new.open > div > div.switch-account-new.small.hidden > table > tbody > tr:nth-child(3) > td:nth-child(1) {
    display: none;
}
body > div.customertools.new.open > div > div.switch-account-new.small.hidden > table > tbody > tr:nth-child(3) > td:nth-child(2) {
    display: none;
}

/* Hides User ID on profile page */
span.id-card {
    display: none
}

/* Hides Test menu option except for label:  */
li.menuitem.pointer.MRO.active {
    display: none;
}
body.ex-l-2279.li.menuitem.pointer.MRO.active {
    display: block;
}

/* Hides cart message out of stock  */
.alert.alert-warning.main-out-stock-warning.delivery {
    display: none
}

/*
.live-inventory-v2-add-to-cart-wrapper {
  width: calc(100% - 45px);
  max-width: none;
}

.live-inventory-v2-wrapper {
  white-space: normal;
  margin: 5px 0;
  text-align: left;
}

.softgraybackground  .live-inventory-v2-wrapper {
   text-align: center;
}

.catalog-grid .tile .footer button.btn-primary {
  width: 100%;
}

/* Hides Advanced User Settings  */
body > div.page-content > section > div.myaccount-title > div > div.col-md-8 > ul > li:nth-child(2) {
    display: none;
}
#approverInfo > div:nth-child(5) {
    display: none;
}
#approverInfo > div:nth-child(6) {
    display: none;
}
#approverInfo > div:nth-child(8) {
    display: none;
}
#aBudgets {
    display: none;
}
#aApprovers {
    display: none;
}

.ex-searchresult .footer-wrapper-price .has-price .label,
.ex-category .footer-wrapper-price .has-price .label,
.ex-searchresult .product-shopping-actions-prices .has-price .label,
.ex-category .product-shopping-actions-prices .has-price .label {
  order: 2;
  display: flex;
  align-items: center;
  padding: 3px 9px;
  color: #fff;
  border-radius: 2px;
  background-color: #cc0019;
  font-size: 0.6em;
  font-weight: 700;
}

.ex-searchresult .footer-wrapper-price .has-price .label::before,
.ex-category .footer-wrapper-price .has-price .label::before,
.ex-searchresult .product-shopping-actions-prices .has-price .label::before,
.ex-category .product-shopping-actions-prices .has-price .label::before {
  margin-right: 5px;
}

/* Hides Internal Order Notes from Orders and Invoices  */
#orderView > section > div:nth-child(6) > div.col-lg-12 > div > table > tbody > tr:nth-child(2) {
    display: none;
}

/* Hides Tax Analysis from Orders Page  */
#orderView > section > div:nth-child(8) > div:nth-child(1) > div {
    display: none;
}

/* Hide terms from orders page */
.ex-order section.myorderview #order-top .customer-orders-terms,
.ex-order section.myorderview #order-top .customer-orders-route,
.ex-order section.myorderview #order-top .customer-orders-salesperson {
  display: none;
}

/* Orders Page Top Notes */
body > div.page-content > section.myorders > div.row.tab-content:before {
content: "Click on an order number to start a return.";
font-size: 20px;
font-weight: bold;
display: block;
color: #a6302a;
padding: 0 15px ;
}

#orderView > section > div:nth-child(7):before {
   content: "If the return option isn’t displaying, the order may be beyond the returnable date.";
    font-size: 22px; /
  font-weight: bold;
    display: block;
}
#orderView > section > div:nth-child(7):before {
    color: #a6302a;
}

#returnForm > div > div > div.modal-body > p:before {
   content: "Non-returnable items will not display – contact customer service for help.";
    font-size: 22px; /
  font-weight: bold;
    display: block;
}
#returnForm > div > div > div.modal-body > p:before {
    color: #a6302a;
}

/* Hides Terms on Account Details page */
body > div.page-content > section > div.row.tab-content > div:nth-child(2) > div:nth-child(2) > div > table > tbody > tr:nth-child(3) > td {
    display: none
}

/* ===== WD Division Hero (promo card) ===== */
.wd-hero {
  display: flex;
  align-items: stretch;
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 4px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 1px 4px rgba(0,0,0,.08);
}
.wd-hero-text {
  flex: 1 1 58%;
  padding: 32px 36px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.wd-hero-title {
  margin: 0 0 10px;
  color: #000;
  font-weight: 700;
  font-size: 34px;
  line-height: 1.15;
}
.wd-hero-subtitle {
  margin: 0 0 16px;
  color: #cc0019;
  font-weight: 700;
  font-size: 19px;
}
.wd-hero-body {
  color: #333;
  font-size: 16px;
  line-height: 1.55;
}
.wd-hero-body p { margin: 0 0 12px; }
.wd-hero-media {
  position: relative;
  flex: 1 1 42%;
  min-height: 200px;
}
.wd-hero-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.wd-hero-btn {
  position: absolute;
  right: 18px;
  bottom: 22px;
  padding: 12px 20px;
  background: #cc0019;
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  text-decoration: none;
  border-radius: 3px;
  box-shadow: 0 2px 6px rgba(0,0,0,.25);
}
.wd-hero-btn:hover { background: #a6000f; color: #fff; }

@media (max-width: 768px) {
  .wd-hero { flex-direction: column; }
  .wd-hero-media { min-height: 150px; }
}


/* ===== WD flexible stacked banner (background style) ===== */
.wd-banner {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  min-height: 120px;          /* floor, not a fixed height — grows to fit */
  margin-bottom: 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-size: cover;
  background-position: center;
  border-radius: 4px;
}
.wd-banner-overlay { position: absolute; inset: 0; pointer-events: none; }
.wd-banner-content {
  position: relative;
  z-index: 2;
  box-sizing: border-box;
  padding: 12px 16px;
}
.wd-banner-content h1,
.wd-banner-content h2,
.wd-banner-content h3 { margin: 0 0 4px; font-size: 16px; line-height: 1.15; }
.wd-banner-content p   { margin: 0 0 8px; font-size: 12px; line-height: 1.25; }
.wd-banner .nButton    { align-self: flex-start; padding: 5px 12px; font-size: 12px; }

/* ===== WD stacked banner (side image) ===== */
.wd-banner-side {
  display: flex;
  align-items: stretch;       /* image fills the now-flexible height */
  gap: 14px;
  box-sizing: border-box;
  min-height: 120px;          /* floor, not a fixed height */
  margin-bottom: 12px;
  overflow: hidden;
  padding: 12px 16px;
  border-radius: 4px;
}
.wd-banner-side-content {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.wd-banner-side-content h1,
.wd-banner-side-content h2,
.wd-banner-side-content h3 { margin: 0 0 4px; font-size: 16px; line-height: 1.15; }
.wd-banner-side-content p   { margin: 0 0 8px; font-size: 12px; line-height: 1.25; }
.wd-banner-side .nButton    { padding: 5px 12px; font-size: 12px; }
.wd-banner-side-img { flex: 0 0 90px; }   /* height comes from stretch */
.wd-banner-side-img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px;
}
.wd-banner-side-img {
  flex: 0 0 auto;
  display: flex;
  align-items: center;       /* centers the image vertically */
  justify-content: center;
}
.wd-banner-side-img img {
  display: block;
  width: 90px;               /* fixed size — won't grow with the banner */
  height: auto;              /* keeps the image's aspect ratio */
  max-height: 100%;          /* safety cap so it can't exceed the banner */
  border-radius: 4px;
}