/* ============================================================
   WOOCOMMERCE TOOLBAR — extracted from functions.php wp_head
   inline <style> (lines 3331-3382). Fully tokenised. RTL handled
   via [dir="rtl"] (the <html dir> is set in header.php).
   ============================================================ */
:root {
    --tb-text:            #555;                       /* result-count text */
    --tb-border:          var(--ds-gray-300, #ddd);   /* select border */
    --tb-select-color:    var(--color-text-dark);     /* select text (#333) */
    --tb-no-products-bg:  var(--color-bg-secondary);  /* #f8f8f8 */
    --tb-pad-y-sm:        10px;
    --tb-pad-x-select:    15px;
    --tb-select-pad-right: 35px;
    --tb-min-width:       180px;
    --tb-pad-x:           20px;
    --tb-pad-y-lg:       var(--spacing-4xl);          /* 60px */
    --tb-margin:          20px;
    --tb-focus-shadow:    0 0 0 2px var(--color-shadow-focus);
    --tb-bg-pos-y:        12px;
}

.woocommerce-result-count {
    float: none !important;
    margin: 0 !important;
    padding: var(--tb-pad-y-sm) 0 !important;
    font-size: var(--font-size-sm-base) !important;   /* 0.95rem */
    color: var(--tb-text) !important;
}

.woocommerce-ordering {
    float: none !important;
    margin: 0 !important;
}

.woocommerce-ordering select {
    padding: var(--tb-pad-y-sm) var(--tb-select-pad-right) var(--tb-pad-y-sm) var(--tb-pad-x-select) !important;
    border: 1px solid var(--tb-border) !important;
    border-radius: var(--color-radius-sm) !important;
    background: var(--color-bg-white) !important;
    color: var(--tb-select-color) !important;
    font-size: var(--font-size-base) !important;      /* 0.9rem */
    cursor: pointer !important;
    min-width: var(--tb-min-width) !important;
    appearance: none !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right var(--tb-bg-pos-y) center !important;
}

.woocommerce-ordering select:focus {
    outline: none !important;
    border-color: var(--sheeel-primary, #4D3F76) !important;
    box-shadow: var(--tb-focus-shadow) !important;
}

.woocommerce ul.products {
    margin: 0 !important;
    padding: 0 !important;
}

/* No products styling */
.woocommerce-info,
.woocommerce-no-products-found {
    text-align: center;
    padding: var(--tb-pad-y-lg) var(--tb-pad-x);
    background: var(--tb-no-products-bg);
    border-radius: var(--color-radius-md) !important;
    margin: var(--tb-margin) 0;
}

.woocommerce-info::before,
.woocommerce-no-products-found::before {
    display: none !important;
}

/* RTL Support */
[dir="rtl"] .woocommerce-ordering select {
    background-position: left var(--tb-bg-pos-y) center !important;
}
