/* Only the two new booking actions on the services overview. Existing layout stays in its own stylesheet. */
.mm-services-overview .ms-overview-booking,
.mm-services-overview .ms-overview-booking .wp-block-button__link { min-width: 0; max-width: 100%; }
.mm-services-overview .ms-overview-booking .wp-block-button__link::before {
  content: "";
  flex: 0 0 1.05rem;
  width: 1.05rem;
  height: 1.05rem;
  background: currentColor;
  mask: url('../icons/lucide/calendar-days.svg') center/contain no-repeat;
}
.mm-services-overview .ms-overview-booking-notes {
  display: grid;
  gap: .25rem;
  min-width: 0;
  margin-block-start: -.15rem;
}
.mm-services-overview .ms-overview-booking-notes > .msd-booking-note {
  color: var(--ms-text);
  font-size: .8125rem;
  line-height: 1.55;
}
.mm-services-overview .ms-overview-booking-notes > .msd-booking-privacy { margin-block-start: 0; }
.mm-services-overview .ms-overview-booking-actions {
  display: grid;
  gap: .85rem;
  justify-items: start;
  justify-self: end;
  width: max-content;
  max-width: 100%;
  min-width: 0;
  text-align: left;
}
.mm-services-overview .ms-overview-booking-actions .ms-actions { justify-content: start; margin-top: 0; max-width: 100%; }
.mm-services-overview .ms-overview-contact-alternative { font-size: .82rem; line-height: 1.55; }
.mm-services-overview .ms-overview-contact-alternative a {
  display: inline-block;
  padding-block: .2rem;
  color: #dce9f7;
  text-decoration: underline;
  text-decoration-color: #dce9f780;
  text-underline-offset: .25em;
}
.mm-services-overview .ms-overview-contact-alternative a:is(:hover, :focus-visible) { color: #fff; text-decoration-color: currentColor; }
@media (max-width: 760px) {
  .mm-services-overview .ms-overview-booking-actions { justify-self: start; }
}
@media (max-width: 400px) {
  .mm-services-overview .ms-overview-booking-actions { width: 100%; }
}

/* 4px grid gap plus 7px margin gives the contact alternative an 11px separation. */
.mm-services-overview .ms-overview-booking-notes > .msd-contact-link { margin-block-start: 7px; }