/**
 * Soker Hello Child — design tokens (CLIENT FINAL: coral-red + navy, light theme).
 * From .nexo/design/client-final/palette.md. Logical properties only; zero physical left/right.
 */

:root {
	/* Primary accent — coral red */
	--nx-red: #ee4a2b;
	--nx-red-2: #f5624a;
	--nx-red-ink: #c43a1e;

	/* Navy — headings, stats band, footer, business package */
	--nx-navy: #0f1f40;
	--nx-navy-2: #16294a;

	/* Package accents (the -ink shades carry white text at AA — use them
	   wherever small/normal white text sits on the accent) */
	--nx-green: #398b37;
	--nx-green-ink: #2e7030;
	--nx-teal: #00828f;
	--nx-teal-ink: #006d78;
	--nx-star: #f5a623;
	--nx-on-accent: #ffffff;

	/* Surfaces + text (light theme) */
	--nx-bg: #ffffff;
	--nx-subtle: #f4f5f7;
	--nx-surface: #ffffff;
	--nx-ink: #0f1f40;
	--nx-body: #2b3346;
	--nx-ink-muted: #5f6774; /* AA on both --nx-surface and --nx-subtle */
	--nx-on-navy: #f5f7fa;
	--nx-on-navy-muted: #aeb8cc;
	--nx-line: #e6e8ec;

	/* Back-compat aliases so existing section CSS adopts the new palette
	   (accents that were gold are now red; cream backgrounds are now subtle-grey).
	   The re-skin pass migrates callers to the semantic names above. */
	--nx-gold: var(--nx-red);
	--nx-gold-ink: var(--nx-red-ink);
	--nx-cream: var(--nx-subtle);

	--nx-radius-card: 14px;
	--nx-radius-btn: 10px;
	--nx-radius-pill: 999px;
	--nx-shadow-soft: 0 10px 30px rgba(15, 31, 64, .08);

	--nx-font-body: "Heebo", "Assistant", system-ui, "Arial Hebrew", sans-serif;
}

/* ==========================================================================
   Base
   ========================================================================== */

*,
*::before,
*::after {
	box-sizing: border-box;
}

html,
body {
	/* Kill stray 1px horizontal scroll (RTL screen-reader-text overflow). */
	overflow-x: clip;
}

html {
	/* Reserve the scrollbar gutter so the RTL layout width never jumps
	   (prevents reflow shift when the scrollbar appears/disappears). */
	scrollbar-gutter: stable;
}

body {
	margin: 0;
	background-color: var(--nx-bg);
	color: var(--nx-body);
	font-family: var(--nx-font-body);
	font-size: clamp(1rem, .95rem + .2vw, 1.0625rem);
	line-height: 1.65;
	font-feature-settings: "kern", "calt";
}

h1,
h2,
h3,
h4 {
	font-weight: 800;
	letter-spacing: 0;
	color: var(--nx-ink);
}

h1 {
	font-size: clamp(1.9rem, 1.6rem + 1.6vw, 3rem);
}

h2 {
	font-size: clamp(1.5rem, 1.3rem + 1vw, 2.25rem);
}

h3 {
	font-size: clamp(1.15rem, 1.05rem + .5vw, 1.5rem);
}

a {
	color: inherit;
}

bdi {
	unicode-bidi: isolate;
}

/* Fields that must stay LTR even on this RTL page. */
input[type="email"],
input[type="tel"],
input[type="url"],
input[dir="ltr"],
.ltr-field,
.price,
.order-number {
	direction: ltr;
	text-align: start;
	unicode-bidi: plaintext;
}

/* ==========================================================================
   Accessibility
   ========================================================================== */

.skip-link,
.screen-reader-text {
	position: absolute;
	inset-block-start: -999px;
	inset-inline-start: 0;
	inline-size: 1px;
	block-size: 1px;
	overflow: hidden;
	background-color: var(--nx-navy);
	color: var(--nx-on-navy);
	padding: 0;
	z-index: 100000;
}

.skip-link:focus {
	inset-block-start: 0;
	inline-size: auto;
	block-size: auto;
	padding: .75em 1.25em;
	border-end-start-radius: var(--nx-radius-card);
	border-end-end-radius: var(--nx-radius-card);
}

:focus-visible {
	outline: 2px solid var(--nx-red);
	outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: .001ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: .001ms !important;
		scroll-behavior: auto !important;
	}
}

/* Accessibility-widget "עצירת אנימציות" toggle (assets/a11y-widget.js) —
   applies the same reset as the media query above, opted in explicitly. */
:where(html.soker-a11y-no-motion) *,
:where(html.soker-a11y-no-motion) *::before,
:where(html.soker-a11y-no-motion) *::after {
	animation-duration: .001ms !important;
	animation-iteration-count: 1 !important;
	transition-duration: .001ms !important;
	scroll-behavior: auto !important;
}

/* ==========================================================================
   Buttons
   ========================================================================== */

.nx-btn {
	display: inline-flex;
	align-items: center;
	gap: .5em;
	padding-block: .75em;
	padding-inline: 1.5em;
	border-radius: var(--nx-radius-btn);
	font-weight: 700;
	text-decoration: none;
	border: 1px solid transparent;
	transition: box-shadow .15s ease, transform .15s ease;
}

/* Subtle lift micro-interaction on every button variant. Mouse-only via
   (hover: hover); keyboard focus always gets the same feedback. The global
   reduced-motion reset above already collapses the transition to ~instant. */
@media (hover: hover) {
	.nx-btn:hover {
		transform: translateY(-1px);
	}
}

.nx-btn:focus-visible {
	transform: translateY(-1px);
}

/* AA note: white button text needs the darker brand red (--nx-red-ink,
   4.9:1); the bright coral (--nx-red, 3.5:1) stays for decorative accents
   and large text only. */
.nx-btn--gold {
	background-color: var(--nx-red-ink);
	color: #ffffff;
}

.nx-btn--gold:hover,
.nx-btn--gold:focus-visible {
	box-shadow: var(--nx-shadow-soft);
}

.nx-btn--white {
	background-color: var(--nx-surface);
	color: var(--nx-navy);
}

.nx-btn--white:hover,
.nx-btn--white:focus-visible {
	box-shadow: var(--nx-shadow-soft);
}

.nx-btn--ghost {
	background-color: transparent;
	border-color: var(--nx-line);
	color: var(--nx-on-navy);
}

/* ==========================================================================
   Header (PHP fallback — free-tier Elementor)
   ========================================================================== */

.nx-header {
	position: sticky;
	inset-block-start: 0;
	z-index: 900;
	background-color: var(--nx-navy);
	border-block-end: 1px solid var(--nx-navy-2);
	transition: box-shadow .25s ease;
}

.nx-header.is-scrolled {
	box-shadow: 0 6px 20px rgba(15, 31, 64, .35);
}

.nx-header__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	max-width: 1200px;
	margin-inline: auto;
	padding: .75rem 1.25rem;
}

.nx-header__brand {
	display: flex;
	align-items: center;
	gap: .6rem;
	text-decoration: none;
	color: var(--nx-on-navy);
}

.nx-header__logo {
	flex-shrink: 0;
}

.nx-header__brand-text {
	display: flex;
	flex-direction: column;
}

.nx-header__brand-name {
	font-weight: 800;
	font-size: clamp(1.05rem, 1rem + .3vw, 1.3rem);
}

.nx-header__brand-kicker {
	font-size: .8rem;
	color: var(--nx-on-navy-muted);
	font-weight: 500;
}

.nx-header__toggle {
	display: none;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 4px;
	background: none;
	border: 0;
	padding: 0;
	inline-size: 2.75rem;
	block-size: 2.75rem;
	cursor: pointer;
}

.nx-header__toggle-bar {
	inline-size: 22px;
	block-size: 2px;
	background-color: var(--nx-on-navy);
}

.nx-header__nav-wrap {
	display: flex;
	align-items: center;
	gap: 1.5rem;
	flex-wrap: wrap;
}

.nx-nav__list {
	display: flex;
	gap: 1.25rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

/* Both the PHP fallback (.nx-nav__link) and wp_nav_menu()'s generated <a> */
.nx-nav__link,
.nx-nav__list a {
	text-decoration: none;
	color: var(--nx-on-navy);
	font-weight: 500;
}

.nx-nav__link:hover,
.nx-nav__list a:hover {
	color: var(--nx-red-2);
}

/* Current page — coral underline + full white. */
.nx-nav__list .current-menu-item > a,
.nx-nav__list .current_page_item > a {
	color: var(--nx-on-accent);
	font-weight: 700;
	text-decoration: underline;
	text-decoration-color: var(--nx-red);
	text-decoration-thickness: 2px;
	text-underline-offset: .45em;
}

.nx-header__meta {
	display: flex;
	align-items: center;
	gap: 1rem;
}

/* "24/6" availability badge — bordered pill per the client-final mockup. */
.nx-header__hours {
	font-size: .85rem;
	font-weight: 700;
	color: var(--nx-ink);
	border: 1px solid var(--nx-line);
	border-radius: 8px;
	padding: .4em .8em;
	direction: ltr;
	unicode-bidi: plaintext;
}

@media (max-width: 860px) {
	.nx-header__toggle {
		display: flex;
	}

	.nx-header__nav-wrap {
		display: none;
		flex-direction: column;
		align-items: flex-start;
		position: absolute;
		inset-inline: 0;
		inset-block-start: 100%;
		background-color: var(--nx-navy);
		padding: 1rem 1.25rem;
		border-block-end: 1px solid var(--nx-navy-2);
	}

	.nx-header__nav-wrap.is-open {
		display: flex;
	}

	.nx-nav__list {
		flex-direction: column;
		gap: .25rem;
		inline-size: 100%;
	}

	.nx-nav__link,
	.nx-nav__list a {
		display: flex;
		align-items: center;
		min-block-size: 44px;
	}

	.nx-header__meta {
		flex-direction: column;
		align-items: flex-start;
		gap: .75rem;
		inline-size: 100%;
		margin-block-start: .75rem;
		padding-block-start: 1rem;
		border-block-start: 1px solid var(--nx-navy-2);
	}

	.nx-header__cta {
		inline-size: 100%;
		justify-content: center;
	}
}

/* ==========================================================================
   Footer (PHP fallback — free-tier Elementor)
   ========================================================================== */

.nx-footer {
	background-color: var(--nx-navy);
	color: var(--nx-on-navy);
}

.nx-footer__inner {
	max-width: 1200px;
	margin-inline: auto;
	padding: clamp(3.5rem, 3rem + 1.5vw, 4.5rem) 1.25rem;
	display: grid;
	gap: 2.5rem;
	grid-template-columns: 1fr;
}

@media (min-width: 640px) {
	.nx-footer__inner {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width: 900px) {
	.nx-footer__inner {
		grid-template-columns: repeat(4, 1fr);
	}
}

.nx-footer__heading {
	font-size: 1rem;
	color: var(--nx-on-navy);
	margin-block: 0 .75rem;
}

.nx-footer__brand-row {
	display: flex;
	align-items: center;
	gap: .6rem;
	margin-block-end: .9rem;
	text-decoration: none;
	color: var(--nx-on-navy);
}

.nx-footer__logo {
	flex-shrink: 0;
}

.nx-footer__brand-text {
	display: flex;
	flex-direction: column;
}

.nx-footer__brand-name {
	font-weight: 800;
	font-size: 1.1rem;
}

.nx-footer__brand-kicker {
	font-size: .8rem;
	color: var(--nx-on-navy-muted);
	font-weight: 500;
}

.nx-footer__desc {
	margin: 0 0 1.1rem;
	color: var(--nx-on-navy-muted);
	font-size: .9rem;
	line-height: 1.6;
}

.nx-footer__line {
	display: flex;
	align-items: center;
	gap: .5rem;
	margin: 0 0 .6rem;
	color: var(--nx-on-navy-muted);
}

.nx-footer__line a {
	color: var(--nx-on-navy);
	text-decoration: none;
}

.nx-footer__icon {
	display: inline-flex;
	flex-shrink: 0;
	color: var(--nx-red);
}

.nx-footer__links ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: .5rem;
}

.nx-footer__links a {
	display: inline-flex;
	align-items: center;
	min-inline-size: 2.75rem;
	min-block-size: 2.75rem;
	color: var(--nx-on-navy-muted);
	text-decoration: none;
}

.nx-footer__links a:hover,
.nx-footer__links a:focus-visible {
	color: var(--nx-red);
}

.nx-footer__social {
	display: flex;
	gap: .6rem;
}

.nx-footer__social-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	inline-size: 2.25rem;
	block-size: 2.25rem;
	border-radius: var(--nx-radius-pill);
	border: 1px solid var(--nx-line);
	color: var(--nx-on-navy);
	text-decoration: none;
}

.nx-footer__social-link:hover,
.nx-footer__social-link:focus-visible {
	color: var(--nx-red);
	border-color: var(--nx-red);
}

.nx-footer__bottom {
	border-block-start: 1px solid var(--nx-line);
	padding: 1rem 1.25rem;
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	justify-content: space-between;
	max-width: 1200px;
	margin-inline: auto;
}

.nx-footer__copy {
	margin: 0;
	color: var(--nx-on-navy-muted);
	font-size: .875rem;
}

.nx-footer__legal {
	display: flex;
	gap: 1rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

.nx-footer__legal a {
	color: var(--nx-on-navy-muted);
	text-decoration: none;
}

.nx-footer__legal a:hover,
.nx-footer__legal a:focus-visible {
	color: var(--nx-red);
}


/* Nexo badge (badge.js) injects its own credit strip after our styles —
   lift its text to an AA-passing ink on the light strip background. */
.nexo-credit-text,
.nexo-credit-text a,
.nexo-credit-name,
.nexo-credit-name a {
	color: var(--nx-body) !important;
}

.nexo-credit-text a,
.nexo-credit-name a {
	/* ≥24px hit area (WCAG 2.5.8) for the injected credit link. */
	display: inline-block;
	padding-block: 4px;
}

/* ==========================================================================
   Widgets: CTA band + pillar card
   ========================================================================== */

.nx-cta-band {
	background-color: var(--nx-navy);
	color: var(--nx-on-navy);
	border-radius: var(--nx-radius-card);
	padding: 2rem;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 1.5rem;
}

.nx-cta-band__headline {
	color: var(--nx-on-navy);
	margin: 0 0 .5rem;
}

.nx-cta-band__subline {
	color: var(--nx-on-navy-muted);
	margin: 0;
}

.nx-pillar-card {
	background-color: var(--nx-surface);
	border-radius: var(--nx-radius-card);
	box-shadow: var(--nx-shadow-soft);
	padding: 1.75rem;
	transition: transform .2s ease;
}

@media (hover: hover) {
	.nx-pillar-card:hover {
		transform: translateY(-4px);
	}
}

.nx-pillar-card:focus-within {
	transform: translateY(-4px);
}

.nx-pillar-card__icon {
	color: var(--nx-red-ink);
	font-size: 1.75rem;
	margin-block-end: .75rem;
}

.nx-pillar-card__title {
	margin: 0 0 .5rem;
}

.nx-pillar-card__text {
	color: var(--nx-ink-muted);
	margin: 0;
}

.nx-pillar-card__list {
	list-style: none;
	margin: 1rem 0 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: .5rem;
}

.nx-pillar-card__list-item {
	display: flex;
	align-items: flex-start;
	gap: .5em;
}

.nx-pillar-card__check {
	color: var(--nx-red-ink);
	font-weight: 700;
	line-height: 1.4;
	flex-shrink: 0;
}

/* ==========================================================================
   Always-on bottom CTA bar (all viewports) — persistent lead strip.
   Desktop: prompt text + "השאירו פרטים" + WhatsApp. Mobile: WhatsApp + call.
   ========================================================================== */

.nx-cta-bar {
	position: fixed;
	inset-inline: 0;
	inset-block-end: 0;
	z-index: 960;
	display: flex;
	align-items: center;
	gap: .6rem;
	padding: .6rem .85rem;
	/* Reserve the inline-end lane for the close (X) button. */
	padding-inline-end: 3rem;
	padding-block-end: calc(.6rem + env(safe-area-inset-bottom, 0px));
	background-color: var(--nx-surface);
	border-block-start: 1px solid var(--nx-line);
	box-shadow: 0 -8px 24px rgba(15, 31, 64, .1);
	transition: transform .3s cubic-bezier(0, 0, .2, 1), visibility .3s;
}

/* Parked while a real page CTA is on screen (nav.js IntersectionObserver). */
.nx-cta-bar--parked {
	transform: translateY(110%);
	visibility: hidden;
}

.nx-cta-bar__btn {
	justify-content: center;
	min-block-size: 44px;
	font-size: .95rem;
	white-space: nowrap;
}

/* Close (X) — pinned to the bar's edge, easy to hit, quiet by default. */
.nx-cta-bar__close {
	position: absolute;
	inset-inline-end: .35rem;
	inset-block-start: 50%;
	transform: translateY(-50%);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	inline-size: 2.25rem;
	block-size: 2.25rem;
	padding: 0;
	border: 0;
	border-radius: var(--nx-radius-pill);
	background: none;
	color: var(--nx-ink-muted);
	cursor: pointer;
}

.nx-cta-bar__close:hover,
.nx-cta-bar__close:focus-visible {
	color: var(--nx-ink);
	background-color: var(--nx-subtle);
}

/* Reserve room so page content and the footer never hide behind the bar
   (scoped: the contact page renders no bar). While the bar is parked
   (a real CTA is on screen) the padding is released too — otherwise a
   blank strip shows under the footer. */
body:has(.nx-cta-bar:not(.nx-cta-bar--parked)) {
	padding-block-end: calc(64px + env(safe-area-inset-bottom, 0px));
}

/* ─── Desktop variant (≥ 900px): centered text + two compact buttons ─── */

@media (min-width: 900px) {
	.nx-cta-bar {
		justify-content: center;
		gap: 1rem;
		padding-block: .55rem;
	}

	.nx-cta-bar__mobile {
		display: none;
	}

	.nx-cta-bar__text {
		margin: 0;
		color: var(--nx-body);
		font-size: .95rem;
	}

	.nx-cta-bar__text strong {
		color: var(--nx-ink);
		margin-inline-end: .35em;
	}

	.nx-cta-bar__btn--wa {
		background-color: var(--nx-surface);
		border-color: var(--nx-line);
		color: var(--nx-navy);
	}

	.nx-cta-bar__btn--wa svg {
		inline-size: 18px;
		block-size: 18px;
	}
}

/* ─── Mobile variant (< 900px): two full-width thumb buttons ─── */

@media (max-width: 899px) {
	.nx-cta-bar__desktop {
		display: none;
	}

	.nx-cta-bar__btn {
		flex: 1 1 0;
	}

	.nx-cta-bar__btn--call {
		flex: 0 1 auto;
		background-color: var(--nx-surface);
		border-color: var(--nx-line);
		color: var(--nx-navy);
	}

	/* X sits in the flex row on mobile (absolute positioning overlapped the
	   call button); it is the last DOM child, so RTL places it at the far
	   inline-end. */
	.nx-cta-bar {
		padding-inline-end: .85rem;
	}

	.nx-cta-bar__close {
		position: static;
		transform: none;
		flex-shrink: 0;
	}

	/* Narrow phones: tighten so both buttons always fit the strip. */
	@media (max-width: 419px) {
		.nx-cta-bar {
			gap: .5rem;
			padding-inline: .6rem;
		}

		.nx-cta-bar__btn {
			font-size: .875rem;
			padding-inline: .9em;
			gap: .35em;
		}

		.nx-cta-bar__btn svg {
			inline-size: 18px;
			block-size: 18px;
		}
	}
}


/* ==========================================================================
   Lead popup — navy dialog, opened ~20s into the visit (nav.js)
   ========================================================================== */

.nx-popup {
	position: fixed;
	inset: 0;
	z-index: 990;
	display: flex;
	align-items: flex-end;
	justify-content: center;
}

/* CRITICAL: author display:flex above would defeat the hidden attribute's
   UA display:none — without this rule the invisible overlay swallows every
   click on the page. */
.nx-popup[hidden] {
	display: none;
}

@media (min-width: 640px) {
	.nx-popup {
		align-items: center;
	}
}

.nx-popup__backdrop {
	position: absolute;
	inset: 0;
	/* Dark enough to read as a modal over the navy hero sections too. */
	background-color: rgba(6, 12, 26, .72);
	-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);
	opacity: 0;
	transition: opacity .3s ease;
}

.nx-popup__card {
	position: relative;
	inline-size: min(100%, 26rem);
	max-block-size: calc(100vh - 2rem);
	overflow: auto;
	background-color: var(--nx-navy-2);
	color: var(--nx-on-navy);
	border: 1px solid rgba(245, 247, 250, .16);
	border-start-start-radius: var(--nx-radius-card);
	border-start-end-radius: var(--nx-radius-card);
	padding: 2rem 1.75rem calc(1.75rem + env(safe-area-inset-bottom, 0px));
	box-shadow: 0 -12px 48px rgba(0, 0, 0, .5);
	transform: translateY(24px);
	opacity: 0;
	transition: transform .35s cubic-bezier(0, 0, .2, 1), opacity .3s ease;
}

@media (min-width: 640px) {
	.nx-popup__card {
		border-radius: var(--nx-radius-card);
		padding: 2.25rem 2rem 2rem;
		box-shadow: 0 20px 60px rgba(15, 31, 64, .45);
	}
}

.nx-popup.is-open .nx-popup__backdrop {
	opacity: 1;
}

.nx-popup.is-open .nx-popup__card {
	transform: none;
	opacity: 1;
}

.nx-popup__close {
	position: absolute;
	inset-inline-end: .85rem;
	inset-block-start: .85rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	inline-size: 2.5rem;
	block-size: 2.5rem;
	padding: 0;
	border: 0;
	border-radius: var(--nx-radius-pill);
	background: none;
	color: var(--nx-on-navy-muted);
	cursor: pointer;
}

.nx-popup__close:hover,
.nx-popup__close:focus-visible {
	color: var(--nx-on-navy);
	background-color: var(--nx-navy-2);
}

.nx-popup__heading {
	color: var(--nx-on-navy);
	font-size: 1.4rem;
	margin: 0 0 .5rem;
	padding-inline-end: 2.5rem;
}

.nx-popup__text {
	color: var(--nx-on-navy-muted);
	margin: 0 0 1.25rem;
	font-size: .95rem;
}

/* Fluent form inside the navy card. */
.nx-popup__form .ff-el-group {
	margin-block-end: .9rem;
}

.nx-popup__form .ff-el-input--label label {
	color: var(--nx-on-navy);
	font-weight: 600;
	font-size: .9rem;
	margin-block-end: .3rem;
}

.nx-popup__form .ff-el-form-control {
	inline-size: 100%;
	min-block-size: 46px;
	padding: .6rem .85rem;
	border: 1px solid var(--nx-navy-2);
	border-radius: var(--nx-radius-btn);
	background-color: var(--nx-surface);
	color: var(--nx-ink);
	font-family: var(--nx-font-body);
	font-size: 1rem;
}

.nx-popup__form .ff-el-form-control:focus {
	outline: none;
	border-color: var(--nx-red-2);
	box-shadow: 0 0 0 3px rgba(245, 98, 74, .3);
}

.nx-popup__form .error.text-danger {
	color: var(--nx-red-2);
	font-size: .85rem;
	margin-block-start: .25rem;
}

.nx-popup__form .ff_btn_style,
.nx-popup__form .ff-btn-submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	inline-size: 100%;
	min-block-size: 48px;
	border: 0;
	border-radius: var(--nx-radius-btn);
	background-color: var(--nx-red-ink) !important;
	color: var(--nx-on-accent) !important;
	font-family: var(--nx-font-body);
	font-size: 1.05rem;
	font-weight: 700;
	cursor: pointer;
}

.nx-popup__form .ff-message-success {
	border: 1px solid var(--nx-green);
	border-radius: var(--nx-radius-card);
	background-color: var(--nx-navy-2);
	color: var(--nx-on-navy);
	padding: 1rem 1.25rem;
}

@media (prefers-reduced-motion: reduce) {
	.nx-popup__card,
	.nx-popup__backdrop {
		transition: none;
	}
}