/* =============================================================================
   No-delivery IP notice - matches notify-when-in-stock / OIP popup modals
   ============================================================================= */

#mbNoShipModal,
#mbOipModalMount #mbNoShipModal {
  --moss-deep: #122418;
  --ink: var(--moss-deep);
  --rule: var(--moss-deep);
  --bone: #f2efe4;
  --paper: #fbf8f0;
  --muted: #6f6a62;
  --hairline: rgba(18, 36, 24, 0.18);
  --serif: 'Nantes-Upright', 'Cormorant Garamond', 'Times New Roman', serif;
  --sans: 'DM Sans', 'Helvetica Neue', Arial, sans-serif;
  --sans-bold: 'DM Sans Bold', 'DM Sans', 'Helvetica Neue', Arial, sans-serif;
  --fs-cap: 0.62rem;
  --tracked: 0.18em;
  --terracotta: #c2613a;
  --mb-no-delivery-width: 460px;
  --mb-no-delivery-pad: 1.2rem;
  box-sizing: border-box;
}

.modal.oip-modal.mb-no-ship-oip .modal-dialog:has(#mbNoShipModal) {
  width: 100% !important;
  max-width: min(var(--mb-no-delivery-width), calc(100vw - 2.5rem)) !important;
  margin: 1.25rem auto !important;
  padding: 1.25rem !important;
}

#mbNoShipModal *,
#mbNoShipModal *::before,
#mbNoShipModal *::after {
  box-sizing: border-box;
}

#mbNoShipModal.mb-no-delivery-modal,
#mbNoShipModal.oip-popup-container {
  display: flex;
  flex-direction: column;
  width: 100% !important;
  max-width: min(var(--mb-no-delivery-width), calc(100vw - 2.5rem)) !important;
  margin: 0 !important;
  padding: 0 !important;
  background: var(--bone) !important;
  color: var(--ink) !important;
  font-family: var(--sans) !important;
  border: 1px solid var(--ink) !important;
  border-radius: 0 !important;
  box-shadow: 12px 14px 0 rgba(30, 30, 30, 0.12) !important;
  overflow: visible !important;
}

#mbNoShipModal .pbuy-modal__head,
#mbNoShipModal .oip-popup-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.75rem !important;
  padding: 1rem var(--mb-no-delivery-pad) 0.85rem !important;
  border-bottom: 1px solid var(--hairline) !important;
  background: var(--paper) !important;
  margin: 0 !important;
}

#mbNoShipModal .pbuy-modal__title {
  flex: 1 !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: var(--serif) !important;
  font-variation-settings: 'wght' 400;
  font-weight: normal;
  font-size: 1.2rem !important;
  line-height: 1.15 !important;
  color: var(--ink) !important;
}

#mbNoShipModal .pbuy-modal__close,
#mbNoShipModal .oip-close {
  position: static !important;
  flex-shrink: 0 !important;
  width: 2.25rem !important;
  height: 2.25rem !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid var(--ink) !important;
  border-radius: 0 !important;
  background: var(--bone) !important;
  color: var(--ink) !important;
  font-size: 1.35rem !important;
  line-height: 1 !important;
  opacity: 1 !important;
  cursor: pointer !important;
  transition: background 0.2s ease, color 0.2s ease !important;
}

#mbNoShipModal .pbuy-modal__close:hover,
#mbNoShipModal .pbuy-modal__close:focus,
#mbNoShipModal .oip-close:hover,
#mbNoShipModal .oip-close:focus {
  background: var(--ink) !important;
  color: var(--bone) !important;
}

#mbNoShipModal .pbuy-modal__body,
#mbNoShipModal .oip-popup-body {
  margin: 0 !important;
  padding: 1.15rem var(--mb-no-delivery-pad) 1.25rem !important;
  font-family: var(--sans) !important;
  font-size: 0.875rem !important;
  line-height: 1.5 !important;
  background: var(--bone) !important;
}

#mbNoShipModal .mb-no-delivery-modal__message-wrap {
  padding: 0.9rem 1rem;
  background: var(--paper);
  border: 1px solid var(--hairline);
}

#mbNoShipModal .mb-no-delivery-modal__message,
#mbNoShipModal .smpa-info {
  margin: 0 !important;
  font-size: 0.875rem !important;
  line-height: 1.55 !important;
  color: var(--muted) !important;
}

#mbNoShipModal .pbuy-modal__foot,
#mbNoShipModal .oip-popup-footer {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.35rem !important;
  padding: 0.85rem var(--mb-no-delivery-pad) 1rem !important;
  border-top: 1px solid var(--hairline) !important;
  background: var(--paper) !important;
  margin: 0 !important;
  width: 100% !important;
}

#mbNoShipModal .mb-no-delivery-modal__btn,
#mbNoShipModal .smpa-btn--primary {
  width: 100% !important;
  min-height: 44px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0.45rem 0.75rem !important;
  font-family: var(--sans-bold) !important;
  font-weight: normal !important;
  font-size: clamp(0.68rem, 2.8vw, 0.75rem) !important;
  letter-spacing: var(--tracked) !important;
  text-transform: uppercase !important;
  text-align: center !important;
  border: 0 !important;
  border-radius: 0 !important;
  line-height: 1.2 !important;
  cursor: pointer !important;
  background: var(--ink) !important;
  color: var(--bone) !important;
  transition: background 0.2s ease, color 0.2s ease !important;
}

#mbNoShipModal .mb-no-delivery-modal__btn:hover,
#mbNoShipModal .mb-no-delivery-modal__btn:focus,
#mbNoShipModal .smpa-btn--primary:hover,
#mbNoShipModal .smpa-btn--primary:focus {
  background: var(--terracotta) !important;
  color: var(--bone) !important;
}