/* modern card UI (no inline/internal) */
.wcpr-card{max-width:760px;margin:40px auto;padding:28px;border-radius:14px;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.08);font-family:Inter,system-ui,Arial,sans-serif}
.wcpr-order h2{margin:0 0 14px}
.wcpr-order-items{margin:0 0 18px;padding:0;list-style:none}
.wcpr-order-items li{padding:6px 0;border-bottom:1px solid #eee}
.wcpr-form .wcpr-field{margin-bottom:16px}
.wcpr-form label{display:block;margin-bottom:6px;font-weight:600}
.wcpr-form textarea,.wcpr-form select{width:100%;padding:12px;border:1px solid #e4e4e7;border-radius:10px;background:#fafafa}
.wcpr-btn{display:inline-block;background:#111;color:#fff;border:none;border-radius:10px;padding:12px 18px;text-decoration:none;cursor:pointer}
.wcpr-status{text-align:center}

/* summary chip */
.wcpr-summary{display:inline-flex;gap:8px;align-items:center;padding:10px 12px;border:1px solid #e3e3e3;border-radius:999px;cursor:pointer;font-weight:600}
.wcpr-stars{letter-spacing:2px}

/* modal */
.wcpr-modal{position:fixed;inset:0;display:none;z-index:99999999}
.wcpr-modal.is-open{display:block}
.wcpr-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.5)}
.wcpr-modal-content{position:absolute;right:50%;transform:translateX(50%);top:10%;width:min(820px,94%);max-height:90%;overflow:auto;background:#fff;border-radius:14px;padding:22px;box-shadow:0 30px 60px rgba(0,0,0,.25); z-index: 5;}
.wcpr-modal-close{position:absolute;right:12px;top:10px;border:none;background:transparent;font-size:28px;cursor:pointer}
.wcpr-list{margin-top:10px}
.wcpr-review{padding:14px 0;border-bottom:1px solid #efefef}
.wcpr-head{margin-bottom:6px}
.wcpr-rating{color:#000;font-size:16px;letter-spacing:2px;margin-bottom:6px}
.wcpr-verified{opacity:.7}

/* accessibility focus */
.wcpr-summary:focus,.wcpr-btn:focus,.wcpr-modal-close:focus{outline:3px solid #111;outline-offset:2px}

.wcpr-btn {
    padding: 10px 35px;
    border-radius: 6px;
    background: none !important;
    position: relative;
    overflow: hidden;
    font-family: "Poppins", Sans-serif;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    border-style: none;
    outline: 0;
    text-decoration: none !important;
}

.wcpr-btn:before{
    background: linear-gradient(to right, #8d3197 0%, #1577c4 100%);
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transition: 0.3s ease-in-out all;
    transform: translateX(0%);
}

.wcpr-btn:after{
    background: #000;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transition: 0.35s ease-in-out all;
    transform: translateX(101%);
}

.wcpr-btn span {
    position: relative;
    z-index: 3;
    color: #fff;
}

.wcpr-btn:hover:before {
    transform: translateX(-102%);
}

.wcpr-btn:hover:after {
    transform: translateX(0%);
}

button.wcpr-modal-close {
    --size: 34px;
    width: var(--size);
    height: var(--size);
    border-radius: 50%;
    background: #000;
    color: #fff;
    min-width: var(--size);
    min-height: var(--size);
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 2em;
    font-family: 'Poppins';
}

.wcpr-list {
    max-height: 600px;
    overflow-y: scroll;
}