/**
 * Discounts page (/discounts/), body.rp-discounts.
 * Gym identity: a clean ivory opening, a white corporate section (the priority,
 * holding the enquiry form) and an ivory emergency-services section. Shared .h2
 * and the site chrome come from rp.css; the form styling comes from rp-forms.css.
 * Red is reserved for buttons (red text on ivory misses AA), so the eyebrow,
 * body and links stay navy or muted navy.
 */
body.rp-discounts{
	--navy:#002c41;--red:#e4022e;--ivory:#F6F5EE;--white:#fff;--ink:#0a2233;--muted:#4a5157;
	margin:0;background:var(--ivory);font-family:'Montserrat',Arial,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;
}
/* Scope image resets to the page CONTENT only. `.wp-site-blocks` also wraps the
   shared header and footer template parts, so targeting it here let this rule's
   `height:auto` override the site-wide `.rp-logo img { height:40px }` and blow the
   header and footer logos up to their intrinsic size. `.wp-block-post-content`
   is the page content boundary; the chrome logos sit outside it and stay 40px. */
.rp-discounts .wp-block-post-content img{display:block;max-width:100%;height:auto}
.rp-discounts .eb{font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#5a6168;margin:0 0 14px}
.rp-discounts .lead{font-size:18px;line-height:1.65;color:var(--muted);margin:0 auto 18px;max-width:620px}
.rp-discounts .lead:last-of-type{margin-bottom:0}

/* ---------- Header (clean ivory opening, shared section token) ---------- */
.rp-discounts .dchead{background:var(--ivory);padding:var(--rp-section-y) 0;text-align:center}
.rp-discounts .dch1{font-size:clamp(2.25rem,5vw,3.25rem);font-weight:800;line-height:1.05;letter-spacing:-.01em;text-transform:uppercase;color:var(--ink);margin:0}
.rp-discounts .dchead .dcsub{font-size:19px;line-height:1.55;color:var(--muted);margin:18px auto 0;max-width:560px}

/* ---------- Corporate (priority section, white) ---------- */
.rp-discounts .dccorp{background:var(--white);padding:var(--rp-section-y) 0;text-align:center}
.rp-discounts .dccorp .lead{margin-bottom:18px}
.rp-discounts .dcformintro{font-size:16px;line-height:1.6;color:var(--navy);font-weight:600;margin:26px auto 30px;max-width:560px}
.rp-discounts .dccorp .rp-form{margin-top:0}

/* ---------- Emergency services (ivory) ---------- */
.rp-discounts .dcemerg{background:var(--ivory);padding:var(--rp-section-y) 0;text-align:center}
.rp-discounts .dc-blc{margin:30px auto 6px}
.rp-discounts .dc-blc img{width:100%;max-width:360px;margin:0 auto;border-radius:10px}
/* Row of accreditation logos (Blue Light Card + Defence Discount Service), side
   by side on desktop, wrapping to stacked on narrow screens. The two brand logos
   have different aspect ratios, so they are sized to a common HEIGHT (not width)
   to sit as a visually balanced pair, each keeping the rounded .dc-blc treatment. */
.rp-discounts .dc-logos{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:20px 40px;margin:30px auto 6px;max-width:720px}
.rp-discounts .dc-logos .dc-blc{margin:0}
.rp-discounts .dc-logos .dc-blc img{width:auto;height:72px;max-width:100%;border-radius:10px}
@media (max-width:520px){.rp-discounts .dc-logos .dc-blc img{height:56px}}
.rp-discounts .dclist{list-style:none;max-width:520px;margin:24px auto 0;padding:0;text-align:left;display:inline-block}
.rp-discounts .dclist li{position:relative;padding:0 0 0 30px;margin:0 0 12px;font-size:16px;line-height:1.55;color:var(--ink)}
.rp-discounts .dclist li:last-child{margin-bottom:0}
.rp-discounts .dclist li::before{content:"";position:absolute;left:0;top:9px;width:9px;height:9px;border-radius:50%;background:var(--navy)}
.rp-discounts .dcemerg .wp-block-buttons{justify-content:center;margin-top:32px}

/* ---------- Mobile ---------- */
@media (max-width:860px){
	.rp-discounts .dchead .dcsub{font-size:17px}
	.rp-discounts .dc-blc img{max-width:300px}
}