/* =====================================================================
   JUST DOG — product archive pages, Kids layout (operator 2026-09-26:
   https://woodmart.xtemos.com/kids/product-category/dresses/ 「全部目錄頁版型都請改成跟這個版型一樣」)
   The structure is the imported Layout-Builder layout "Products archive - JUST DOG (Kids layout)" (woodmart_layout,
   shop_archive, all product archives). This file only patches what the import loses:
   the layout's stored per-element CSS `{width:auto !important; max-width:auto !important}` for the toolbar elements is
   not printed on this site (and `max-width:auto` is invalid CSS anyway).
   2026-09-27 LEGACY CLEANUP: the per-page / view-switcher / ordering / result-count elements this section used to fix
   were removed from the layout the same day (`jdtheme26-archive-remove-filters-toolbar`, `…-result-count-removed`) —
   their width-fix rules and the "keep the toolbar row on one line" margin rule are dead and have been deleted.
   Only the breadcrumb width-fix (still a real element) remains. ===================================================================== */

.wd-woo-breadcrumb.wd-enabled-width {
  width: auto;
  max-width: none;
}

/* The top row of the archive layout is the HOME PAGE's category grid (`.jd-cats`, styled by jd-category.css — operator 2026-09-26:
   「分類頁面的目錄改成跟首頁一樣的目錄樣式」). On the home page it sits between big sections (padding up to 72px); on an archive it is
   the first thing under the header, so it gets a tighter vertical padding. (The Kids round-image carousel + its overlay/count rules were removed.) */
.wd-builder-on .jd-cats { padding-block: clamp(8px, 2vw, 24px) 0; }
.wd-builder-on .wpb_content_element:has(.jd-cats) { margin-bottom: 0; }   /* WPBakery's 35px under the raw-HTML element; the row already has its own 40px */

/* The archive's H1 (2026-09-30, SEO: every category page needs one heading): [jd_archive_title] under the breadcrumb, in the
   page-title face (GenSen Rounded, as the page-title band of normal pages). */
body .jd-archive-title {
  margin: 4px 0 22px;
  color: var(--jd-ink-900, #3b2a1f);
  font-family: "GenSen Rounded 2 TW", "GenSen Rounded 2 TW Ext", "Baloo 2", "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", Arial, sans-serif;
  font-size: clamp(24px, 2.6vw, 32px);
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: .08em;
}

/* Best sellers page /bestseller/ (2026-09-30): one line of introduction above WooCommerce's best-selling list */
body .jd-bestseller__intro { margin: 0 0 28px; text-align: center; }


/* ---- 「寵物生日特輯」 landing text on /product-category/cake/ (inc/jd-cake-landing.php, 2026-09-30): intro under the heading, then after the
   products five short sections + a topic / local FAQ (native <details>). Body text = the site standard (14px / 1.6 / .15em). ---- */
.jd-cat-landing { max-width: 820px; color: var(--jd-ink-700, #5c4a3c); font-size: 14px; line-height: 1.6; letter-spacing: .15em; }
.jd-cat-landing p { margin: 0 0 10px; }
.jd-cat-landing a { color: var(--jd-ink-900, #3b2a1f); text-decoration: underline; text-underline-offset: 3px; }
.jd-cat-landing--intro { margin: 4px 0 18px; }
.jd-cat-landing--more { margin: 56px auto 0; padding: 36px clamp(20px, 4vw, 44px); border: 1px solid var(--jd-card-border, #f2eeef); border-radius: 20px; background: #fff;
  box-shadow: 0 1px 2px rgba(60, 30, 40, .04), 0 8px 24px rgba(60, 30, 40, .06); }
.jd-cat-landing__sec + .jd-cat-landing__sec { margin-top: 26px; padding-top: 22px; border-top: 1px solid #f2eeef; }
.jd-cat-landing h2 { margin: 0 0 10px; color: var(--jd-ink-900, #3b2a1f); font-size: 18px; font-weight: 700; line-height: 1.4; letter-spacing: .08em; }
.jd-cat-landing__qa { margin: 0 0 8px; border: 1px solid var(--jd-border); border-radius: 14px; background: #fff; }
.jd-cat-landing__qa summary { cursor: pointer; padding: 12px 16px; color: var(--jd-ink-900, #3b2a1f); font-weight: 600; list-style-position: inside; }
.jd-cat-landing__qa summary:focus-visible { outline: 2px solid var(--jd-ink-900, #3b2a1f); outline-offset: 2px; border-radius: 12px; }
.jd-cat-landing__qa p { margin: 0; padding: 0 16px 14px; }
.jd-cat-landing__more { margin-top: 14px !important; }
/* 2026-09-30 (SEO P0): the button to the cake product under the intro, and the two-line list of the 5-day rule */
.jd-cat-landing .jd-cat-landing__cta { margin: 14px 0 0; }
body .jd-cat-landing a.jd-btn { color: var(--jd-btn-fg); text-decoration: none; }
.jd-cat-landing ul { margin: 0 0 10px; padding-left: 1.4em; list-style: disc; }
.jd-cat-landing li { margin: 0 0 6px; }
@media (max-width: 767px) {
  .jd-cat-landing--more { margin-top: 40px; padding: 26px 18px; }
}