#wpbody h1 {
    margin: 2vw 0;
    font-size: 2vw;
    font-weight: bold;
}
#add-reservation-calendar {
    text-align: center;
}
#add-reservation-calendar-container {
    text-align: center;
}
#add-reservation-current-month-year {
    margin: 2vw 0;
    font-size: 2vw;
    font-weight: bold;
}
#add-reservation-prev-month {
    margin-right: 5vw;
}
#add-reservation-calendar {
    margin: 2vw auto 0 auto;
    width: 80%;
}
#add-reservation-calendar td, #add-reservation-calendar th {
    border: 1px solid #ddd;
    width: 14.28%;
    height: 4vw;
    position: relative;
    text-align: center;
    font-size: 1.1vw;
}
#add-reservation-calendar th {
    vertical-align: middle;
}
#add-reservation-calendar td {
    vertical-align: top;
    padding-top: 2%;
}
.ars-ok {
    position: absolute;
    top: 65%;
    left: 50%;
    transform: translate(-50%, -50%);
    color:#27ae60;
    font-size: 1.3vw;
}
.ars-ng {
    position: absolute;
    top: 65%;
    left: 50%;
    transform: translate(-50%, -50%);
    color:#c0392b;
    font-size: 1.3vw;
}


#add-reservation-details.ars-modal-active{
    position:fixed;
    top:50%; left:50%;
    transform:translate(-50%,-50%);
    background:#fff;
    width:90%; max-width:600px;
    padding:2rem 2.5rem;
    box-shadow:0 4px 18px rgba(0,0,0,.35);
    z-index:10001;
}
.ars-modal-overlay{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.5);
    z-index:10000;
}
.search-field {
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
}
.search-field label {
    font-size: 1.5vw;
}
.search-field input {
    margin: 0 3vw;
    width: 40vw;
    border: solid 2px #545454;
}
.search-field button {
    width: 5vw;
    text-align: center;
    font-size: 0.8vw;
    color: #fff;
    background-color: #0044ff;
}
.mep-filter-group p {
    margin-bottom: 0.5%;
    font-size: 1.1vw;
    font-weight: bold;
}
.mep-button-group {
    margin-bottom: 1%;
    width: auto;
    border-bottom: solid 1px #333;
}
.mep-button-group button {
    padding: 0.4vw 0.5vw 0.3vw 0.5vw;
    margin-right: 0.1vw;
    width: auto;
    height: 2vw;
    text-align: center;
    font-size: 0.8vw;
    font-weight: bold;
    color: #fff;
    background-color: #0044ff;
    border-radius: 5px 5px 0 0;
}
.mep-child-container button {
    padding: 0.5vw 0.5vw 0.3vw 0.5vw;
    margin-right: 0.1vw;
    width: auto;
    text-align: center;
    font-size: 0.8vw;
    font-weight: bold;
    color: #fff;
    background-color: #00aeff;
    border-radius: 5px;
}
.mep-sorting {
    margin-top: 2%;
    margin-bottom: 1%;
}
.mep-sorting p {
    margin-bottom: 0.5%;
    font-size: 1vw;
    font-weight: bold;
}
.mep-sorting button {
    padding: 0.5vw 0.5vw 0.3vw 0.5vw;
    margin-right: 0.1vw;
    width: auto;
    text-align: center;
    font-size: 0.8vw;
    font-weight: bold;
    color: #fff;
    background-color: #0088ff;
    border-radius: 5px;
}
.mep-product-list {
    margin-top: 5%;
    display: flex;
    flex-wrap: wrap;
    gap: 1vw;
}
.mep-product-item {
    padding: 1%;
    flex: 0 1 calc(20.22% - 1vw);
    box-sizing: border-box;
    border: solid 1px #ccc;
}
.mep-product-item img {
    margin-bottom: 5%;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.mep-product-item h3 {
    font-size: 1.1vw;
    font-weight: bold;
}
.mep-price {
    margin-bottom: 3%;
}
.mep-price strong {
    font-size: 1.2vw;
}
.mep-product-item p {
    display: flex;
    align-items: center;
}
.mep-option-selects p {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 3% 0;
}
.mep-option-select {
    padding: 2% 1% 1% 1%;
    width: 35%;
    text-align: center;
    font-size: 0.9vw;
    border: solid 1px #333;
    border-radius: 2px;
}
.item-quantity {
    margin-left: 39.5%;
    padding: 2% 1% 1% 1%;
    width: 50%;
    text-align: center;
    font-size: 0.9vw;
    border: solid 1px #333;
    border-radius: 2px;
}
.mep-stock-display {
    margin-top: 5%;
    border-bottom: solid 1px #ff0000;
}
.item-quantity02 {
    margin-left: 19.2%;
    padding: 2% 1% 1% 1%;
    width: 23%;
    text-align: center;
    font-size: 0.9vw;
    border: solid 1px #333;
    border-radius: 2px;
}
.store-sales-btn {
    margin-top: 3%;
    padding: 1% 0;
    width: 100%;
    font-size: 1vw;
    font-weight: bold;
    color: #fff;
}