.slds-backdrop_open {
  backdrop-filter: blur(3px);
}

lightning-modal-base .slds-modal__content.slds-p-around_medium {
  padding: var(--ats-modal-spacing);
}

lightning-modal-base .slds-modal__close {
  bottom: 0;
  right: 0;
  text-align: right;
  transform: translate(calc(var(--ats-modal-spacing) * -1), calc(var(--ats-modal-spacing) + 100%));
  z-index: 1;
}

lightning-modal-base .slds-modal__close .slds-button_icon {
  color: var(--ats-brand-primary-gray-1);
  padding: 0.375rem;
}

lightning-modal-base .slds-modal__close .slds-button_icon:hover {
  color: var(--ats-brand-primary-gray-0);
}

.slds-modal__header {
  text-align: start;
}

.slds-modal__footer .slds-button+.slds-button {
  margin-inline-start: 1rem;
}

/* Overrides for the b2bPickupDeliveryModal LWC */
.slds-modal__container:has(.b2b-pickup-delivery-modal) {
  margin: 0;
  --ats-modal-spacing: 0;
  --slds-c-modal-header-spacing-block-start: 0;
  --slds-c-modal-header-spacing-inline-end: 0;
  --slds-c-modal-header-spacing-block-end: 0;
  --slds-c-modal-header-spacing-inline-start: 0;
  --slds-c-modal-footer-spacing-block-start: 0;
  --slds-c-modal-footer-spacing-inline-end: 0;
  --slds-c-modal-footer-spacing-block-end: 0;
  --slds-c-modal-footer-spacing-inline-start: 0;

  .slds-modal__close,
  .slds-modal__title {
    display: none; /* Remove default close button and title */
  }
}

.b2b-pickup-delivery-modal {
  .slds-modal__header,
  .slds-modal__footer,
  .slds-modal__container>.slds-modal__content:last-child,
  .slds-modal__content_footless,
  .slds-modal__content_has-hidden-footer {
    border-radius: 0;
  }

  lightning-modal-body {
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow: auto;

    .slds-modal__content {
      max-height: unset !important;
      flex: 1;
    }
  }
}