/* Fixes the overlap of buttons in the sidebar in the cart by making them full width, triplicate .class is intentional to achieve higher specificity than the pp checkout styles. */
#ppc-cart-horizontal-container#ppc-cart-horizontal-container .ppc-standalone-buttons.ppc-standalone-buttons.ppc-standalone-buttons {
  max-width: 100%;
  flex: 0 0 100%;
  padding: 0 ($grid-gutter-width / 2);
}

/* This overrides the inline classes pr-3 and pl-3 in the cart that get applied if there is just one button. We have to use important here because JTL uses inline classes with important as well. */
#ppc-cart-horizontal-container:has(.ppc-standalone-buttons:first-child:last-child) {
  padding-left: 0!important;
  padding-right: 0!important;
}

/* Fixes the inset of the to paypal button when displayed in the checkout process */
#ppc-orderProcess-horizontal-container {
  padding-left: 0!important;
  padding-right: 0!important;
}

/* Fixes the "lonely" display of a single paypal button on the detail page if there is just one */
#productDetails-ppc-paypal-standalone-button#productDetails-ppc-paypal-standalone-button:first-child:last-child {
  max-width: 100%;
  flex: 0 0 100%;
  padding: 0 ($grid-gutter-width / 2);
}

/* Fixes grid breaking CSS in the paypal plugin for the mini cart */
#ppc-miniCart-horizontal-container#ppc-miniCart-horizontal-container .ppc-standalone-buttons:last-of-type,
#ppc-miniCart-horizontal-container#ppc-miniCart-horizontal-container .ppc-standalone-buttons:first-of-type {
  padding-left: ($grid-gutter-width / 2);
  padding-right: ($grid-gutter-width / 2);
}
/* Fixes the *row* having its margin removed by using initial instead of the correct values. */
#ppc-cart-horizontal-container#ppc-cart-horizontal-container {
  margin-left: ($grid-gutter-width / -2);
  margin-right: ($grid-gutter-width / -2);
}

/* Fixes the superfluous inline classes in the mini cart */
#ppc-miniCart-horizontal-container {
  padding-left: 0!important;
  padding-right: 0!important;
}