/* ============================================================
   Aangan — Category / Shop archive
   Restyle of the WooCommerce archive. Filters stay hook-driven;
   this only re-skins. Scoped under body.aangan-archive.
   Source design: mockups/aangan-category.html
   ============================================================ */

body.aangan-archive {
  --ag-cream:     oklch(94.2% 0.012 85);
  --ag-cream-2:   oklch(91% 0.012 85);
  --ag-paper:     oklch(97% 0.008 90);
  --ag-ink:       oklch(22% 0.015 55);
  --ag-ink-2:     oklch(16% 0.012 55);
  --ag-ink-soft:  oklch(40% 0.015 55);
  --ag-red:       oklch(48% 0.17 25);
  --ag-brass:     oklch(58% 0.09 75);
  --ag-brass-d:   oklch(48% 0.085 72);
  --ag-rule:      oklch(82% 0.02 75 / 0.7);
  --ag-rule-soft: oklch(82% 0.02 75 / 0.35);
  --ag-sand:      oklch(82% 0.025 75);
  --ag-pad:       clamp(20px, 3vw, 40px);
  background: var(--ag-cream) !important;
}
body.aangan-archive #content,
body.aangan-archive #main,
body.aangan-archive .site-content { background: var(--ag-cream) !important; }

/* ---------- Page header -> editorial title ---------- */
body.aangan-archive .page-header {
  background: var(--ag-cream) !important;
  border-bottom: 1px solid var(--ag-rule);
  padding: 56px 0 36px !important;
}
body.aangan-archive .page-header .page-header-title,
body.aangan-archive h1.page-header-title {
  font-family: 'Fraunces', Georgia, serif !important;
  font-variation-settings: "opsz" 144;
  font-weight: 300 !important;
  font-size: clamp(36px, 5vw, 60px) !important;
  line-height: 1.0 !important; letter-spacing: -0.025em !important;
  color: var(--ag-ink) !important; text-transform: none !important;
}
body.aangan-archive .site-breadcrumbs,
body.aangan-archive nav.woocommerce-breadcrumb,
body.aangan-archive .woocommerce-breadcrumb {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 11px !important; letter-spacing: 0.18em; text-transform: uppercase;
  color: var(--ag-ink-soft) !important;
}
body.aangan-archive .woocommerce-breadcrumb a:hover { color: var(--ag-red) !important; }

/* ---------- Stats line (injected) ---------- */
body.aangan-archive .ag-cat-stats {
  display: flex; gap: 36px; flex-wrap: wrap;
  margin: 6px 0 26px;
  font-size: 11px; letter-spacing: 0.22em; text-transform: uppercase; color: var(--ag-ink-soft);
}
body.aangan-archive .ag-cat-stats strong {
  display: block; font-family: 'Fraunces', serif; font-weight: 400; font-size: 26px;
  color: var(--ag-ink); margin-bottom: 4px; letter-spacing: -0.01em; text-transform: none;
}
body.aangan-archive .term-description,
body.aangan-archive .woocommerce-archive-description p {
  font-family: 'Fraunces', serif; font-weight: 300; font-size: 17px; line-height: 1.6;
  color: var(--ag-ink-soft); max-width: 60ch;
}

/* ---------- Filter / sort toolbar (the hook-output selects) ---------- */
body.aangan-archive .woocommerce-result-count {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 11px !important; letter-spacing: 0.2em; text-transform: uppercase;
  color: var(--ag-ink-soft) !important;
}
body.aangan-archive select.orderby,
body.aangan-archive select.price-filter-select,
body.aangan-archive select.metal-filter-select,
body.aangan-archive select.product-type-filter-select,
body.aangan-archive .woocommerce-ordering select {
  -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 10.5px !important; letter-spacing: 0.16em !important; text-transform: uppercase !important; font-weight: 500 !important;
  color: var(--ag-ink) !important;
  background-color: transparent !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%232b2722' stroke-width='1.3' fill='none'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important; background-position: right 14px center !important;
  border: 1px solid var(--ag-ink) !important; border-radius: 0 !important;
  padding: 12px 36px 12px 16px !important;
  cursor: pointer; transition: background-color 0.2s ease, color 0.2s ease;
  height: auto !important; line-height: 1.2 !important;
}
body.aangan-archive select.orderby:hover,
body.aangan-archive select.price-filter-select:hover,
body.aangan-archive select.metal-filter-select:hover,
body.aangan-archive select.product-type-filter-select:hover,
body.aangan-archive .woocommerce-ordering select:hover {
  background-color: var(--ag-ink) !important; color: var(--ag-cream) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23f0ece3' stroke-width='1.3' fill='none'/%3E%3C/svg%3E") !important;
}
/* keep the focused/open box legible (cream on ink, not the dark-on-dark glitch) */
body.aangan-archive select.orderby:focus,
body.aangan-archive select.price-filter-select:focus,
body.aangan-archive select.metal-filter-select:focus,
body.aangan-archive select.product-type-filter-select:focus,
body.aangan-archive .woocommerce-ordering select:focus {
  background-color: var(--ag-ink) !important; color: var(--ag-cream) !important;
  border-color: var(--ag-ink) !important; outline: none !important;
}
/* the OPEN options panel — Chrome renders this light, so cream text would
   vanish. Force ink-on-paper, normal case, regardless of the box's state. */
body.aangan-archive select.orderby option,
body.aangan-archive select.price-filter-select option,
body.aangan-archive select.metal-filter-select option,
body.aangan-archive select.product-type-filter-select option,
body.aangan-archive .woocommerce-ordering select option {
  background-color: var(--ag-paper) !important;
  color: var(--ag-ink) !important;
  font-family: 'DM Sans', sans-serif !important;
  font-weight: 400 !important; text-transform: none !important; letter-spacing: normal !important;
}
body.aangan-archive select.orderby option:checked,
body.aangan-archive select.price-filter-select option:checked,
body.aangan-archive select.metal-filter-select option:checked,
body.aangan-archive select.product-type-filter-select option:checked,
body.aangan-archive .woocommerce-ordering select option:checked {
  background-color: var(--ag-cream-2, oklch(91% 0.012 85)) !important; color: var(--ag-red) !important; font-weight: 500 !important;
}
/* search input to match */
body.aangan-archive .woocommerce-product-search input[type="search"],
body.aangan-archive input.search-field,
body.aangan-archive .search-products-wrapper input,
body.aangan-archive form[role="search"] input[type="search"] {
  font-family: 'DM Sans', sans-serif !important; font-size: 11px !important; letter-spacing: 0.05em;
  color: var(--ag-ink) !important; background: transparent !important;
  border: 1px solid var(--ag-rule) !important; border-radius: 0 !important;
  padding: 12px 14px !important;
}
body.aangan-archive .woocommerce-product-search input[type="search"]:focus,
body.aangan-archive input.search-field:focus { border-color: var(--ag-ink) !important; outline: none !important; }
/* tidy the toolbar wrapper that holds the filters */
body.aangan-archive .owp-shop-toolbar,
body.aangan-archive .shop-filters-wrap,
body.aangan-archive form.woocommerce-ordering { margin: 0 !important; }

/* ---------- Product grid ---------- */
body.aangan-archive ul.products {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 40px 28px !important;
  margin: 8px 0 0 !important;
}
@media (max-width: 900px) { body.aangan-archive ul.products { grid-template-columns: repeat(2, 1fr) !important; } }
@media (max-width: 520px) { body.aangan-archive ul.products { grid-template-columns: 1fr !important; gap: 28px !important; } }
body.aangan-archive ul.products li.product {
  width: auto !important; margin: 0 !important; padding: 0 !important; float: none !important;
  background: transparent !important; border: none !important;
}
body.aangan-archive ul.products li.product::before,
body.aangan-archive ul.products li.product::after { display: none !important; }

/* card — visuals come from the global .ag-card rules (style.css) */
body.aangan-archive li.product .ag-card { display: block; color: inherit; }

/* meta badge -> small plate */
body.aangan-archive .product-card-meta-badge {
  display: inline-block; margin: 12px 0 0;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 10.5px !important; letter-spacing: 0.2em; text-transform: uppercase;
  color: var(--ag-ink-soft) !important; background: transparent !important; padding: 0 !important;
}
body.aangan-archive .product-card-meta-badge .badge-icon { color: var(--ag-brass); }

/* title */
body.aangan-archive li.product .woocommerce-loop-product__title,
body.aangan-archive li.product h2,
body.aangan-archive li.product h3 {
  font-family: 'Fraunces', serif !important; font-weight: 400 !important;
  font-size: 17px !important; line-height: 1.3 !important; letter-spacing: -0.005em;
  color: var(--ag-ink) !important; padding: 6px 0 0 !important; text-transform: none !important;
}

/* price */
body.aangan-archive li.product .price,
body.aangan-archive li.product .price ins {
  font-family: 'Fraunces', serif !important; font-weight: 400 !important;
  font-size: 16px !important; color: var(--ag-ink) !important;
}
body.aangan-archive li.product .price del { color: var(--ag-ink-soft) !important; font-size: 0.85em; opacity: 0.7; }

/* sale flash */
body.aangan-archive span.onsale {
  background: var(--ag-red) !important; color: var(--ag-cream) !important;
  border-radius: 0 !important; font-family: 'DM Sans', sans-serif !important;
  font-size: 10px !important; letter-spacing: 0.16em; text-transform: uppercase;
  min-height: 0 !important; min-width: 0 !important; line-height: 1 !important;
  padding: 5px 8px !important; top: 12px !important; left: 12px !important; right: auto !important; margin: 0 !important;
}

/* view details */
body.aangan-archive .product-card-view-details {
  display: inline-block; margin-top: 10px;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase;
  color: var(--ag-ink); border-bottom: 1px solid var(--ag-ink); padding-bottom: 2px;
  transition: color 0.2s ease, border-color 0.2s ease;
}
body.aangan-archive li.product:hover .product-card-view-details { color: var(--ag-red); border-bottom-color: var(--ag-red); }

/* ---------- Pagination ---------- */
body.aangan-archive .woocommerce-pagination { margin-top: 48px !important; border-top: 1px solid var(--ag-rule); padding-top: 28px; }
body.aangan-archive .woocommerce-pagination ul { border: none !important; display: flex; flex-wrap: wrap; gap: 6px; justify-content: center; padding: 0 !important; margin: 0 auto !important; max-width: 100% !important; list-style: none !important; }
body.aangan-archive .woocommerce-pagination ul li { border: none !important; }
body.aangan-archive .woocommerce-pagination .page-numbers {
  font-family: 'Fraunces', serif !important; font-size: 18px !important;
  color: var(--ag-ink-soft) !important; background: transparent !important;
  border: 1px solid transparent !important; padding: 6px 14px !important; min-width: 0 !important;
}
body.aangan-archive .woocommerce-pagination .page-numbers.current {
  color: var(--ag-red) !important; font-style: italic; border-color: var(--ag-rule) !important;
}
body.aangan-archive .woocommerce-pagination .page-numbers:hover { color: var(--ag-ink) !important; }

/* ============================================================
   Visit band (injected after the loop)
   ============================================================ */
body.aangan-archive .ag-archive-visit {
  margin: 80px 0 0; background: var(--ag-ink); color: var(--ag-cream);
  padding: 88px var(--ag-pad);
}
body.aangan-archive .ag-archive-visit-inner {
  max-width: 1040px; margin: 0 auto;
  display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center;
}
@media (max-width: 780px) { body.aangan-archive .ag-archive-visit-inner { grid-template-columns: 1fr; gap: 32px; } }
body.aangan-archive .ag-archive-visit .ag-eyebrow {
  display: block; font-size: 10.5px; letter-spacing: 0.26em; text-transform: uppercase;
  font-weight: 500; color: var(--ag-brass); margin-bottom: 12px;
}
body.aangan-archive .ag-archive-visit h2 {
  font-family: 'Fraunces', serif; font-weight: 300;
  font-size: clamp(32px, 4.2vw, 50px); line-height: 1.02; letter-spacing: -0.02em; color: var(--ag-cream);
}
body.aangan-archive .ag-archive-visit h2 em { font-style: italic; color: var(--ag-brass); }
body.aangan-archive .ag-archive-visit p {
  font-family: 'Fraunces', serif; font-weight: 300; font-size: 17px; line-height: 1.6;
  color: oklch(88% 0.015 80); max-width: 40ch; margin-top: 16px;
}
body.aangan-archive .ag-archive-visit-ctas { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 26px; }
body.aangan-archive .ag-cta {
  display: inline-flex; align-items: center; gap: 10px; padding: 16px 26px;
  font-family: 'DM Sans', sans-serif; font-size: 12px; letter-spacing: 0.22em; text-transform: uppercase; font-weight: 500;
  background: var(--ag-brass); color: var(--ag-ink); border: 1px solid var(--ag-brass); transition: all 0.2s ease;
}
body.aangan-archive .ag-cta:hover { background: var(--ag-brass-d); border-color: var(--ag-brass-d); color: var(--ag-cream); }
body.aangan-archive .ag-cta.ghost { background: transparent; color: var(--ag-cream); border-color: var(--ag-cream); }
body.aangan-archive .ag-cta.ghost:hover { background: var(--ag-cream); color: var(--ag-ink); }
body.aangan-archive .ag-archive-visit-meta { font-size: 13px; color: var(--ag-sand); line-height: 1.7; }
body.aangan-archive .ag-archive-visit-meta strong {
  display: block; font-family: 'Fraunces', serif; font-weight: 400; font-size: 16px;
  color: var(--ag-cream); margin-bottom: 4px; letter-spacing: -0.005em;
}

/* ---------- refinements: borderless cards + ink price ---------- */
body.aangan-archive ul.products li.product,
body.aangan-archive ul.products li.oceanwp-clickable-product-card {
  background: transparent !important; border: none !important;
  box-shadow: none !important; border-radius: 0 !important; padding: 0 !important;
}
body.aangan-archive li.product .price,
body.aangan-archive li.product .price *,
body.aangan-archive li.product .woocommerce-Price-amount,
body.aangan-archive li.product .woocommerce-Price-amount bdi {
  color: var(--ag-ink) !important;
}

/* Show the Aangan-styled native <select>, hide OceanWP's customSelect widget.
   The native select keeps its onchange->submit, so filtering still works. */
body.aangan-archive select.hasCustomSelect {
  display: inline-block !important;
  position: static !important;
  opacity: 1 !important; visibility: visible !important;
  width: auto !important; height: auto !important;
  clip: auto !important; clip-path: none !important;
}
body.aangan-archive .customSelect,
body.aangan-archive span.customSelect,
body.aangan-archive span.theme-select { display: none !important; }

/* ============================================================
   v2 — match the mockup: editorial head + left filter rail
   ============================================================ */

/* hide leftover default title chrome on archives */
body.aangan-archive .woocommerce-products-header__title,
body.aangan-archive .page-header { display: none !important; }
body.aangan-archive .woocommerce-products-header { margin: 0 !important; padding: 0 !important; }

/* ---------- Editorial head (eyebrow + italic-red title + desc/stats aside) ---------- */
body.aangan-archive .ag-cat-head {
  display: grid; grid-template-columns: 1.3fr 1fr; gap: 56px; align-items: end;
  padding: 48px 0 34px; border-bottom: 1px solid var(--ag-rule);
}
@media (max-width: 900px) { body.aangan-archive .ag-cat-head { grid-template-columns: minmax(0, 1fr); gap: 22px; padding-top: 32px; } }
body.aangan-archive .ag-cat-eyebrow {
  display: block; font-family: 'DM Sans', sans-serif;
  font-size: 10.5px; letter-spacing: 0.26em; text-transform: uppercase;
  color: var(--ag-red); font-weight: 500; margin-bottom: 14px;
}
body.aangan-archive .ag-cat-title {
  font-family: 'Fraunces', Georgia, serif; font-variation-settings: "opsz" 144;
  font-weight: 300; font-size: clamp(40px, 5.5vw, 72px); line-height: 0.92;
  letter-spacing: -0.03em; color: var(--ag-ink); margin: 0;
}
body.aangan-archive .ag-cat-title em { font-style: italic; color: var(--ag-red); font-weight: 400; }
body.aangan-archive .ag-cat-head-right { padding-bottom: 6px; }
body.aangan-archive .ag-cat-desc {
  font-family: 'Fraunces', serif; font-weight: 300; font-size: 16.5px; line-height: 1.6;
  color: var(--ag-ink-soft); max-width: 42ch;
}
body.aangan-archive .ag-cat-head .ag-cat-stats { margin: 22px 0 0; }

/* ---------- 2-column: filter rail (left) + products (right) ---------- */
body.aangan-archive .entry-content {
  display: grid !important;
  grid-template-columns: 220px minmax(0, 1fr) !important;
  column-gap: 52px !important; align-items: start !important;
}
body.aangan-archive .entry-content > .woocommerce-products-header,
body.aangan-archive .entry-content > .woocommerce-notices-wrapper,
body.aangan-archive .entry-content > .clr { grid-column: 1 / -1 !important; }
body.aangan-archive .entry-content > .oceanwp-toolbar { grid-column: 1 !important; }
body.aangan-archive .entry-content > ul.products { grid-column: 2 !important; }
body.aangan-archive .entry-content > .woocommerce-pagination { grid-column: 2 !important; }

/* the toolbar becomes a vertical "Refine" rail */
body.aangan-archive .oceanwp-toolbar {
  display: flex !important; flex-direction: column !important; align-items: stretch !important;
  gap: 12px !important; margin: 26px 0 0 !important; padding: 18px 0 0 !important;
  border-top: 1px solid var(--ag-rule); position: sticky; top: 108px;
}
body.aangan-archive .oceanwp-toolbar::before {
  content: 'Refine'; font-family: 'DM Sans', sans-serif;
  font-size: 10.5px; letter-spacing: 0.26em; text-transform: uppercase; color: var(--ag-red); font-weight: 500;
  margin-bottom: 4px;
}
body.aangan-archive .oceanwp-toolbar form.woocommerce-ordering,
body.aangan-archive .oceanwp-toolbar .woocommerce-product-search { width: 100% !important; margin: 0 !important; }
body.aangan-archive .oceanwp-toolbar select { width: 100% !important; }
body.aangan-archive .oceanwp-toolbar .woocommerce-product-search input[type="search"] { width: 100% !important; box-sizing: border-box; }
body.aangan-archive .oceanwp-toolbar .woocommerce-result-count { order: 90; margin: 6px 0 0 !important; }
/* hide the grid/list view switch in the rail (keep it simple) */
body.aangan-archive .oceanwp-toolbar .woocommerce-ordering ~ .owp-grid-list,
body.aangan-archive .oceanwp-toolbar .owp-view-switch { display: none !important; }

@media (max-width: 960px) {
  body.aangan-archive .entry-content { grid-template-columns: minmax(0, 1fr) !important; }
  body.aangan-archive .entry-content > .oceanwp-toolbar,
  body.aangan-archive .entry-content > ul.products,
  body.aangan-archive .entry-content > .woocommerce-pagination { grid-column: 1 !important; min-width: 0 !important; }
  body.aangan-archive .oceanwp-toolbar { position: static; flex-direction: row; flex-wrap: wrap; }
  body.aangan-archive .oceanwp-toolbar::before { width: 100%; }
  /* below the rail-as-row breakpoint, make each filter a full-width stacked control */
  body.aangan-archive .oceanwp-toolbar form.woocommerce-ordering,
  body.aangan-archive .oceanwp-toolbar .woocommerce-product-search { flex: 1 1 100%; min-width: 0 !important; }
}
/* prevent any grid/flex track from growing to a select's long-option min-content */
body.aangan-archive .entry-content,
body.aangan-archive .ag-cat-head,
body.aangan-archive .ag-cat-head-left,
body.aangan-archive .ag-cat-head-right,
body.aangan-archive .oceanwp-toolbar,
body.aangan-archive .oceanwp-toolbar > * { min-width: 0 !important; }
body.aangan-archive .oceanwp-toolbar select { width: 100% !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; }

/* product right column: 3 -> fit narrower area */
body.aangan-archive .entry-content > ul.products { grid-template-columns: repeat(3, 1fr) !important; }
@media (max-width: 1200px) { body.aangan-archive .entry-content > ul.products { grid-template-columns: repeat(2, 1fr) !important; } }
@media (max-width: 520px) { body.aangan-archive .entry-content > ul.products { grid-template-columns: 1fr !important; } }

/* ---------- card meta + weight ---------- */
body.aangan-archive .ag-card-meta {
  margin-top: 4px; font-family: 'DM Sans', sans-serif;
  font-size: 10px; letter-spacing: 0.2em; text-transform: uppercase; color: var(--ag-ink-soft);
}
body.aangan-archive .ag-card-weight {
  font-family: 'DM Sans', sans-serif; font-size: 10.5px; letter-spacing: 0.12em; text-transform: uppercase;
  color: var(--ag-ink-soft); margin-left: 10px;
}

/* ============================================================
   v3 fixes — uniform rail controls, search box, card bg, red price, head align
   ============================================================ */

/* head: top-align the title (left) with the description/stats (right) */
body.aangan-archive .ag-cat-head { align-items: start !important; }

/* all rail controls full-width & identical (price/metal forms + the product-type DIV + sort) */
body.aangan-archive .oceanwp-toolbar > .woocommerce-ordering,
body.aangan-archive .oceanwp-toolbar > form.woocommerce-ordering,
body.aangan-archive .oceanwp-toolbar > div.woocommerce-ordering,
body.aangan-archive .oceanwp-toolbar > .category-search-form {
  width: 100% !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important;
}
body.aangan-archive .oceanwp-toolbar select { width: 100% !important; box-sizing: border-box !important; }

/* search box -> match the filter buttons exactly */
body.aangan-archive .category-search-form { position: relative; }
body.aangan-archive input.category-search-input {
  width: 100% !important; box-sizing: border-box !important;
  -webkit-appearance: none !important; appearance: none !important;
  font-family: 'DM Sans', sans-serif !important; font-size: 10.5px !important;
  letter-spacing: 0.14em !important; text-transform: uppercase !important; font-weight: 500 !important;
  color: var(--ag-ink) !important; background: transparent !important;
  border: 1px solid var(--ag-ink) !important; border-radius: 0 !important;
  padding: 12px 40px 12px 16px !important; height: auto !important; line-height: 1.2 !important;
}
body.aangan-archive input.category-search-input::placeholder { color: var(--ag-ink-soft) !important; text-transform: uppercase; letter-spacing: 0.14em; }
body.aangan-archive input.category-search-input:focus { outline: none !important; border-color: var(--ag-ink) !important; }
/* the search submit/icon button inside the form */
body.aangan-archive .category-search-form button,
body.aangan-archive .category-search-form [type="submit"] {
  position: absolute; right: 0; top: 0; height: 100%;
  background: transparent !important; border: none !important; color: var(--ag-ink-soft) !important;
  padding: 0 14px !important; cursor: pointer;
}

/* kill the near-white background behind the product grid */
body.aangan-archive ul.products { background: transparent !important; }
body.aangan-archive .entry-content > ul.products { background: transparent !important; }

/* prices -> red (weight stays muted) */
body.aangan-archive .ag-card-price,
body.aangan-archive .ag-card-price ins,
body.aangan-archive .ag-card-price .woocommerce-Price-amount,
body.aangan-archive .ag-card-price .woocommerce-Price-amount bdi { color: var(--ag-red) !important; }
body.aangan-archive .ag-card-weight { color: var(--ag-ink-soft) !important; }

/* the VIEW / grid-list nav in the rail — make it a quiet footer item */
body.aangan-archive .oceanwp-toolbar .oceanwp-grid-list,
body.aangan-archive .oceanwp-toolbar ul.result-count {
  order: 95; font-family: 'DM Sans', sans-serif !important; font-size: 10px !important;
  letter-spacing: 0.18em; text-transform: uppercase; color: var(--ag-ink-soft) !important;
  margin: 4px 0 0 !important; list-style: none; padding: 0 !important;
}

/* price red — override the earlier ink rule (needs li.product to win specificity) */
body.aangan-archive li.product .ag-card-price,
body.aangan-archive li.product .ag-card-price ins,
body.aangan-archive li.product .ag-card-price .woocommerce-Price-amount,
body.aangan-archive li.product .ag-card-price .woocommerce-Price-amount bdi,
body.aangan-archive li.product .ag-card-price .woocommerce-Price-currencySymbol { color: var(--ag-red) !important; }
body.aangan-archive li.product .ag-card-weight { color: var(--ag-ink-soft) !important; }

/* search icon: vertically centre it inside the input */
body.aangan-archive .category-search-form { position: relative !important; }
body.aangan-archive .category-search-btn {
  position: absolute !important; right: 0 !important; top: 50% !important; bottom: auto !important;
  transform: translateY(-50%) !important; height: auto !important;
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  padding: 0 14px !important; margin: 0 !important;
  background: transparent !important; border: none !important; box-shadow: none !important;
  color: var(--ag-ink-soft) !important; cursor: pointer;
}
body.aangan-archive .category-search-btn:hover { color: var(--ag-red) !important; }
body.aangan-archive .category-search-btn svg { width: 14px !important; height: 14px !important; display: block !important; }

/* =====================================================================
   Category SEO description — moved BELOW the product grid (it used to be a
   wall of text at the top, pushing products down). Secondary, muted,
   collapsible (native <details>). Mojibake is repaired in PHP (rj_fix_mojibake).
   ===================================================================== */
/* grid-column 1/-1 makes it span the full width if it lands inside the
   products grid (.entry-content); harmless if it's a normal block sibling. */
body.aangan-archive .ag-cat-seo { grid-column: 1 / -1; max-width: 1440px; margin: 0 auto; padding: 0 var(--ag-pad); clear: both; }
body.aangan-archive .ag-cat-seo-box {
  margin-top: 44px; padding-top: 26px; border-top: 1px solid var(--ag-rule);
}
body.aangan-archive .ag-cat-seo-summary {
  cursor: pointer; list-style: none; display: flex; align-items: center;
  font-family: 'DM Sans', sans-serif; font-size: 11px; letter-spacing: 0.2em;
  text-transform: uppercase; font-weight: 600; color: var(--ag-red);
}
body.aangan-archive .ag-cat-seo-summary::-webkit-details-marker { display: none; }
body.aangan-archive .ag-cat-seo-summary::after {
  content: '+'; margin-left: auto; font-size: 18px; line-height: 1; color: var(--ag-ink-soft, #6a5d4c);
}
body.aangan-archive .ag-cat-seo-box[open] .ag-cat-seo-summary::after { content: '\2013'; }
body.aangan-archive .ag-cat-seo-body {
  margin-top: 18px; max-width: 920px;
  font-family: 'DM Sans', sans-serif; font-size: 13.5px; line-height: 1.75;
  color: var(--ag-ink-soft, #6a5d4c);
}
body.aangan-archive .ag-cat-seo-body p { margin: 0 0 13px; }
body.aangan-archive .ag-cat-seo-body b,
body.aangan-archive .ag-cat-seo-body strong { color: var(--ag-ink); font-weight: 600; }
body.aangan-archive .ag-cat-seo-body a { color: var(--ag-red); text-decoration: underline; text-underline-offset: 2px; }
@media (max-width: 600px) { body.aangan-archive .ag-cat-seo-body { font-size: 13px; } }
