/* ===================================================
   WooCommerce Supplemental Styles
   ملحق ووكوميرس
=================================================== */

/* ---- Checkout ---- */
.woocommerce-checkout #payment {
    background: var(--color-card) !important;
    border-radius: var(--radius-lg) !important;
    border: 1px solid var(--color-border) !important;
}

.woocommerce-checkout #payment ul.payment_methods {
    border-bottom: 1px solid var(--color-border) !important;
    padding: 20px !important;
}

.woocommerce-checkout #payment ul.payment_methods li {
    padding: 10px 0 !important;
}

.woocommerce-checkout #payment ul.payment_methods li label {
    color: var(--color-text) !important;
    font-weight: 600 !important;
}

.woocommerce-checkout #payment div.payment_box {
    background: rgba(201,168,76,0.06) !important;
    color: var(--color-muted) !important;
    border-radius: var(--radius-md) !important;
}

.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
    background: var(--color-accent) !important;
    border-radius: var(--radius-xl) !important;
    color: #0a0a0f !important;
    font-weight: 700 !important;
    font-size: 1rem !important;
    padding: 14px 40px !important;
    font-family: var(--font-body) !important;
    width: 100% !important;
    border: none !important;
    cursor: pointer !important;
    transition: background .3s !important;
    margin-top: 16px !important;
}

.woocommerce #payment #place_order:hover,
.woocommerce-page #payment #place_order:hover {
    background: var(--color-accent-lt) !important;
}

/* ---- Order Review ---- */
.woocommerce table.shop_table.woocommerce-checkout-review-order-table {
    background: var(--color-card);
    border-radius: var(--radius-lg);
    border: 1px solid var(--color-border) !important;
    overflow: hidden;
}

/* ---- My Account ---- */
.woocommerce-MyAccount-navigation {
    background: var(--color-card) !important;
    border: 1px solid var(--color-border) !important;
    border-radius: var(--radius-lg) !important;
    padding: 16px !important;
    margin-bottom: 24px !important;
}

.woocommerce-MyAccount-navigation ul {
    list-style: none !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
}

.woocommerce-MyAccount-navigation ul li a {
    display: block !important;
    padding: 10px 14px !important;
    border-radius: var(--radius-sm) !important;
    color: var(--color-muted) !important;
    font-size: .9rem !important;
    font-weight: 600 !important;
    transition: all .3s !important;
    text-decoration: none !important;
}

.woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-MyAccount-navigation ul li.is-active a {
    color: var(--color-accent) !important;
    background: rgba(201,168,76,0.08) !important;
}

/* ---- Account Dashboard ---- */
.woocommerce-account .site-main {
    padding-top: calc(var(--header-h) + 48px) !important;
    padding-bottom: 80px !important;
}

/* ---- Notices ---- */
.woocommerce-message::before,
.woocommerce-info::before {
    color: var(--color-accent) !important;
}

/* ---- Stars Rating ---- */
.woocommerce .star-rating {
    color: #f0b429 !important;
}

.woocommerce .star-rating::before {
    color: var(--color-border) !important;
}

/* ---- Product Quantity ---- */
.woocommerce .quantity input.qty {
    background: var(--color-surface) !important;
    border: 1.5px solid var(--color-border) !important;
    color: var(--color-text) !important;
    border-radius: var(--radius-md) !important;
    padding: 10px 16px !important;
    font-family: var(--font-body) !important;
    text-align: center !important;
    font-weight: 700 !important;
    font-size: 1rem !important;
    width: 80px !important;
}

/* ---- Review Form ---- */
#review_form .comment-form-rating .stars a {
    color: #f0b429 !important;
}

#review_form #submit {
    background: var(--color-accent) !important;
    color: #0a0a0f !important;
    border-radius: var(--radius-xl) !important;
    font-weight: 700 !important;
    font-family: var(--font-body) !important;
    padding: 12px 32px !important;
    border: none !important;
    cursor: pointer !important;
}

/* ---- Coupon Code Field ---- */
.woocommerce .coupon input[type="text"] {
    background: var(--color-surface) !important;
    border: 1.5px solid var(--color-border) !important;
    border-radius: var(--radius-md) !important;
    color: var(--color-text) !important;
    padding: 12px 16px !important;
    font-family: var(--font-body) !important;
}

/* ---- Return to shop button ---- */
.return-to-shop .button,
.wc-proceed-to-checkout .checkout-button {
    display: inline-block !important;
    padding: 13px 32px !important;
    background: var(--color-accent) !important;
    color: #0a0a0f !important;
    border-radius: var(--radius-xl) !important;
    font-weight: 700 !important;
    font-family: var(--font-body) !important;
    font-size: .95rem !important;
    border: none !important;
    cursor: pointer !important;
    text-decoration: none !important;
    transition: background .3s !important;
    text-align: center !important;
    width: 100% !important;
}

.return-to-shop .button:hover,
.wc-proceed-to-checkout .checkout-button:hover {
    background: var(--color-accent-lt) !important;
    color: #0a0a0f !important;
}

/* ---- Download links after order ---- */
.woocommerce-order-downloads table {
    background: var(--color-card);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    overflow: hidden;
}

.woocommerce-order-downloads .woocommerce-button.button.alt.wp-element-button,
.woocommerce-order-downloads .button {
    background: var(--color-accent) !important;
    color: #0a0a0f !important;
    border-radius: var(--radius-md) !important;
    font-weight: 700 !important;
    padding: 10px 20px !important;
    border: none !important;
    cursor: pointer !important;
    font-family: var(--font-body) !important;
}

/* ---- Thank You Page ---- */
.woocommerce-order {
    background: var(--color-card);
    border: 1px solid rgba(201,168,76,0.2);
    border-radius: var(--radius-lg);
    padding: 40px;
}

.woocommerce-thankyou-order-received {
    font-size: 1.3rem;
    font-weight: 700;
    color: var(--color-white);
    margin-bottom: 12px;
}

/* ---- Bank Transfer BACS instructions ---- */
.woocommerce-bacs-bank-details {
    background: var(--color-card);
    border: 1px solid rgba(201,168,76,0.25);
    border-radius: var(--radius-lg);
    padding: 28px;
    margin: 24px 0;
}

.woocommerce-bacs-bank-details h3 {
    color: var(--color-white);
    font-size: 1rem;
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--color-border);
}

.woocommerce-bacs-bank-details ul {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.woocommerce-bacs-bank-details ul li {
    font-size: .9rem;
    color: var(--color-muted);
    display: flex;
    gap: 8px;
}

.woocommerce-bacs-bank-details ul li strong {
    color: var(--color-text);
    min-width: 140px;
    display: inline-block;
}