/* 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;
  }
}

/* Kennzeichnung KI-generierter Bilder (EU-KI-VO Art. 50 Abs. 4, ab 02.08.2026).
 * Markup liefert busware_ai::badge(), eingehaengt in tpl_i_adverts.php. Welche
 * Bilder betroffen sind, steht in includes/classes/busware_ai.php — nicht hier.
 *
 * Dezent grau IN das Bild geschrieben (kein Kasten, kein eigener Platz im Fluss):
 * das <li> ist der Bezugsrahmen, das Badge steht ausserhalb des <a>, damit es
 * weder Linktext noch Klickziel ist. Der Textschatten haelt es auf den dunklen
 * Motiven lesbar — Art. 50 verlangt eine klar erkennbare Kennzeichnung. */
.i-adverts .list-group-item { position: relative; }

.busware-ai-badge {
  position: absolute;
  right: .45rem;
  bottom: .3rem;
  z-index: 3;
  color: rgba(255, 255, 255, .6);
  font-size: .65rem;
  line-height: 1.3;
  letter-spacing: .03em;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .85);
  white-space: nowrap;
  pointer-events: none;
}

@media (max-width: 575.98px) {
  .busware-ai-badge { font-size: .6rem; }
}