/* WC Order Cancellation Return */

.woocommerce-order-details {
    margin-bottom: 24px !important;
}
.order-again {
    display: none !important;
}
#cancelOverlay, #returnOverlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999;
}
#cancelOrderPopup, #returnOrderPopup {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    z-index: 1000;
    max-width: 500px;
    width: 80%;
}
#cancelOrderPopup form, #returnOrderPopup form {
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
}
#cancelOrderPopup textarea, #cancelOrderForm label, #returnOrderPopup textarea, #returnOrderForm label {
    margin-bottom: 5px;
}
#cancelOrderPopup button, #returnOrderPopup button {
    display: inline-block;
    text-align: center;
    margin-bottom: 5px;
}
#cancelOrderPopup button.cancel-order, #returnOrderPopup button.return-order {
    background: #9c9c9c;
    color: #2e2e2e;
}
.error-message {
    color: red;
    display: none;
    margin-top: 10px;
}
.hidden {
    display: none;
}
@media screen and (max-width: 600px) {
    #cancelOrderPopup, #returnOrderPopup {
        width: 90%; 
    }
}