/* Donaldsons — category/archive template, built from donaldsons-category-v2.html concept.
   Classes namespaced .don-cat-* (product grid/card classes .don-cat-product-*) to avoid
   colliding with WooCommerce's own .products/.product classes or Divi globals. */

:root{
  --don-ink:#17201c;
  --don-deep:#183128;
  --don-paper:#f4f1e9;
  --don-cream:#faf8f2;
  --don-line:#d7d0c1;
  --don-muted:#5c6b60;
  --don-gold:#a68b55;
  --don-red:#713d38;
  --don-white:#fffdf8;
}

.don-cat{background:var(--don-paper);color:var(--don-ink);font-family:Inter,Arial,sans-serif;font-size:15px;line-height:1.55}
.don-cat a{color:inherit;text-decoration:none}

/* Explicit isolation from Divi/WooCommerce global resets — same principle as
   front-page.css. Category pages pick up an extra layer of this (WooCommerce's
   own ul.products li.product h3 rules, plus Divi's customizer-generated CSS
   also targeting h1-h6 and that same WooCommerce selector) — all neutralized
   here rather than out-specificity-ing each one individually. */
.don-cat, .don-cat *{box-sizing:border-box}
.don-cat img{max-width:100%;height:auto;display:block;border:0}
.don-cat h1,.don-cat h2,.don-cat h3,.don-cat h4,.don-cat h5,.don-cat h6{margin:0;padding:0;font-weight:inherit;line-height:inherit;color:inherit;font-family:inherit}
.don-cat p{margin:0;padding:0}

/* Hero — split copy/image panel, distinct from the homepage's single-flowing-photo hero */
.don-cat-hero{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:34% 66%;min-height:360px}
.don-cat-hero-copy{background:var(--don-deep);color:#f5f1e8;padding:55px 6%;display:flex;flex-direction:column;justify-content:center}
.don-cat-crumb{font-size:12px;color:#c9c5bb;margin-bottom:20px}
.don-cat-crumb a:hover{text-decoration:underline}
.don-cat-hero-copy h1{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:46px;line-height:1;margin:0 0 18px;color:#fff}
.don-cat-hero-copy p{max-width:400px;color:#d9d5cb;font-family:'Cormorant Garamond',serif;font-size:18px;line-height:1.45;margin:0 0 26px}
.don-cat-gold-rule{width:42px;height:2px;background:var(--don-gold);margin-bottom:26px}
.don-cat-assure-mini{display:grid;gap:12px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#e7dfce}
.don-cat-hero-image{min-height:360px;background-size:cover;background-position:center;background-color:#cfc7ba}

/* Assurances strip — same trust pillars used sitewide, not category-specific claims */
.don-cat-assurances{max-width:1400px;margin:0 auto;border-bottom:1px solid var(--don-line);display:grid;grid-template-columns:repeat(4,1fr);background:var(--don-cream)}
.don-cat-assurance{padding:20px 26px;display:grid;grid-template-columns:30px 1fr;gap:12px;border-right:1px solid var(--don-line)}
.don-cat-assurance:last-child{border-right:0}
.don-cat-assurance .ico{font-size:20px;line-height:1}
.don-cat-assurance strong{display:block;font-size:10px;letter-spacing:.07em;text-transform:uppercase;margin-bottom:3px;color:var(--don-ink)}
.don-cat-assurance span{font-size:12px;color:var(--don-muted)}

/* Toolbar — filter/sort */
.don-cat-catalogue{max-width:1400px;margin:0 auto;padding:36px 34px 70px}
.don-cat-toolbar{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:16px;margin-bottom:22px;border-bottom:1px solid var(--don-line);padding-bottom:18px}
.don-cat-filters{display:flex;gap:24px;align-items:center;flex-wrap:wrap}
.don-cat-filters form{display:flex;gap:24px;align-items:center;flex-wrap:wrap}
.don-cat-filters label{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--don-muted);margin-right:6px}
.don-cat-toolbar select{border:0;border-bottom:1px solid #aaa;background:transparent;padding:4px 20px 6px 0;color:var(--don-ink);font-size:13px}
.don-cat-toolbar .orderby{border:0;border-bottom:1px solid #aaa;background:transparent;padding:4px 20px 6px 0;color:var(--don-ink);font-size:13px}
.don-cat-sort-form{margin:0}
.don-cat-result-count{font-size:12px;color:var(--don-muted);margin:0 0 18px}

/* Product grid — targets WooCommerce's own ul.products output directly,
   rather than a custom class, since woocommerce_product_loop_start() doesn't
   accept one to inject. */
.don-cat-catalogue ul.products{display:grid !important;grid-template-columns:repeat(4,1fr);gap:18px;list-style:none;margin:0;padding:0}
.don-cat-catalogue ul.products li.product{float:none;width:auto;margin:0}
.don-cat-product{background:var(--don-cream);border:1px solid var(--don-line);padding-bottom:20px;position:relative;transition:.2s;list-style:none}
.don-cat-product:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(20,20,15,.1)}
.don-cat-product-image{aspect-ratio:.9;background:#e9e4da;overflow:hidden;position:relative}
.don-cat-product-image img{width:100%;height:100%;object-fit:cover}
.don-cat-soldout{position:absolute;top:10px;left:10px;background:var(--don-ink);color:#fff;font-size:10px;letter-spacing:.05em;text-transform:uppercase;padding:4px 9px}
.don-cat-product-info{text-align:center;padding:15px 12px 0}
.don-cat-product-name{font-family:'Cormorant Garamond',serif;font-size:19px}
.don-cat-product-name a:hover{text-decoration:underline}
.don-cat-product-attr{font-size:12px;color:var(--don-muted);margin-top:2px}
.don-cat-product-price{font-size:13px;margin-top:8px;color:var(--don-red);font-weight:600}
.don-cat-product-price del{color:var(--don-muted);font-weight:400;margin-right:6px;opacity:.7}
.don-cat-empty{padding:60px 20px;text-align:center;color:var(--don-muted)}

.don-cat-pagination{margin:36px 0 0;text-align:center}
.don-cat-pagination .page-numbers{display:inline-block;padding:8px 14px;margin:0 3px;font-size:12px;border:1px solid var(--don-line);color:var(--don-ink)}
.don-cat-pagination .page-numbers.current{background:var(--don-deep);color:#fff;border-color:var(--don-deep)}

/* Heritage story — long-form category description */
.don-cat-story{max-width:1400px;margin:0 auto;background:#eee9df;display:grid;grid-template-columns:42% 58%;min-height:280px}
.don-cat-story-image{background-size:cover;background-position:center;background-color:#c5bbaa}
.don-cat-story-copy{padding:50px 6%;display:flex;align-items:center;gap:5%}
.don-cat-story-text{flex:1;min-width:0}
.don-cat-story-copy h2{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:29px;line-height:1.15;margin:0 0 16px;color:var(--don-ink)}
.don-cat-story-copy .don-cat-body{max-width:560px;color:#4e4e47}
.don-cat-story-copy .don-cat-body p{margin:0 0 14px}
.don-cat-story-copy .don-cat-body h2,.don-cat-story-copy .don-cat-body h3{font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:500;margin:18px 0 8px;color:var(--don-ink)}
.don-cat-story-copy .don-cat-body ul{margin:0 0 14px;padding-left:20px}

/* Heritage crest badge — decorative placeholder, per Step 3 of the footer/story brief */
.don-cat-badge{flex:0 0 auto;width:120px;text-align:center;color:var(--don-muted)}
.don-cat-badge svg{width:120px;height:120px}
.don-cat-badge-est{font-size:12px;letter-spacing:.06em;text-transform:uppercase;margin-top:8px;color:var(--don-ink);font-weight:600}

/* Category-only trust band — sits between the story section and the global footer */
.don-cat-trust{background:var(--don-ink);color:#e7dfce}
.don-cat-trust-grid{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr)}
.don-cat-trust-item{padding:34px 5%;border-right:1px solid rgba(255,255,255,.12)}
.don-cat-trust-item:last-child{border-right:0}
.don-cat-trust-item h4{font-size:11px;letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px;color:#fff}
.don-cat-trust-item p{font-size:13px;margin:0 0 4px;color:#cfc7b3}
.don-cat-trust-item a{color:#e7c78a}
.don-cat-trust-item a:hover{text-decoration:underline}

@media(max-width:900px){
  .don-cat-hero{grid-template-columns:1fr}
  .don-cat-hero-copy{min-height:0;padding:40px 7vw}
  .don-cat-hero-image{min-height:280px}
  .don-cat-assurances{grid-template-columns:repeat(2,1fr)}
  .don-cat-assurance:nth-child(2){border-right:0}
  .don-cat-catalogue ul.products{grid-template-columns:repeat(2,1fr) !important;gap:12px}
  .don-cat-catalogue{padding:26px 5vw 50px}
  .don-cat-story{grid-template-columns:1fr;margin:0 5vw}
  .don-cat-story-image{min-height:220px}
  .don-cat-story-copy{padding:34px 8%;flex-direction:column;text-align:center;gap:24px}
  .don-cat-trust-grid{grid-template-columns:1fr;text-align:center}
  .don-cat-trust-item{border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}
  .don-cat-trust-item:last-child{border-bottom:0}
}
@media(max-width:620px){
  .don-cat-toolbar{display:block}
  .don-cat-filters form{overflow-x:auto;padding-bottom:6px}
  .don-cat-hero-copy h1{font-size:36px}
  .don-cat-hero-copy p{font-size:16px}
  .don-cat-catalogue ul.products{grid-template-columns:repeat(2,1fr) !important;gap:8px}
  .don-cat-product-name{font-size:16px}
}