/* Display fixes, in a file of their own: see the enqueue in functions.php. */

/* #region FOOTER */
.my-footer-legal-links {
  margin-bottom: 1rem !important;
  text-align: center;
}
.my-footer-legal-links a {
  color: inherit;
  text-decoration: none;
}
.my-footer-legal-links a:hover {
  color: var(--my-orange);
}
/* #endregion */

/* #region HOMEPAGE */
/* The H1 is wider than the group it sits in (full width): it must not touch the edges of a phone */
@media (max-width: 767px) {
  html body.home h1.alignfull {
    font-size: 2.4rem !important;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}
/* #endregion */

/* #region SMART SLIDER */
/* Mobile: the slide indicators cover the product at the bottom of the image */
@media (max-width: 767px) {
  .n2-ss-control-bullet {
    transform: scale(0.6);
    transform-origin: bottom center;
  }
}
/* #endregion */

/* #region PRODUCT PAGE */
/* Table of the vario sounds: its audio players do not shrink, the page scrolled sideways on mobile (long German labels) */
table.table-sound {
  display: block;
  max-width: 100%;
  overflow-x: auto;
}
/* #endregion */

/* #region CART */
/* Same look as the other titles of the page (WooCommerce: black capitals) */
html body .wc-block-cart__totals-title {
  color: var(--my-orange) !important;
  text-transform: none !important;
}

/* Empty cart, "New in store": same product titles as the other lists */
.wc-block-grid__product-title {
  font-size: 1rem !important;
}
.wc-block-grid__product-link {
  text-decoration: none !important;
}
/* #endregion */

/* #region CHECKOUT PAGE */
/* Order summary: the product name is a heading, which got the large handwritten font of all titles */
html body .wc-block-components-order-summary-item .wc-block-components-product-name {
  font-family: 'InterVariable', 'Inter', sans-serif !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
}
/* #endregion */