/**
 * Risens Auto Parts — WooCommerce Extra Styles
 * Placeholder — specific WooCommerce component overrides go here as needed.
 */

/* Account page layout */
.woocommerce-account .ra-page-wrap,
.woocommerce-cart .ra-page-wrap,
.woocommerce-checkout .ra-page-wrap {
    max-width: var(--ra-container);
}

/* Order table */
.woocommerce-order-details table.woocommerce-table,
.woocommerce-MyAccount-orders table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}
.woocommerce-order-details table.woocommerce-table th,
.woocommerce-MyAccount-orders table thead th {
    background: var(--ra-gray-lt);
    padding: 10px 12px;
    border: 1px solid var(--ra-border);
    font-weight: 700;
    text-align: left;
}
.woocommerce-order-details table.woocommerce-table td,
.woocommerce-MyAccount-orders table tbody td {
    padding: 9px 12px;
    border: 1px solid var(--ra-border);
    vertical-align: middle;
}

/* Cart page totals */
.cart_totals h2,
.woocommerce-checkout h3 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 14px;
    color: var(--ra-dark);
}
.cart_totals table { width: 100%; border-collapse: collapse; font-size: 14px; }
.cart_totals table th,
.cart_totals table td { padding: 9px 12px; border: 1px solid var(--ra-border); }
.cart_totals table th { background: var(--ra-gray-lt); font-weight: 600; width: 40%; }
.cart_totals .order-total .amount { font-size: 18px; font-weight: 700; color: var(--ra-orange); }

/* Checkout form */
.woocommerce-checkout #order_review_heading { font-size: 18px; font-weight: 700; margin-bottom: 14px; }
.woocommerce-checkout #payment ul.payment_methods { list-style: none; border: 1px solid var(--ra-border); border-radius: var(--ra-radius); padding: 12px; }
.woocommerce-checkout #payment ul.payment_methods li { padding: 8px 0; }
.woocommerce-checkout #payment div.payment_box { background: var(--ra-gray-lt); padding: 12px; border-radius: var(--ra-radius); font-size: 13px; margin-top: 8px; }

/* Rating stars */
.woocommerce .star-rating { color: var(--ra-orange); font-size: 14px; }
.woocommerce .stars a { color: var(--ra-orange); }
