/* M&P Courier Frontend — Material Design 3 */

:root {
  --mnp-font: 'Outfit', 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --mnp-primary: #111111;
  --mnp-surface: #fff;
  --mnp-on-surface: #111111;
  --mnp-on-surface-variant: #767676;
  --mnp-outline: #d6d6d6;
  --mnp-outline-variant: #e7e7e7;
  --mnp-surface-dim: #fafafa;
  --mnp-error: #d93025;
  --mnp-error-container: #fdecea;
  --mnp-elev-3: 0 4px 8px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.06);
}

body .woocommerce-order-details .mnp-courier-modal {
  display: none; position: fixed; inset: 0; z-index: 9999;
  background: rgba(0,0,0,.32); overflow: auto; padding: 48px 16px;
}
body .woocommerce-order-details .mnp-courier-modal .modal-content {
  background: #fff; margin: 0 auto; padding: 0; border: none;
  border-radius: 28px; box-shadow: 0 4px 8px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.06);
  width: 100%; max-width: 560px; min-width: 0;
}
body .woocommerce-order-details .mnp-courier-modal .mnp-modal-header {
  padding: 24px 24px 16px; background: transparent; position: relative;
  border-bottom: 1px solid #e7e7e7;
}
body .woocommerce-order-details .mnp-courier-modal .mnp-modal-header .mnp-modal-title {
  margin: 0; font-size: 22px; font-weight: 400; color: #111111; text-align: left; text-transform: none;
}
body .woocommerce-order-details .mnp-courier-modal .mnp-modal-header .close,
body .woocommerce-order-details .mnp-courier-modal .close {
  color: #767676; font-size: 20px; font-weight: 400; cursor: pointer;
  position: absolute; top: 18px; right: 18px;
  width: 40px; height: 40px; display: flex; align-items: center; justify-content: center;
  border-radius: 50%; transition: background .15s;
}
body .woocommerce-order-details .mnp-courier-modal .close:hover { background: #e7e7e7; color: #111111; }
body .woocommerce-order-details .mnp-courier-modal .mnp-modal-inner-content { padding: 20px 24px 16px; }
body .woocommerce-order-details .mnp-courier-modal .mnp-modal-inner-content .mnp-select-wrap select {
  width: 100%; border: 1px solid #d6d6d6; border-radius: 4px; padding: 12px 16px; font-size: 14px; margin-bottom: 16px;
}
body .woocommerce-order-details .mnp-courier-modal .mnp-modal-inner-content .error-show {
  background: #fdecea; color: #d93025; border: none; border-radius: 8px; padding: 12px 16px; font-size: 13px; display: none;
}
body .woocommerce-order-details .mnp-courier-modal .mnp-modal-inner-content .error-show::before { display: inline-block; content: "⚠ "; }
body .woocommerce-order-details .mnp-courier-modal .mnp-modal-inner-content .mnp-select-wrap label {
  color: #767676; width: 100%; font-weight: 500; display: inline-block; margin-bottom: 6px; font-size: 12px;
}
body .woocommerce-order-details .mnp-courier-modal .mnp-modal-inner-content .mnp-submit-btn { display: block; width: 100%; }
body .woocommerce-order-details .mnp-courier-modal .mnp-modal-inner-content .button { float: right; }
body .woocommerce-order-details .mnp-courier-modal .mnp-modal-inner-content .mnp-submit-btn::before {
  display: block; content: ""; width: calc(100% + 48px); height: 1px; background: #e7e7e7; margin-bottom: 16px; position: relative; left: -24px;
}
body .woocommerce-order-details .mnp-courier-modal .mnp-tracking-details { padding: 20px 24px; }
body .woocommerce-order-details .mnp-courier-modal .mnp-tracking-details thead tr th {
  font-size: 12px; font-weight: 500; border: none; border-bottom: 1px solid #e7e7e7; background: #fafafa; padding: 12px 16px;
}
body .woocommerce-order-details .mnp-courier-modal .mnp-tracking-details tbody tr td { border: none; border-bottom: 1px solid #e7e7e7; padding: 12px 16px; }
body .woocommerce-order-details .mnp-courier-modal .mnp-tracking-details tbody tr:nth-child(even) { background: #fafafa; }
body .woocommerce-order-details .mnp-courier-modal.leopoard-tracking-modal .modal-content { max-width: 760px; }
body .woocommerce-order-details .center { margin: auto; width: 60%; padding: 20px; box-shadow: 0 1px 3px rgba(0,0,0,.1); border-radius: 12px; }
body .woocommerce-order-details .hideform { display: none; }
body .woocommerce-order-details p.btn-ordertrack { float: left; padding: 10px 12px; color: #111111; font-weight: 500; }
#mnp-courier-loader {
  position: fixed; inset: 0; background: rgba(255,255,255,.72); backdrop-filter: blur(6px);
  display: flex; align-items: center; justify-content: center; z-index: 9999;
}
@media (max-width: 767px) {
  body .woocommerce-order-details .mnp-courier-modal .modal-content { max-width: 100%; border-radius: 16px; margin: 0 8px; }
  body .woocommerce-order-details .mnp-courier-modal .mnp-tracking-details tbody tr td { word-break: initial; }
}