/* Ensure Cancel is always visible, not only on hover */
.modal-popup .modal-footer .action-secondary.action-dismiss {
    display: inline-block !important;
    background-color: #bd9443 !important;   /* Change as needed */
    color: #fff !important;
    border: 1px solid #bd9443 !important;
    font-size: 1rem;
    border-radius: 3px;
    cursor: pointer;
}

/* Optional: Change Cancel on hover */
.modal-popup .modal-footer .action-secondary.action-dismiss:hover {
    background-color: #a97f30 !important;
    color: #fff !important;
    border-color: #a97f30 !important;
}

/* Set OK button color */
.modal-popup .modal-footer .action-primary {
    background-color: #bd9443 !important;
    color: #fff !important;
    border: none;
    font-size: 1rem;
    border-radius: 3px;
    cursor: pointer;
}

/* Optional: Change OK on hover */
.modal-popup .modal-footer .action-primary:hover {
    background-color: #a97f30 !important;
    color: #fff !important;
}

/* Target only confirmation modals to prevent unwanted global overrides */
.modal-popup-confirm,
.modal-popup .modal-inner-wrap {
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    position: fixed !important;
    margin: 0 !important;
    max-width: 400px !important;  /* Adjust based on design */
    min-width: 320px !important;  /* Responsive minimum */
    width: auto !important;
    z-index: 9999 !important;
}


@media (max-width: 600px) {
    .modal-popup .modal-inner-wrap {
        max-width: 98vw !important;
        margin: 8vw 1vw !important;
    }
}