/**
 * Minicart Checkout CTA — loaded on every storefront page (Hyvä cart drawer).
 *
 * Merchant child themes often put Checkout + View cart on one row with
 * `@click.prevent.stop`. RCP patches `.prevent` in PHP; this file stacks the
 * buttons on small screens without depending on the child Tailwind bundle.
 *
 * Hyvä-only (`#cart-drawer`). Do not target Luma Knockout minicart.
 */

@media (max-width: 767px) {
  #cart-drawer a.rcp-minicart-checkout,
  #cart-drawer a.btn.btn-primary[href*="/checkout"]:not([href*="/checkout/cart"]) {
    display: flex !important;
    box-sizing: border-box;
    width: 100%;
    min-height: 3rem;
    justify-content: center;
    align-items: center;
  }

  #cart-drawer a.rcp-minicart-checkout + span,
  #cart-drawer a.btn.btn-primary[href*="/checkout"]:not([href*="/checkout/cart"]) + span {
    display: none;
  }

  #cart-drawer a[href*="/checkout/cart"] {
    display: flex;
    box-sizing: border-box;
    width: 100%;
    min-height: 2.75rem;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
}