/* ==========================================================================
   RV LAYOUT, DESKTOP PATCH 9  -  rv-layout-desktop-9.css

   Loaded after rv-layout-desktop-8.css. Two faults that survived the v8 pass
   and were found by measuring the live pages in a real browser at 1901px,
   not by reading the stylesheets.

   Everything here is inside @media (min-width: 1025px).
   ========================================================================== */

@media (min-width: 1025px) {

/* --------------------------------------------------------------------------
   1. THE PRODUCT DESCRIPTION GETS THE READING COLUMN

   Measured on /product/double-headed-axe-ransack-viking-axes: the description
   is a Woodmart single content widget rendered by Elementor, and all 47 of its
   direct children (paragraphs, h2s, the rv-spec table, the FAQ) were 1830px
   wide starting at x=36. At 19px that is about 190 characters to a line, more
   than twice the readable ceiling, and it is the widest running text left on
   the site. It affects every product page, so roughly 712 URLs.

   v8 never reached it because the widget is not a .rv-shell, not a .rv-sec and
   not .wd-entry-content. It is an Elementor widget container.

   Same contract as v8 section 6: one centred axis, prose at --rv-read and
   wide blocks at --rv-read-wide, so the spec table and the FAQ keep room while
   the paragraphs stay readable.
   -------------------------------------------------------------------------- */

body.rv-petrol .single-product-page .wd-single-content > .elementor-widget-container > * {
  max-width: var(--rv-read-wide, 1160px);
  margin-inline: auto;
}

body.rv-petrol .single-product-page .wd-single-content > .elementor-widget-container > p,
body.rv-petrol .single-product-page .wd-single-content > .elementor-widget-container > h2,
body.rv-petrol .single-product-page .wd-single-content > .elementor-widget-container > h3,
body.rv-petrol .single-product-page .wd-single-content > .elementor-widget-container > h4,
body.rv-petrol .single-product-page .wd-single-content > .elementor-widget-container > ul,
body.rv-petrol .single-product-page .wd-single-content > .elementor-widget-container > ol,
body.rv-petrol .single-product-page .wd-single-content > .elementor-widget-container > blockquote {
  max-width: var(--rv-read, 800px);
}

/* The spec table is the one child that must not be squeezed: it carries two
   columns of short values and reads better across the wider measure. It is
   already covered by the first rule above; this only guarantees it can scroll
   rather than push the page if a value ever runs long. */
body.rv-petrol .single-product-page .wd-single-content > .elementor-widget-container > table {
  display: table;
  width: 100%;
}

/* --------------------------------------------------------------------------
   2. UNDERFILLED STAT ROWS CENTRE THEIR TRACKS

   .rv-stats declares four equal tracks. On /about-us it holds two items, so
   both sat in the left half with 971px of empty ground to their right. The
   grid is correct, the row is simply short.

   Guarded with :has() so it only applies when the row genuinely has fewer
   than four items. A full row of four already fills the rail exactly, where
   justify-content has nothing to distribute and changes nothing.
   -------------------------------------------------------------------------- */

body.rv-petrol .rv-stats:not(:has(> :nth-child(4))) {
  justify-content: center;
}

} /* end @media (min-width: 1025px) */