/* ============================================================
   ReviewX Order Shortcut – rxos.css  v1.2.0
   ============================================================ */

/* Column header */
.woocommerce-orders-table th.woocommerce-orders-table__header-rxos-review,
.woocommerce-orders-table td.woocommerce-orders-table__cell-rxos-review {
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
}

/* Widget wrapper */
.rxos-widget {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
    min-width: 100px;
}

/* Star row */
.rxos-stars {
    display: flex;
    gap: 1px;
    align-items: center;
}

/* Interactive star buttons */
.rxos-stars .rxos-star {
    background: none;
    border: none;
    padding: 2px;
    cursor: pointer;
    line-height: 0;
    transition: transform 0.12s ease;
}
.rxos-stars .rxos-star:focus-visible {
    outline: 2px solid #f90;
    outline-offset: 2px;
    border-radius: 3px;
}
.rxos-stars .rxos-star svg {
    width: 20px;
    height: 20px;
    fill: #e0e0e0;
    stroke: #bbb;
    stroke-width: 1.2px;
    transition: fill 0.12s, stroke 0.12s;
    pointer-events: none;
    display: block;
}
.rxos-stars .rxos-star.rxos-star--on svg {
    fill: #f7a928;
    stroke: #e09020;
}
.rxos-stars .rxos-star:hover {
    transform: scale(1.18);
}

/* Static already-reviewed stars */
.rxos-stars--static .rxos-star {
    cursor: default;
    pointer-events: none;
}
.rxos-stars--static .rxos-star svg {
    fill: #e0e0e0;
    stroke: #bbb;
}
.rxos-stars--static .rxos-star--filled svg {
    fill: #f7a928;
    stroke: #e09020;
}

/* Labels */
.rxos-label {
    font-size: 10px;
    color: #999;
    text-align: center;
    line-height: 1.3;
    min-height: 14px;
}
.rxos-label--done {
    color: #2e7d32;
    font-weight: 600;
}
.rxos-na {
    color: #ccc;
}

/* Feedback / write-review button */
.rxos-feedback {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
    font-size: 11px;
    min-height: 20px;
}
a.rxos-write-btn {
    display: inline-block;
    padding: 3px 9px;
    background: #f7a928;
    color: #fff !important;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    text-decoration: none !important;
    transition: background 0.2s;
    white-space: nowrap;
}
a.rxos-write-btn:hover {
    background: #e09020;
}

/* Spinner */
.rxos-spinner {
    display: inline-block;
    width: 13px;
    height: 13px;
    border: 2px solid #f7a928;
    border-top-color: transparent;
    border-radius: 50%;
    animation: rxos-spin 0.6s linear infinite;
    vertical-align: middle;
}
@keyframes rxos-spin { to { transform: rotate(360deg); } }

/* Mobile */
@media (max-width: 600px) {
    .rxos-widget { min-width: unset; }
    .rxos-stars .rxos-star svg { width: 17px; height: 17px; }
}