/*
 * Additions the shared chrome (_Layout.cshtml) needs on top of the design's style.css:
 * the basket link with its live counter, and the newsletter note colours.
 */

/* Basket link in the header */
.ip-navbar .ip-cart-link {
  position: relative;
  display: inline-flex;
  align-items: center;
  color: inherit;
  font-size: 1.15rem;
  line-height: 1;
  text-decoration: none;
}
.ip-navbar .ip-cart-link:hover {
  color: #1f7a63;
}
.ip-navbar .ip-cart-count {
  position: absolute;
  top: -8px;
  right: -10px;
  min-width: 17px;
  height: 17px;
  padding: 0 4px;
  border-radius: 10px;
  background: #1f7a63;
  color: #fff;
  font-size: 10px;
  font-weight: 600;
  line-height: 17px;
  text-align: center;
}
body.dark .ip-navbar .ip-cart-link {
  color: #e5e7eb;
}
body.dark .ip-navbar .ip-cart-link:hover {
  color: #56c596;
}

/* A mega-menu top-level item may now be a real link; keep the design's pointer behaviour either way */
.ip-navbar .mega-dropdown > .nav-link {
  cursor: pointer;
}

/* Footer link columns wrap cleanly when the administrator adds more than the design's two */
.Footer .footer-links a {
  overflow-wrap: anywhere;
}