/* ==========================================================================
   One CTA button size, site-wide (Ava, 29 Sep 2026)
   --------------------------------------------------------------------------
   Every call-to-action button uses the homepage "Read our story" size:
   38px tall with a 4px corner radius. Width, colours, font and side padding
   are unchanged. min-height (not height) lets a long label wrap on a narrow
   phone rather than overflow.

   Loaded last (after pages.css, type-scale.css, home.css, stockists.css,
   pdp.css and the range PDP sheets). !important is used on purpose: Fluent
   Forms prints its button style with #form-id selectors, and several
   components set heights with long selector chains. This file is the single
   place that decides CTA height/radius, so change it here, not per component.

   Round 2 (Ava, same day): the controls are included too - range chips,
   advice tabs, carousel arrows, PDP tabs, the "Filters" toggle, "Show on
   map" / "Show all", header utility buttons and the footer search button.
   Carousel/gallery THUMBNAILS take the 4px radius only: they are image
   previews sized by aspect-ratio, and 38px would make them unreadable.
   Form fields next to buttons (filter dropdowns, store locator selects)
   keep their own heights - Ava's call.
   ========================================================================== */

/* Corner radius for every button/control below. Was 4px; 6px from 29 Sep 2026
   (Ava). The newsletter field (10px) and footer search field (9px) are fixed
   values on purpose - Ava asked for them to stay as they are. */
:root { --rmp-btn-radius: 6px; }

/* Core Button blocks (every is-style-rmp-* style, --lg included). */
body .wp-block-button:not(.rmp-chip) > .wp-block-button__link,
/* Theme CTAs: .rmp-cta and all variants (product cards, range "Find out more",
   filter Clear / Show products, store locator Search + Get directions,
   article promo, modal footers). */
body .rmp-cta,
/* Header / mega-menu buttons. */
body .rmp-btn,
/* Product page Buy now / Find a stockist. */
body .sal-button,
/* Fluent Forms submit (Ask the experts, Customer service, Sponsorship,
   Register as a stockist). */
body .fluentform .ff-btn-submit,
body .fluentform .ff_btn_style {
	min-height: 38px !important;
	height: auto !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	border-radius: var(--rmp-btn-radius) !important;
	box-sizing: border-box;
}

/* Fluent Forms buttons are block-level with vertical padding by default;
   centre the label now the padding is gone. */
body .fluentform .ff-btn-submit,
body .fluentform .ff_btn_style {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
}

/* "Get directions" on the stockist cards was a compact 33px button with
   8px top/bottom padding; keep its side padding. */
body .rmp-stkcard__dir.rmp-cta { padding-left: 14px !important; padding-right: 14px !important; }

/* Homepage newsletter: the Sign up button sits inside a white field, so the
   field follows the button - 6px inset + 4px button corner = 10px. */
body .rmp-v2 .rmp-news__form { border-radius: 10px; }
body .rmp-v2 .rmp-news__form input { height: 38px; }
body .rmp-v2 .rmp-news__form button {
	height: 38px !important;
	min-height: 38px !important;
	border-radius: var(--rmp-btn-radius) !important;
}

/* --------------------------------------------------------------------------
   Round 2 - controls
   -------------------------------------------------------------------------- */

/* Text-style controls: homepage range chips, advice tabs, PDP tabs, the
   mobile "Filters" toggle, stockist "Show on map", filter "Show all 8". */
body .rmp-chip > .wp-block-button__link,
body .rmp-adv2__tab,
body .sal-tab,
body .rmp-listing__filterbtn,
body .rmp-stkcard__show,
body .rmp-pfgroup__more {
	min-height: 38px !important;
	height: auto !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	border-radius: var(--rmp-btn-radius) !important;
	box-sizing: border-box;
}
body .rmp-adv2__tab,
body .sal-tab,
body .rmp-stkcard__show,
body .rmp-pfgroup__more {
	display: inline-flex;
	align-items: center;
}

/* Carousel arrows (homepage/our ranges, product image carousel) - square
   38px at every breakpoint. */
body .rmp-cbtn,
body .rmp-carousel__nav .rmp-cbtn,
body .rmp-product-carousel .rmp-cbtn,
body .rmp-pdp .sal-carousel .rmp-cbtn {
	width: 38px !important;
	height: 38px !important;
	border-radius: var(--rmp-btn-radius) !important;
}

/* Header utility buttons (search, store locator). */
body .rmp-header .rmp-util,
body .rmp-util {
	height: 38px !important;
	border-radius: var(--rmp-btn-radius) !important;
}
body .rmp-util--search { width: 38px !important; }
/* Mobile menu button and the filter drawer's close button sit beside these,
   so they match (38px square, 4px corners). */
body .rmp-burger,
body .rmp-pfilter__close {
	width: 38px !important;
	height: 38px !important;
	border-radius: var(--rmp-btn-radius) !important;
}
/* Below 1200px the locator collapses to an icon-only square (mega-menu.css). */
@media (max-width: 1200px) {
	body .rmp-util--locator { width: 38px; }
}

/* Footer search: square the button and follow it with the field
   (5px inset + 4px corner). */
body .rmp-fsearch__submit { width: 38px; height: 38px; border-radius: var(--rmp-btn-radius) !important; }
body .rmp-fsearch__field { border-radius: 9px; }

/* Thumbnails: radius only (see header note). */
body .rmp-home-gallery__thumb,
body .rmp-product-carousel__thumb,
body .rmp-pdp .sal-carousel .rmp-product-carousel__thumb { border-radius: var(--rmp-btn-radius) !important; }