/* ------------------------------------------------------------------
 * The vendor store's contact button (Inbox app), shared theme only.
 *
 * kindshare's style.css gives `.btn-inbox` `width: 100%` everywhere, a
 * rule meant for the listing page's sidebar: on the store's header the
 * button ran the whole page width. Here it takes its label's width.
 *
 * Loaded after the theme and before the tenant's CSS (cssBeforeCustom),
 * at the theme rule's own specificity (`:where()` counts for nothing):
 * a tenant that styled the button, in its custom CSS or its theme
 * files, keeps its rules. Colours are the Inbox settings' inline style.
 * ------------------------------------------------------------------ */
:where(.shop-view .cta-inbox-app) .btn-inbox {
  display: inline-flex;
  width: auto;
  max-width: 100%;
}

/* Small phones: the full width is the comfortable tap target */
@media (max-width: 575px) {
  :where(.shop-view .cta-inbox-app) .btn-inbox {
    display: flex;
    width: 100%;
  }
}