/* user.css (override template) -------------------------------------------- */
/* busware-Anpassungen. Aktiver Template-Layer ist "override" (TEMPLATE_SELECTION),
 * daher wird DIESE Datei via styleSheets-Hook eingebunden, nicht default/static/user.css. */

/* Buttons auf Desktop auf Inhaltsbreite statt full-width.
 * Ursache der Vollbreite ist der Bootstrap-5-Wrapper <div class="d-grid">
 * (Ersatz fuer BS4 .btn-block): ein einzelnes Button-Kind wird auf 1fr gestreckt.
 * Ab >=768px stehen Buttons auf Inhaltsbreite (links ausgerichtet). Der Kauf-Funnel
 * bleibt bewusst breit: Add-to-Cart (.btn-buy) + Warenkorb-/Checkout-Seiten
 * (Body-Klasse page-* aus Request::get_page(), gesetzt in template_top.php).
 * Auf Mobile (<768px) bleibt alles full-width (grosse Touch-Ziele). */
@media (min-width: 768px) {
  .d-grid > .btn { justify-self: start; }

  .d-grid > .btn.btn-buy,
  .page-shopping_cart             .d-grid > .btn,
  .page-checkout_shipping         .d-grid > .btn,
  .page-checkout_shipping_address .d-grid > .btn,
  .page-checkout_payment          .d-grid > .btn,
  .page-checkout_payment_address  .d-grid > .btn,
  .page-checkout_confirmation     .d-grid > .btn {
    justify-self: stretch;
  }
}