/* Magento can render notices outside .page-main, inside a Knockout scope.
   Cover that real placement as well as inline and dynamically added notices. */
body .page.messages .message,
body .messages .message,
body .message.success,
body .message.error,
body .message.warning,
body .message.notice,
body .message.info {
    border-radius: 10px !important;
    overflow: hidden;
}

/* Magento confirm/alert dialogs are mounted outside the page content.
   Scope to these dialogs; never restyle payment-provider frames or widgets. */
body .modal-popup.confirm .modal-inner-wrap,
body .modal-popup.alert .modal-inner-wrap {
    border-radius: var(--megango-radius, 5px);
    overflow: hidden;
}
body .modal-popup.confirm .modal-header,
body .modal-popup.alert .modal-header { padding: 24px 24px 12px; }
body .modal-popup.confirm .modal-content,
body .modal-popup.alert .modal-content {
    padding: 16px 24px; border: 0; line-height: 1.5;
}
body .modal-popup.confirm .modal-footer,
body .modal-popup.alert .modal-footer {
    display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 12px;
    padding: 12px 24px 24px; border: 0;
}
body .modal-popup.confirm .modal-footer button,
body .modal-popup.alert .modal-footer button {
    box-sizing: border-box; min-height: 44px; padding: 12px 20px; margin: 0;
    border: 1px solid var(--megango-orange, #ea5455);
    border-radius: var(--megango-radius, 5px);
    background: transparent; color: var(--megango-orange, #ea5455);
    font-family: inherit; font-size: 16px; font-weight: 600; line-height: 1.25;
    text-transform: none; letter-spacing: normal; box-shadow: none; transform: none;
    transition: background-color .15s, border-color .15s, color .15s;
}
body .modal-popup.confirm .modal-footer button span,
body .modal-popup.alert .modal-footer button span { font: inherit; text-transform: none; }
body .modal-popup.confirm .modal-footer button.action-primary,
body .modal-popup.alert .modal-footer button.action-primary,
body .modal-popup.confirm .modal-footer button:hover,
body .modal-popup.alert .modal-footer button:hover {
    background: var(--megango-orange, #ea5455); color: #fff;
}
body .modal-popup.confirm .modal-footer button.action-primary:hover,
body .modal-popup.alert .modal-footer button.action-primary:hover {
    background: #191919; border-color: #191919; color: #fff;
}
body .modal-popup.confirm .modal-footer button:focus-visible,
body .modal-popup.alert .modal-footer button:focus-visible {
    outline: 2px solid var(--megango-orange, #ea5455); outline-offset: 3px;
}
@media (max-width: 767px) {
    body .modal-popup.confirm .modal-footer button,
    body .modal-popup.alert .modal-footer button { flex: 1 1 100px; }
}