/**
 * BazarSabz WooCommerce Styles v2
 * @package BazarSabz
 */

/* ── Hide default WC breadcrumb ──────────────────────────── */
.woocommerce-breadcrumb { display: none !important; }

/* ── Notices ─────────────────────────────────────────────── */
.woocommerce-error,
.woocommerce-message,
.woocommerce-info {
    border:        none !important;
    border-radius: var(--bs-radius-md) !important;
    padding:       12px 16px !important;
    margin-bottom: 16px !important;
    font-size:     14px !important;
    list-style:    none !important;
    display:       flex !important;
    align-items:   center !important;
    gap:           8px !important;
}
.woocommerce-error   { background: var(--bs-error-container) !important; color: var(--bs-error) !important; }
.woocommerce-message { background: rgba(0,112,26,.1) !important; color: var(--bs-primary) !important; }
.woocommerce-info    { background: var(--bs-surface-container) !important; color: var(--bs-text-muted) !important; }
.woocommerce-error::before,
.woocommerce-message::before,
.woocommerce-info::before { display: none !important; }

/* ── WC Form Fields → use our design system ─────────────── */
.woocommerce-page .form-row input[type="text"],
.woocommerce-page .form-row input[type="email"],
.woocommerce-page .form-row input[type="tel"],
.woocommerce-page .form-row input[type="number"],
.woocommerce-page .form-row input[type="password"],
.woocommerce-page .form-row textarea,
.woocommerce-page .form-row select,
.woocommerce-checkout .form-row input,
.woocommerce-checkout .form-row select,
.woocommerce-checkout .form-row textarea {
    width:            100% !important;
    background-color: var(--bs-bg) !important;
    border:           1.5px solid transparent !important;
    border-radius:    var(--bs-radius) !important;
    padding:          12px 16px !important;
    font-family:      var(--bs-font) !important;
    font-size:        14px !important;
    color:            var(--bs-text) !important;
    box-shadow:       none !important;
    outline:          none !important;
    transition:       border-color .15s !important;
    direction:        rtl !important;
}
.woocommerce-page .form-row input:focus,
.woocommerce-page .form-row textarea:focus,
.woocommerce-page .form-row select:focus,
.woocommerce-checkout .form-row input:focus,
.woocommerce-checkout .form-row select:focus {
    border-color:     var(--bs-primary) !important;
    background-color: var(--bs-surface) !important;
    box-shadow:       0 0 0 3px rgba(0,112,26,.1) !important;
}
.woocommerce-page .form-row label {
    font-size:    13px !important;
    font-weight:  500 !important;
    color:        var(--bs-text-muted) !important;
    margin-bottom:5px !important;
    display:      block !important;
    font-family:  var(--bs-font) !important;
}

/* ── Checkout ─────────────────────────────────────────────── */
.woocommerce-checkout { direction: rtl; }
.woocommerce-checkout #payment {
    background:    var(--bs-surface) !important;
    border-radius: var(--bs-radius-md) !important;
    border:        none !important;
    padding:       var(--bs-card-padding) !important;
    margin-top:    16px !important;
}
.woocommerce-checkout #payment ul.payment_methods { border: none !important; padding: 0 !important; }
.woocommerce-checkout #payment ul.payment_methods li {
    border-bottom: 1px solid var(--bs-outline-variant) !important;
    padding:       12px 0 !important;
    font-family:   var(--bs-font) !important;
}
.woocommerce-checkout #payment div.payment_box {
    background:    var(--bs-bg) !important;
    border-radius: var(--bs-radius) !important;
    border:        none !important;
    margin-top:    8px !important;
    font-family:   var(--bs-font) !important;
}
.woocommerce-checkout #payment div.payment_box::before { display: none !important; }

/* Place Order button */
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
    width:         100% !important;
    background:    var(--bs-primary) !important;
    color:         #fff !important;
    border:        none !important;
    border-radius: var(--bs-radius-md) !important;
    padding:       14px 24px !important;
    font-family:   var(--bs-font) !important;
    font-size:     15px !important;
    font-weight:   600 !important;
    cursor:        pointer !important;
    transition:    background .15s !important;
    margin-top:    16px !important;
}
.woocommerce #payment #place_order:hover { background: var(--bs-primary-dark) !important; }

/* ── Order Review Table ───────────────────────────────────── */
.woocommerce-checkout-review-order-table {
    width:           100% !important;
    border-collapse: collapse !important;
    font-family:     var(--bs-font) !important;
    font-size:       13px !important;
    direction:       rtl !important;
}
.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td {
    padding:       10px 0 !important;
    border-bottom: 1px solid var(--bs-outline-variant) !important;
    color:         var(--bs-text) !important;
    text-align:    right !important;
}
.woocommerce-checkout-review-order-table .order-total td {
    font-weight: 700 !important;
    font-size:   16px !important;
    color:       var(--bs-primary) !important;
}

/* ── My Account ───────────────────────────────────────────── */
/* Navigation — hidden (we use custom menu inside my-account.php) */
.woocommerce-MyAccount-navigation { display: none !important; }

/* Content area */
.woocommerce-MyAccount-content {
    width:  100% !important;
    float:  none !important;
    margin: 0 !important;
}

/* Orders table */
.woocommerce-orders-table {
    width:           100% !important;
    border-collapse: collapse !important;
    direction:       rtl !important;
    font-family:     var(--bs-font) !important;
    font-size:       13px !important;
}
.woocommerce-orders-table th {
    background:  var(--bs-bg) !important;
    padding:     10px 12px !important;
    font-weight: 600 !important;
    color:       var(--bs-text-muted) !important;
    text-align:  right !important;
}
.woocommerce-orders-table td {
    padding:       10px 12px !important;
    border-bottom: 1px solid var(--bs-outline-variant) !important;
}

/* WC Buttons */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce .woocommerce-button {
    display:       inline-flex !important;
    align-items:   center !important;
    background:    var(--bs-secondary-container) !important;
    color:         var(--bs-primary-dark) !important;
    border:        none !important;
    border-radius: var(--bs-radius-md) !important;
    padding:       8px 16px !important;
    font-family:   var(--bs-font) !important;
    font-size:     13px !important;
    font-weight:   600 !important;
    cursor:        pointer !important;
    text-decoration: none !important;
    transition:    all .15s !important;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover { background: var(--bs-secondary-fixed-dim) !important; }

.woocommerce a.button.alt,
.woocommerce button.button.alt {
    background: var(--bs-primary) !important;
    color:      #fff !important;
}
.woocommerce a.button.alt:hover { background: var(--bs-primary-dark) !important; }

/* ── Order Status ─────────────────────────────────────────── */
mark.order-status { display: inline-flex !important; align-items: center !important; padding: 3px 10px !important; border-radius: var(--bs-radius-full) !important; font-size: 12px !important; font-weight: 600 !important; background: var(--bs-bg) !important; }
mark.order-status.status-completed  { background: rgba(0,112,26,.1)    !important; color: var(--bs-primary)     !important; }
mark.order-status.status-processing { background: rgba(33,113,177,.1)  !important; color: #2271b1               !important; }
mark.order-status.status-pending,
mark.order-status.status-on-hold    { background: var(--bs-warning-bg) !important; color: var(--bs-warning)     !important; }
mark.order-status.status-cancelled,
mark.order-status.status-failed     { background: var(--bs-error-container) !important; color: var(--bs-error) !important; }

/* ── Star Ratings ─────────────────────────────────────────── */
.woocommerce .star-rating { color: #f59e0b !important; }
.woocommerce .star-rating::before { color: var(--bs-outline) !important; }

/* ── Product Loop (let our custom grid handle) ────────────── */
ul.products { margin: 0 !important; padding: 0 !important; display: contents !important; }
ul.products li.product { margin: 0 !important; padding: 0 !important; width: auto !important; float: none !important; }

/* ── WC price colors ──────────────────────────────────────── */
.woocommerce-Price-amount { color: var(--bs-primary) !important; font-weight: 700 !important; }
del .woocommerce-Price-amount { color: var(--bs-text-muted) !important; font-weight: 400 !important; }
ins { text-decoration: none !important; }

/* ── Cart widget ──────────────────────────────────────────── */
.widget_shopping_cart { direction: rtl; }
.woocommerce ul.cart_list li,
.woocommerce ul.product_list_widget li { font-family: var(--bs-font); }

/* ── Pagination ───────────────────────────────────────────── */
.woocommerce-pagination ul { display: flex; gap: 6px; justify-content: center; list-style: none; flex-wrap: wrap; padding: 0; }
.woocommerce-pagination ul li a,
.woocommerce-pagination ul li span {
    display:       flex;
    align-items:   center;
    justify-content: center;
    width:         36px;
    height:        36px;
    border-radius: var(--bs-radius);
    border:        1.5px solid var(--bs-outline-variant);
    color:         var(--bs-text);
    text-decoration: none;
    font-size:     13px;
    font-weight:   500;
    transition:    all .15s;
}
.woocommerce-pagination ul li span.current { background: var(--bs-primary); color: #fff; border-color: var(--bs-primary); }
.woocommerce-pagination ul li a:hover { border-color: var(--bs-primary); color: var(--bs-primary); }

/* ── Print ────────────────────────────────────────────────── */
@media print {
    .ec-bottom-nav, .bs-drawer, .ec-toast-container { display: none !important; }
}