/* ============================================================
   ARCHIVE PRODUCT — extracted from archive-product.php inline
   <style> blocks (lines 81-212 and 217-224). Fully tokenised.
   Loaded AFTER woocommerce-toolbar.css so its .woocommerce-ordering
   select rules win on archive pages (matches original body-after-head
   cascade). RTL inherited from <html dir> (no inline direction).
   ============================================================ */
:root {
    --ap-bg:               var(--color-bg-secondary);   /* #f8f8f8 */
    --ap-count-color:      #555;
    --ap-border:           var(--ds-gray-300, #ddd);      /* #ddd */
    --ap-select-color:     var(--color-text-dark);       /* #333 */
    --ap-radius-sm:        var(--color-radius-sm);       /* 8px */
    --ap-radius-md:        var(--color-radius-md);       /* 12px */
    --ap-btn-radius:       25px;
    --ap-pad-y:            15px;
    --ap-pad-x:            20px;
    --ap-margin:           20px;
    --ap-gap:              15px;
    --ap-gap-sm:           var(--spacing-sm);            /* 8px */
    --ap-font-count:       var(--font-size-sm-base);     /* 0.95rem */
    --ap-font-base:        var(--font-size-base);        /* 0.9rem */
    --ap-font-xs:          0.85rem;
    --ap-font-h2:          var(--font-size-2xl);         /* 1.5rem */
    --ap-font-h1:          1.8rem;
    --ap-sep-color:        var(--color-text-light, #999999);
    --ap-header-border:    var(--color-border-light);    /* #eee */
    --ap-header-margin:    25px;
    --ap-btn-pad-y:        12px;
    --ap-btn-pad-x:        30px;
    --ap-focus-shadow:     var(--color-brand-express-shadow);
    --ap-hover-bg:         var(--color-brand-express-dark);
    --ap-pad-y-lg:         var(--spacing-4xl);           /* 60px */
    --ap-transition-bg:    var(--animation-duration-normal) var(--animation-easing-ease);
    --ap-transition-color: var(--animation-duration-fast) var(--animation-easing-ease);
}

/* ---- Toolbar ---- */
.products-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--ap-pad-y) var(--ap-pad-x);
    margin-bottom: var(--ap-margin);
    background: var(--ap-bg);
    border-radius: var(--ap-radius-sm);
    flex-wrap: wrap;
    gap: var(--ap-gap);
}

.products-count {
    font-size: var(--ap-font-count);
    color: var(--ap-count-color);
    font-weight: var(--font-weight-medium);
}

.woocommerce-ordering {
    margin: 0;
}

.woocommerce-ordering select {
    padding: var(--ap-pad-y) 35px var(--ap-pad-y) 15px;
    border: 1px solid var(--ap-border);
    border-radius: var(--ap-radius-sm);
    background: var(--color-bg-white);
    color: var(--ap-select-color);
    font-size: var(--ap-font-base);
    cursor: pointer;
    min-width: 180px;
    appearance: none;
    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");
    background-repeat: no-repeat;
    background-position: right 12px center;
}

.woocommerce-ordering select:focus {
    outline: none;
    border-color: var(--sheeel-primary, #c91c5e);
    box-shadow: 0 0 0 2px var(--ap-focus-shadow);
}

/* ---- No products found ---- */
.no-products-found {
    text-align: center;
    padding: var(--ap-pad-y-lg) var(--ap-pad-x);
    background: var(--ap-bg);
    border-radius: var(--ap-radius-md);
    margin: var(--ap-margin) 0;
}

.no-products-found h2 {
    font-size: var(--ap-font-h2);
    color: var(--ap-select-color);
    margin-bottom: var(--ap-margin);
}

.back-home-btn {
    display: inline-block;
    padding: var(--ap-btn-pad-y) var(--ap-btn-pad-x);
    background: var(--sheeel-primary, #c91c5e);
    color: var(--color-text-on-primary);
    text-decoration: none;
    border-radius: var(--ap-btn-radius);
    font-weight: var(--font-weight-semibold);
    transition: background var(--ap-transition-bg);
}

.back-home-btn:hover {
    background: var(--ap-hover-bg);
}

/* ---- Breadcrumb (live 3-e .sheeel-breadcrumbs) ---- */
.sheeel-breadcrumbs {
    padding: var(--ap-pad-y) 0;
    margin-bottom: var(--ap-margin);
}

.breadcrumb-items {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: var(--ap-gap-sm);
}

.breadcrumb-items li {
    display: flex;
    align-items: center;
    gap: var(--ap-gap-sm);
}

.breadcrumb-items a {
    color: var(--sheeel-primary, #c91c5e);
    text-decoration: none;
    font-size: var(--ap-font-base);
    transition: color var(--ap-transition-color);
}

.breadcrumb-items a:hover {
    color: var(--ap-hover-bg);
    text-decoration: underline;
}

.breadcrumb-separator {
    color: var(--ap-sep-color);
    font-size: var(--ap-font-xs);
}

.breadcrumb-current {
    color: var(--ap-select-color);
    font-weight: var(--font-weight-medium);
    font-size: var(--ap-font-base);
}

/* ---- Category header ---- */
.category-page-header {
    margin-bottom: var(--ap-header-margin);
    padding-bottom: var(--ap-pad-y);
    border-bottom: 2px solid var(--ap-header-border);
}

.category-page-header h1 {
    font-size: var(--ap-font-h1);
    color: var(--ap-select-color);
    margin: 0;
}

/* ---- Hide default archive/term descriptions ---- */
.archive-description,
.term-description,
.woocommerce-products-header,
.term-description p {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
}
