/**
 * WC COR - customer-facing returns styles.
 *
 * Loaded only on the My Account "Returns" endpoint, the Orders list and the
 * single-order (view-order) page. Keeps the repeated return-card markup free of
 * inline CSS so the look can be themed in one place.
 */

.wc-cor-returns__title,
.wc-cor-order-returns__title {
        color: #00224a;
        margin: 0 0 6px;
}

.wc-cor-returns-intro {
        color: #4b5563;
        margin: 0 0 14px;
        line-height: 1.4;
}

.wc-cor-muted {
        color: #6b7280;
}

.wc-cor-order-returns {
        margin-top: 30px;
}

/* ------------------------------------------------------------------ *
 * Return card (repeated item)
 * ------------------------------------------------------------------ */

.wc-cor-return-card {
        border: 1px solid #e5e7eb;
        border-radius: 8px;
        padding: 12px 14px;
        margin-bottom: 10px;
        background: #fff;
}

.wc-cor-return-card:last-child {
        margin-bottom: 0;
}

.wc-cor-return-card__head {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        gap: 10px;
        flex-wrap: wrap;
}

.wc-cor-return-kind {
        display: block;
        font-size: 0.72em;
        font-weight: 600;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        color: #6b7280;
        line-height: 1.2;
        margin: 0 0 1px;
}

.wc-cor-return-number {
        margin: 0;
        color: #00224a;
        font-size: 1.05em;
        font-weight: 700;
        line-height: 1.2;
}

.wc-cor-status {
        display: inline-block;
        font-size: 0.78em;
        font-weight: 600;
        line-height: 1.4;
        border-radius: 12px;
        padding: 3px 10px;
        white-space: nowrap;
}

.wc-cor-status.is-green {
        background: #0f7b3f;
        color: #ffffff;
}

.wc-cor-status.is-red {
        background: #c0392b;
        color: #ffffff;
}

.wc-cor-status.is-amber {
        background: #b7791f;
        color: #ffffff;
}

.wc-cor-status.is-blue {
        background: #00224a;
        color: #ffffff;
}

.wc-cor-status.is-grey {
        background: #e5e7eb;
        color: #374151;
}

.wc-cor-return-meta {
        font-size: 0.85em;
        color: #6b7280;
        line-height: 1.3;
        margin-top: 3px;
        margin-bottom: 8px;
}

.wc-cor-return-line {
        font-size: 0.88em;
        color: #374151;
        line-height: 1.35;
        margin-top: 3px;
}

.wc-cor-return-line .wc-cor-label {
        color: #6b7280;
}

.wc-cor-return-hint {
        margin-top: 10px;
}

.wc-cor-return-order {
        font-size: 0.85em;
        line-height: 1.3;
        margin-top: 2px;
}

.wc-cor-order-link {
        color: #6b7280;
        text-decoration: none;
        font-weight: 500;
}

.wc-cor-order-link:hover,
.wc-cor-order-link:focus {
        color: #374151;
        text-decoration: underline;
}

.wc-cor-return-items {
        font-size: 0.88em;
        color: #374151;
        line-height: 1.35;
        margin-top: 6px;
}

.wc-cor-return-items .wc-cor-label {
        color: #6b7280;
        display: block;
        margin-bottom: 2px;
}

.wc-cor-return-items__list {
        list-style: none;
        margin: 4px 0 0;
        padding: 0;
}

.wc-cor-return-item {
        display: flex;
        align-items: center;
        gap: 10px;
        margin: 0 0 8px;
}

.wc-cor-return-item:last-child {
        margin-bottom: 0;
}

.wc-cor-return-item__thumb {
        flex: 0 0 auto;
        width: 48px;
        height: 48px;
        border-radius: 8px;
        overflow: hidden;
        background: #f0f3f6;
        border: 1px solid #e6ebf0;
        display: flex;
        align-items: center;
        justify-content: center;
}

.wc-cor-return-item__thumb img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
}

.wc-cor-return-item__body {
        display: flex;
        flex-direction: column;
        min-width: 0;
}

.wc-cor-return-item__name {
        color: #00224a;
        font-weight: 600;
        font-size: 0.9em;
        line-height: 1.3;
}

.wc-cor-return-item__meta {
        color: #6b7280;
        font-size: 0.8em;
        line-height: 1.3;
        margin-top: 1px;
}

/* -------------------------------------------------------------------------
 * Item 7: My Account order-list action buttons. Two distinct classes so the
 * return and cancellation entry points can be styled independently. The action
 * key WooCommerce prints (wc_cor_return / wc_cor_cancel) is also a class on the
 * <a>, and we add explicit classes via the action 'class' key.
 * ------------------------------------------------------------------------- */
.woocommerce-button.wc-cor-account-return,
.woocommerce-button.wc_cor_return {
        background: #00224a;
        border-color: #00224a;
        color: #ffffff;
}

.woocommerce-button.wc-cor-account-return:hover,
.woocommerce-button.wc_cor_return:hover {
        background: #013066;
        border-color: #013066;
        color: #ffffff;
}

.woocommerce-button.wc-cor-account-cancel,
.woocommerce-button.wc_cor_cancel {
        background: #a4433f;
        border-color: #a4433f;
        color: #ffffff;
}

.woocommerce-button.wc-cor-account-cancel:hover,
.woocommerce-button.wc_cor_cancel:hover {
        background: #8c3733;
        border-color: #8c3733;
        color: #ffffff;
}