/* ==== Site-wide type scale - components (Ava, 29 Sep 2026) ===============
   H1 28 / H2 24 / H3 20 / body 15 / buttons 13px, at every screen size.

   The sizes themselves live in theme.json (font-size presets) and the
   --rmp-h1/-h2/-h3/-copy tokens in pages.css :root read them, so everything
   that already used the tokens moved with them. This file brings the
   components that had their OWN hard-coded sizes onto the same scale (PDP,
   search, cards, modals, forms, filters, stockist cards, buttons...).

   Loaded last (after pages.css / home.css / search.css), and every selector
   starts with `body` plus at least as many classes as the rule it replaces,
   so it also beats those files' mobile media-query overrides.
   Header, menu, dropdowns and footer keep their own, separately tuned sizes.
   Rollback: dequeue this file in functions.php (rmp-type-scale). */

/* H1 - 28px */
body .rmp-pdp .sal-title,
body .rmp-pdp-salmon-prototype h2.sal-title,
body .rmp-pdp-duck-prototype h2.duck-title,
body .rmp-search-page__head .wp-block-query-title{font-size:var(--rmp-h1)}

/* H2 - 24px */
body .rmp-pdp h2.sal-section-title,
body .rmp-pdp .sal-related-head h2,
body .rmp-pdp-salmon-prototype .sal-section-title,
body .rmp-pdp-salmon-prototype .sal-related-head h2,
body .rmp-pdp-duck-prototype .duck-section-title,
body .rmp-page .rmp-modal__name{font-size:var(--rmp-h2)}

/* H3 - 20px: card, person, product and modal titles */
body .rmp-page .rmp-sec--red .rmp-pillar__title,
body .rmp-page .rmp-card__title,
body .rmp-page .rmp-person__name,
body .rmp-page .rmp-product-info h3,
body .rmp-page .rmp-rep>.rmp-rep__name,
body .rmp-page .rmp-modal__title,
body .rmp-page .rmp-slide__title,
body .rmp-pdp .sal-product-card h3,
body .rmp-pdp-salmon-prototype .sal-product-card h3,
body .rmp-pdp-duck-prototype .duck-product-card h3{font-size:var(--rmp-h3)}

/* Body - 15px: copy, taglines, tables, tabs and small uppercase labels */
body .rmp-page .rmp-h4,
body .rmp-page .rmp-range__strap,
body .rmp-page .rmp-modal__hl-title,
body .rmp-page .rmp-panel h4,
body .rmp-page .rmp-quote blockquote,
body .rmp-page .rmp-filter__title,
body .rmp-page .rmp-fieldset>legend,
body .rmp-page .rmp-pdp-table,
body .rmp-page .rmp-pdp-tabs__tab,
body .rmp-page .rmp-pdp-key-content__title,
body .rmp-page .rmp-product-hero--foran .rmp-product-hero__tagline,
body .rmp-page .rmp-pfilter__title,
body .rmp-page .rmp-stkcard__name,
body .rmp-pdp .sal-tagline,
body .rmp-pdp-salmon-prototype .sal-tagline,
body .rmp-pdp-salmon-prototype .sal-panel h3,
body .rmp-pdp-duck-prototype .duck-tagline,
body .rmp-pdp-duck-prototype .duck-panel h3,
body .rmp-search-card .wp-block-post-excerpt,
body .rmp-search-page .wp-block-search__input{font-size:var(--rmp-copy)}

/* Buttons - 13px, as signed off on the homepage */
body .rmp-page .wp-block-button__link,
body .rmp-page .rmp-cta--lg,
body .rmp-page .rmp-cta:not(.rmp-stkcard .rmp-cta),
body .rmp-pdp .sal-button,
body .rmp-page .wp-block-search__button,
body .rmp-search-page .wp-block-search__button,
body main .wp-block-search__button,
body .rmp-page form button[type=submit]{font-size:.8125rem}


/* ==== Audit fixes - round 2 (Ava, 29 Sep 2026) ============================
   From the type-scale audit (RMP-type-scale-audit-2026-09-29.xlsx, IDs Txx).
   Now includes the header, dropdowns, mobile menu and footer too.
   Every selector is `body` + the original rule, so it wins without !important.
   Rollback: delete from here to the end of the file (backup in
   /home/ubuntu/rmp-backups/type-fixes-2026-09-29/theme-before.tgz). */

/* Display numbers - one size, 36px (Ava's call; was 36 and 48px) - T51-53 */
body .rmp-page .rmp-statcard__num,
body .rmp-page .rmp-statcard__num--text,
body .rmp-page .rmp-stat__num{font-size:2.25rem}

/* H2 - 24px - T05, T23 (homepage advice H2 was a 28px one-off; its 15px
   item titles stay as they are, Ava's call) */
body .rmp-mega .rmp-mega__title,
body.home .rmp-page .rmp-adv2 .rmp-adv2__title{font-size:var(--rmp-h2)}

/* H3 - 20px - T03, T06, T07, T09 */
body .rmp-mega .rmp-mega__promo-title,
body .rmp-page .rmp-range__name,
body .rmp-page .rmp-tl__name,
body .rmp-pdp .sal-panel h3{font-size:var(--rmp-h3)}

/* Body - 15px - T16, T28, T29, T33, T36, T26, T42, T43, T46, T49, T50, T58,
   and article quotes brought in line with the other quotes (T59) */
body .rmp-mega .rmp-mega__strap,
body .rmp-mega .rmp-mega__link-label,
body .rmp-drawer__link,
body .rmp-fcol__list a,
body .rmp-page .rmp-quote__name,
body .rmp-page .rmp-adv2__all,
body .rmp-pdp .sal-glance strong,
body .rmp-pdp .sal-packs,
body .rmp-pdp .sal-tab,
body .rmp-pdp .sal-related-link,
body .rmp-pdp .sal-product-card p,
body .rmp-page .rmp-art__body .wp-block-table th,
body .rmp-page .rmp-art__body .wp-block-table td,
body .rmp-page .rmp-art__body blockquote p{font-size:var(--rmp-copy)}

/* Buttons + small print - 13px - T02, T04, T08, T14, T15, T17, T18, T21,
   T22, T24, T27, T30-32, T34, T37-41, T44, T45, T47, T48, T54-57, T62 */
body .rmp-btn,
body .rmp-mega .rmp-mega__link-desc,
body .rmp-mega .rmp-mega__promo-eyebrow,
body .rmp-mega .rmp-mega__promo-text,
body .rmp-footer__legalnav a,
body .rmp-footer__legal p,
body .rmp-crumbs ol,
body .rmp-pdp .sal-crumbs,
body .rmp-pdp .sal-kicker,
body .rmp-pdp .sal-section-kicker,
body .rmp-pdp .sal-packs strong,
body .rmp-pdp .sal-table th,
body .rmp-pdp .sal-tab-panel p.sal-data-note,
body .rmp-page .rmp-ctas .rmp-ctabtn--lg .wp-block-button__link,
body .rmp-page .rmp-statcard__label,
body .rmp-page .rmp-product__range,
body .rmp-page .rmp-acard__topic,
body .rmp-page .rmp-apromo__eyebrow,
body .rmp-page .rmp-adv2__kicker,
body .rmp-page .rmp-adv2__meta,
body .rmp-page .rmp-v2 p.rmp-rev__prod,
body .rmp-listing__filterbtn,
body [data-rmp-topbar] .rmp-field>label,
body .rmp-filter__count,
body [data-rmp-topbar] .rmp-filter__count,
body .rmp-stk__field label,
body .rmp-stkcard__ranges li,
body .rmp-stkcard__dir.rmp-cta,
body .ff-default .ff_btn_style{font-size:.8125rem}

/* Range pop-up badges: 8px -> 13px, so the circles grow 66 -> 92px - T35 */
body .rmp-page .rmp-badge{width:92px;height:92px;padding:8px;font-size:.8125rem;letter-spacing:0;line-height:1.15}

/* Range pop-up names are now H2 headings (were paragraphs) - keep the range
   colour and the old line spacing rather than the generic H2 styling - T12 */
body .rmp-page .rmp-modal .rmp-modal__name{color:var(--accent);line-height:1.7;letter-spacing:-.1px}

/* Header: menu labels 14.5 -> 15px from 1321px up (the laptop ladder in
   pages.css still steps them down below that so the menu fits one line);
   Store Locator 13.5 -> 13px at 1440px+ - T19, T20 */
@media (min-width:1321px){
	body .rmp-header .rmp-nav__link{font-size:15px}
}
@media (min-width:1440px){
	body .rmp-header .rmp-util{font-size:.8125rem}
}

/* Product card names (Dog food, Cat food, All products grids): now a <p>,
   15px body size (Ava, 29 Sep 2026; was a 20px H3). Keeps the card's own
   weight, colour and tight line-height rather than body paragraph spacing. */
body .rmp-page p.rmp-product__name{margin:0;font-size:.9375rem;line-height:1.45}