/* ===== SEO / AI-SEO: Product page content visibility & readability ===== */

/* The short description field is truncated at the data level for many
   products (cut off mid-sentence, e.g. "...this engaging add"). Rather
   than show broken/cut-off text, hide it in favor of the full, complete
   Description content (auto-expanded below, no click needed). */
.theme-product-short-description {
  display: none !important;
}

/* Improve readability of the accordion content (Customize / Product Details) */
details {
  font-size: 15px !important;
  line-height: 1.6 !important;
}

/* The accordions are force-opened on load via a small script (see Footer
   Code) so Author, ISBN, and the full description are visible without a
   click. Keep the icon showing the "expanded" state to match. */
.theme-accordion-open {
  display: none !important;
}
.theme-accordion-close {
  display: block !important;
}

/* The product info column and its ancestors have fixed pixel heights sized
   for the old collapsed state. Let them grow to fit the now-always-open
   accordion content, otherwise it renders clipped/behind the next section.
   Scoped with :has() to the product detail area only, so other sections on
   the site keep their fixed heights. */
.theme-product-detail-container,
.theme-product-detail-column.theme-product-detail-container {
  height: auto !important;
}
.zpcontainer:has(.theme-product-detail-column),
.theme-section:has(.theme-product-detail-column) {
  height: auto !important;
}



/* Shopping cart is turned off, so the quantity selector (+/-
   stepper) and Add to Cart / View Details row on product pages
   are just confusing dead UI. Hide the whole row -- the cart
   buttons are already hidden by the theme when cart is disabled,
   so this only removes the quantity stepper and its empty
   leftover spacing, turning the page into pure product info. */
.theme-product-quantity-cart-area {
    display: none !important;
}

/* Product page description block: force Rubik font and plain
   black text for the heading, paragraph, and list items, instead
   of the site's decorative serif/brown h2 and the global blue
   body text color. Scoped to the product description content
   block only, so Home page and other headings/text are unaffected. */
.theme-prod-content-details p,
.theme-prod-content-details li,
.theme-prod-content-details strong,
.theme-prod-content-details em {
    color: #000000 !important;
}

.theme-prod-content-details h2 {
    font-family: Rubik, sans-serif !important;
  color: #000000 !important;
}


/* The "Customize" accordion only ever shows read-only book
   metadata (Author, Illustrator, Binding, ISBN, etc.), not actual
   product options. Footer Code JS now copies those label/value
   pairs into a list appended to Product Details, so hide the
   original "Customize" accordion to avoid showing the same info
   twice. */
.theme-custom-field-accordion {
    display: none !important;
}

/* Spacing for the merged custom-field list that Footer Code JS
   appends into Product Details (.theme-prod-content-details). */
.theme-merged-custom-fields {
    margin-top: 16px !important;
}