/**
 * Backorder group inside the cart drawer.
 *
 * Unscoped selectors on purpose: the drawer markup is rendered by the theme
 * outside .ursum-store, so the token stylesheet's scoped rules never reach it
 * (same reason module-samples styles its drawer group this way). Loaded only
 * when the cart actually holds backordered lines.
 */

.us-minicart-backorder-label {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #8A6A3B;
    margin: 14px 0 6px;
}

ul.us-minicart-backorder-list {
    border-top: 1px solid #ECEEF1;
    padding-top: 6px;
}

.us-mini-backorder .us-mini-item__name { color: #8A6A3B; }

.us-minicart-backorder-total {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    color: #8A6A3B;
    font-size: 13px;
    margin: 4px 0 0;
}

.us-minicart-backorder-note {
    background: #F8F3EA;
    border: 1px solid #E8DCC3;
    border-radius: 12px;
    color: #8A6A3B;
    font-size: 12px;
    line-height: 1.4;
    padding: 10px 12px;
    margin: 8px 0 0;
}

.widget_shopping_cart_content .us-minicart-backorder-label { margin: 16px 0 4px; }

.widget_shopping_cart_content ul.us-minicart-backorder-list {
    border-top: 0;
    padding-top: 0;
}

.widget_shopping_cart_content ul.us-minicart-backorder-list .us-mini-item__name { font-size: 13px; }

.widget_shopping_cart_content ul.us-minicart-backorder-list .us-mini-item__thumb,
.widget_shopping_cart_content ul.us-minicart-backorder-list .us-mini-item__thumb img {
    flex-basis: 48px;
    width: 48px !important;
}