/* PubsMap v2.0.13: uniform actions on the pub details page only.
   Group actions without inheriting the generic white form cards. */
.pub-detail-actions {
  width: min(100%, 720px);
  margin: 18px auto 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
}
.pub-detail-actions > form,
.pub-detail-actions > .pub-detail-actions__button {
  box-sizing: border-box;
  flex: 0 1 calc(50% - 6px);
  width: calc(50% - 6px);
  min-width: 0;
  max-width: calc(50% - 6px);
  margin: 0;
}
.pub-detail-actions > form {
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  padding: 0;
}
.pub-detail-actions .pub-detail-actions__button {
  box-sizing: border-box;
  display: inline-flex;
  width: 100%;
  min-height: 48px;
  margin: 0;
  align-items: center;
  justify-content: center;
  text-align: center;
  white-space: normal;
}
/* The site's existing Back to Map button normally uses a 500px !important width;
   match the two-column buttons instead. */
.page-shell--content > .pub-detail-actions__back {
  box-sizing: border-box;
  width: min(100%, 354px) !important;
  max-width: 100%;
  min-height: 48px;
}
@media (max-width: 600px) {
  .pub-detail-actions > form,
  .pub-detail-actions > .pub-detail-actions__button {
    flex-basis: 100%;
    width: 100%;
    max-width: 100%;
  }
  .page-shell--content > .pub-detail-actions__back {
    width: 100% !important;
  }
}
