/* Kadence default footer hidden - our luxe footer replaces it. */
		body footer#colophon.site-footer { display: none !important; }

		.mp-footer {
			/* Slate-900 (near-black with a subtle blue cast) so the footer
			 * reads as the site frame rather than continuation of any
			 * page-level dark CTA. Was #094067 oxford navy - identical to
			 * the closing "Book at X today" ribbon - and the two sections
			 * blended into one indistinguishable block. Slate-900 is a
			 * full tonal step darker than oxford so the seam is obvious
			 * without the bg needing to be a completely different hue. */
			background: #0f172a;
			color: #fff;
			font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
			padding: 64px 24px 28px;
			margin-top: 0;
			/* Brand-accent top stripe - finishing mark + extra seam. */
			border-top: 3px solid #3da9fc;
		}
		.mp-footer * { box-sizing: border-box; }
		.mp-footer-inner {
			max-width: 1240px;
			margin: 0 auto;
		}

		/* Top trust banner - directly inspired by the V2 production footer
		 * pattern. Compact pill chips with green ticks, each chip clickable
		 * straight to the GPhC register entry for that premises. Followed
		 * by a one-line confidence statement. Sits flush at the top, gives
		 * the regulatory identity at a glance before the column nav. */
		.mp-foot-trustbar {
			padding-bottom: 28px;
			margin-bottom: 28px;
			border-bottom: 1px solid rgba(255,255,255,.08);
			text-align: center;
		}
		.mp-foot-trustbar-chips {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			gap: 8px 10px;
			margin-bottom: 14px;
		}
		.mp-foot-trustbar-chip {
			display: inline-flex;
			align-items: center;
			gap: 7px;
			padding: 6px 12px;
			background: rgba(255,255,255,.04);
			border: 1px solid rgba(255,255,255,.1);
			border-radius: 999px;
			color: rgba(255,255,255,.78) !important;
			font-size: 12px;
			font-weight: 500;
			letter-spacing: .01em;
			text-decoration: none !important;
			transition: background .15s ease, border-color .15s ease, color .15s ease;
		}
		.mp-foot-trustbar-chip:hover,
		.mp-foot-trustbar-chip:focus-visible {
			background: rgba(74,222,128,.08);
			border-color: rgba(74,222,128,.35);
			color: #fff !important;
		}
		.mp-foot-trustbar-chip strong { color: #fff; font-weight: 700; letter-spacing: .02em; }
		.mp-foot-trustbar-tick {
			display: inline-flex;
			align-items: center;
			justify-content: center;
			width: 16px;
			height: 16px;
			border-radius: 999px;
			background: rgba(74,222,128,.18);
			color: #4ade80;
			flex: 0 0 auto;
		}
		.mp-foot-trustbar-statement {
			margin: 0;
			font-size: 13px;
			line-height: 1.5;
			color: rgba(255,255,255,.6);
		}
		.mp-foot-trustbar-statement strong {
			color: rgba(255,255,255,.9);
			font-weight: 700;
		}

		/* row 1 - 4 columns. Brand col is wider on desktop. */
		.mp-foot-grid {
			display: grid;
			grid-template-columns: 1.4fr 1fr 1.1fr 1.2fr;
			gap: 48px;
			padding-bottom: 40px;
		}
		@media (max-width: 980px) {
			.mp-foot-grid { grid-template-columns: 1fr 1fr; gap: 36px; }
		}
		@media (max-width: 560px) {
			.mp-foot-grid { grid-template-columns: 1fr; gap: 32px; }
			.mp-footer { padding: 48px 20px 24px; }
		}

		.mp-foot-col { min-width: 0; }
		.mp-foot-title {
			font-size: 11px;
			font-weight: 700;
			letter-spacing: .12em;
			text-transform: uppercase;
			color: rgba(255,255,255,.55);
			margin: 0 0 16px;
		}

		/* brand block */
		.mp-foot-logo {
			display: inline-flex;
			align-items: center;
			gap: 10px;
			color: #fff;
			text-decoration: none;
			margin-bottom: 14px;
		}
		/* Brand-image variant - the actual MediPill logo (4-petal cross
		 * + wordmark). The source asset is on a white background, so on
		 * the dark slate-900 footer we wrap it in a small white pill so
		 * the green/blue logo stays legible. The header (white bg) needs
		 * no wrapper - the image sits directly. */
		.mp-foot-logo-img {
			background: #ffffff;
			padding: 8px 14px;
			border-radius: 10px;
		}
		.mp-foot-logo-img img {
			display: block;
			height: 36px;
			width: auto;
			max-width: 100%;
		}
		.mp-foot-blurb {
			margin: 6px 0 14px;
			color: rgba(255,255,255,.72);
			font-size: 13.5px;
			line-height: 1.55;
			max-width: 32ch;
		}
		.mp-foot-meta {
			display: flex;
			flex-wrap: wrap;
			gap: 8px 16px;
			font-size: 12px;
			color: rgba(255,255,255,.65);
		}
		.mp-foot-meta-item {
			display: inline-flex;
			align-items: center;
			gap: 7px;
		}
		.mp-foot-meta-dot {
			width: 7px;
			height: 7px;
			border-radius: 999px;
			background: #4ade80;
			box-shadow: 0 0 0 3px rgba(74,222,128,.18);
		}

		/* "Help & info" mini-block in the brand column - fills the dead
		 * space below the open-status line with the most-asked-for
		 * actionable links (Contact us first since it was missing from
		 * the prominent footer surface). Visually styled like a smaller
		 * column-block; sits flush-left under the brand block. */
		.mp-foot-brand-help { margin-top: 24px; }
		.mp-foot-brand-help .mp-foot-title { margin-bottom: 12px; }
		.mp-foot-brand-help .mp-foot-links { gap: 8px; }
		.mp-foot-brand-help .mp-foot-links a { font-size: 13.5px; }

		/* link lists */
		.mp-foot-links {
			list-style: none;
			margin: 0;
			padding: 0;
			display: flex;
			flex-direction: column;
			gap: 10px;
		}
		.mp-foot-links a {
			color: rgba(255,255,255,.88);
			text-decoration: none;
			font-size: 14px;
			font-weight: 500;
			line-height: 1.4;
			transition: color .15s ease;
		}
		.mp-foot-links a:hover,
		.mp-foot-links a:focus-visible { color: #fff; text-decoration: underline; text-decoration-color: rgba(255,255,255,.4); text-underline-offset: 3px; }

		/* branches list: two-line per item (name + tel) */
		.mp-foot-branches a {
			display: flex;
			flex-direction: column;
			gap: 2px;
		}
		.mp-foot-branch-name { font-size: 14px; font-weight: 600; }
		.mp-foot-branch-tel { font-size: 12px; color: rgba(255,255,255,.55); font-weight: 500; letter-spacing: .01em; }
		.mp-foot-branches a.mp-foot-branch-main[aria-current="page"] .mp-foot-branch-name { color: #3da9fc; }
		.mp-foot-branches li { display: flex; flex-direction: column; gap: 4px; }
		.mp-foot-branch-foot {
			display: flex;
			align-items: center;
			gap: 8px;
			margin-top: 2px;
		}
		.mp-foot-branch-gphc {
			display: inline-flex;
			align-items: center;
			gap: 4px;
			font-size: 10.5px;
			font-weight: 600;
			letter-spacing: .03em;
			color: rgba(255,255,255,.5) !important;
			text-decoration: none !important;
			padding: 2px 7px;
			border-radius: 4px;
			background: rgba(255,255,255,.04);
			border: 1px solid rgba(255,255,255,.08);
			transition: color .15s ease, border-color .15s ease, background .15s ease;
		}
		.mp-foot-branch-gphc:hover,
		.mp-foot-branch-gphc:focus-visible {
			color: rgba(255,255,255,.9) !important;
			border-color: rgba(255,255,255,.25);
			background: rgba(255,255,255,.08);
		}
		.mp-foot-branch-gphc svg { color: #4ade80; opacity: .85; flex: 0 0 auto; }
		.mp-foot-branch-fb {
			display: inline-flex;
			align-items: center;
			justify-content: center;
			width: 22px;
			height: 22px;
			border-radius: 999px;
			background: rgba(255,255,255,.06);
			color: rgba(255,255,255,.65) !important;
			text-decoration: none !important;
			transition: background .15s ease, color .15s ease;
		}
		.mp-foot-branch-fb:hover,
		.mp-foot-branch-fb:focus-visible {
			background: #1877F2;
			color: #fff !important;
		}

		/* Official-marks block - now nested INSIDE the Visit-or-book
		 * column, below the Book CTA. Stacked vertically with a thin
		 * divider above so the two marks read as a small "accredited"
		 * group. Compact SVGs (36×36) and tight labels fit the narrow
		 * column width. */
		.mp-foot-marks {
			display: flex;
			flex-direction: column;
			gap: 12px;
			margin-top: 18px;
			padding-top: 16px;
			border-top: 1px solid rgba(255,255,255,.08);
		}
		.mp-foot-mark {
			display: grid;
			grid-template-columns: 56px 1fr;   /* fixed icon slot so labels start at the same X regardless of SVG width */
			align-items: center;
			gap: 10px;
			min-width: 0;
		}
		.mp-foot-mark svg { justify-self: center; border-radius: 6px; }
		.mp-foot-mark-label { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
		.mp-foot-mark-label strong { font-size: 11.5px; font-weight: 700; color: rgba(255,255,255,.85); letter-spacing: .01em; }
		.mp-foot-mark-label span { font-size: 10.5px; color: rgba(255,255,255,.5); line-height: 1.35; }

		/* contact column */
		.mp-foot-iconlinks a,
		.mp-foot-hours {
			display: inline-flex;
			align-items: center;
			gap: 8px;
			color: rgba(255,255,255,.88);
			font-size: 13.5px;
			font-weight: 500;
			line-height: 1.5;
		}
		.mp-foot-hours { color: rgba(255,255,255,.72); }
		.mp-foot-iconlinks svg,
		.mp-foot-hours svg { color: rgba(255,255,255,.55); flex: 0 0 auto; }
		.mp-foot-cta {
			display: inline-flex;
			align-items: center;
			gap: 8px;
			margin-top: 18px;
			padding: 10px 16px;
			background: #3da9fc;
			color: #fff !important;
			font-size: 13.5px;
			font-weight: 600;
			text-decoration: none !important;
			border-radius: 8px;
			transition: background .15s ease, transform .15s ease;
		}
		.mp-foot-cta:hover,
		.mp-foot-cta:focus-visible { background: #2a8fda; transform: translateY(-1px); }

		/* row 2 - trust chips */
		.mp-foot-trust {
			display: flex;
			flex-wrap: wrap;
			gap: 8px 10px;
			padding: 22px 0;
			border-top: 1px solid rgba(255,255,255,.1);
			border-bottom: 1px solid rgba(255,255,255,.1);
		}
		.mp-foot-trust-chip {
			display: inline-flex;
			align-items: center;
			padding: 5px 12px;
			border-radius: 999px;
			background: rgba(255,255,255,.06);
			border: 1px solid rgba(255,255,255,.14);
			font-size: 11.5px;
			font-weight: 600;
			color: rgba(255,255,255,.82);
			letter-spacing: .01em;
		}
		a.mp-foot-trust-chip { text-decoration: none; }
		a.mp-foot-trust-chip:hover, a.mp-foot-trust-chip:focus-visible { border-color: rgba(255,255,255,.4); color: #fff; }

		/* row 3 - bottom bar */
		.mp-foot-bottom {
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			justify-content: space-between;
			gap: 14px;
			padding-top: 22px;
			font-size: 12.5px;
			color: rgba(255,255,255,.55);
		}
		.mp-foot-legal {
			display: inline-flex;
			flex-wrap: wrap;
			gap: 8px;
			align-items: center;
		}
		.mp-foot-legal a {
			color: rgba(255,255,255,.7);
			text-decoration: none;
		}
		.mp-foot-legal a:hover,
		.mp-foot-legal a:focus-visible { color: #fff; text-decoration: underline; }
		.mp-foot-legal span { color: rgba(255,255,255,.25); }

		/* Corporate-identity strap - quiet small print, separated from
		 * the © line by a hairline divider. GPhC regulators / inspectors
		 * expect the operating company name visible somewhere on every
		 * page, so this satisfies that requirement once site-wide. */
		.mp-foot-corp {
			margin-top: 16px;
			padding-top: 16px;
			border-top: 1px solid rgba(255,255,255,.06);
			font-size: 11.5px;
			line-height: 1.55;
			color: rgba(255,255,255,.45);
			max-width: 880px;
		}
		.mp-foot-corp p { margin: 0 0 8px; }
		.mp-foot-corp p:last-child { margin-bottom: 0; }
		.mp-foot-corp strong { color: rgba(255,255,255,.7); font-weight: 600; }
		.mp-foot-corp a { color: rgba(255,255,255,.7); text-decoration: underline; text-decoration-color: rgba(255,255,255,.25); text-underline-offset: 2px; }
		.mp-foot-corp a:hover, .mp-foot-corp a:focus-visible { color: #fff; text-decoration-color: rgba(255,255,255,.55); }