/* =========================================================
   EflyerMarketing — Order Received Page
   v1.7.233 — Three refinements after v1.7.232 visual review.
   See account-ui.css banner v1.7.233 entry for the full
   narrative.

   v1.7.232 — Four refinements after v1.7.231 visual review.
   See account-ui.css banner v1.7.232 entry for the full
   narrative.

   v1.7.231 — Premium aesthetic pass (Grand A through F) + four
   tactical fixes bundled per Marc's "ship everything" request.
   See account-ui.css banner v1.7.231 entry for the full
   narrative.

   v1.7.230 — Six coordinated visual changes per Marc's brief
   (see account-ui.css banner v1.7.230 entry for the full
   narrative): darker card background, headline restructure
   (PHP-side), email-link gold color, Print/Save canonical
   button absorption (PHP-side), Receipt Summary cards →
   line items, Start New Campaign large CTA.

   v1.7.188 — Migrated from inline <style> in
   hello-elementor-child/woocommerce/checkout/order-received.php
   (Phase 3.0 of the CSS Standardization arc).

   Rules moved verbatim — NO value changes on this bump. The
   token alignment + canonical surface treatment (Card / Hint /
   Success / Alert from the Brand Palette) is sequenced for
   Phase 3.1. Phase 3.0 ships the structural migration only
   so any visual regression isolates to a single concern.

   Every rule below is scoped to body.woocommerce-order-received
   or a class that only renders inside that body (the
   .efm-order-received-* family). Global enqueue is safe — the
   scoping prevents bleed-through to other surfaces.

   See: docs/CSS_STANDARDIZATION_AUDIT.md (Phase 3).
   ========================================================= */

/* ==========================================
   EFM Thank You Page, visual cleanup
   ========================================== */

body.woocommerce-order-received .entry-title,
body.woocommerce-order-received .page-title,
body.woocommerce-order-received .woocommerce-products-header__title,
body.woocommerce-order-received .elementor-widget-theme-post-title,
body.woocommerce-order-received .elementor-page-title {
	display: none !important;
}

body.woocommerce-order-received .woocommerce-order-overview,
body.woocommerce-order-received .woocommerce-thankyou-order-details,
body.woocommerce-order-received .woocommerce-customer-details,
body.woocommerce-order-received .woocommerce-columns--addresses,
body.woocommerce-order-received .woocommerce-column--billing-address,
body.woocommerce-order-received .woocommerce-column--shipping-address {
	display: none !important;
}

/* v1.7.113 — Belt-and-braces hide for the default Woo
   order-details block. The real fix lives in PHP
   (remove_action('woocommerce_thankyou', 'woocommerce_order_details_table'))
   but this CSS catches any leftover render path — themes or
   plugins that bypass the standard hook chain, fragments
   that re-inject the block, etc. */
body.woocommerce-order-received .woocommerce-order-details,
body.woocommerce-order-received section.woocommerce-order-details,
body.woocommerce-order-received .woocommerce-table--order-details,
body.woocommerce-order-received .order_details {
	display: none !important;
}

/* v1.7.231: Premium aesthetic pass — A (generous spacing),
   E (double-rule outline), F (ambient sheen) all applied here.

   v1.7.230 ground the card with rgba(8, 11, 16, 0.92) base;
   v1.7.231 expands padding 22px 24px → 32px 40px for breathing
   room, refines the border to a more delicate 0.22 alpha and
   adds an inset gold double-rule via box-shadow for a framed-
   certificate read, and introduces an animated sheen ::after
   that crosses the card every 7s at near-subliminal 3.5%
   opacity. */
.efm-order-received-card {
	position: relative;
	margin: 0 0 28px;
	padding: 32px 40px;
	border-radius: var(--ef-radius-card);
	border: 1px solid rgba(228, 191, 99, 0.22);
	background:
		linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.02)),
		linear-gradient(135deg, rgba(228, 191, 99,0.10), rgba(228, 191, 99,0.03) 38%, rgba(0,0,0,0.10) 100%),
		rgba(8, 11, 16, 0.92);
	box-shadow:
		0 14px 36px rgba(0,0,0,0.36),
		inset 0 0 0 1px rgba(255, 232, 166, 0.07),
		inset 0 1px 0 rgba(255,255,255,0.06);
	overflow: hidden;
}

.efm-order-received-card::before {
	content: '';
	position: absolute;
	inset: 0;
	background:
		radial-gradient(circle at top right, rgba(228, 191, 99,0.13), transparent 28%),
		radial-gradient(circle at bottom left, rgba(255,255,255,0.05), transparent 24%);
	pointer-events: none;
}

/* v1.7.231 Grand F: ambient diagonal sheen, slow loop. Opacity
   tuned low enough that the eye registers motion peripherally
   without focusing on it. */
.efm-order-received-card::after {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(
		115deg,
		transparent 30%,
		rgba(255, 232, 166, 0.035) 48%,
		transparent 60%
	);
	background-size: 200% 100%;
	animation: efmOrderReceivedShimmer 7s ease-in-out infinite;
	pointer-events: none;
}

@keyframes efmOrderReceivedShimmer {
	0%   { background-position: -100% 0; }
	100% { background-position: 100% 0; }
}

.efm-order-received-inner {
	position: relative;
	z-index: 1;
}

/* v1.7.231 Grand D: eyebrow flanked by short hairline gold flourishes.
   Display: flex with two ::before/::after rules. Letter-spacing widened
   to 0.32em for that boutique-stationery feel where each capital sits
   on its own.

   v1.7.232: centered on the page (justify-content: center) and font-size
   12px → 16px per Marc's "feels like an afterthought at its current
   sizing" feedback. Hairline flex-basis 36px → 48px so the flanking
   rules stay proportional to the larger text. */
.efm-order-received-eyebrow {
	margin: 0 0 22px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	font-size: 16px;
	font-weight: 800;
	letter-spacing: 0.32em;
	text-transform: uppercase;
	color: var(--ef-gold-heading);
	opacity: 0.95;
}

.efm-order-received-eyebrow::before,
.efm-order-received-eyebrow::after {
	content: '';
	flex: 0 0 48px;
	height: 1px;
	background: linear-gradient(
		90deg,
		transparent 0%,
		rgba(228, 191, 99, 0.55) 50%,
		transparent 100%
	);
}

/* v1.7.231 Grand C: headline upgrade — larger scale, gold-to-champagne
   gradient via background-clip: text (drops solid color in favor of
   the same gradient treatment the EFLYER MARKETING logo uses), with
   an 80px hairline gold fade ::after as a subtle stationery rule.

   v1.7.232: centered on the page (text-align: center). The ::after
   hairline gold rule beneath the headline repositioned from left: 0
   to left: 50% + translateX(-50%) so it stays centered under the
   now-centered text. The fade direction also balanced (two-stop
   transparent-to-gold-to-transparent so both ends fade evenly). */
.efm-order-received-title {
	position: relative;
	margin: 0 0 16px;
	padding-bottom: 18px;
	text-align: center;
	font-size: clamp(36px, 5vw, 56px);
	line-height: 1.1;
	font-weight: 800;
	letter-spacing: -0.01em;
	background: linear-gradient(
		180deg,
		#FFF8E0 0%,
		#F5DDAA 50%,
		#D8B569 100%
	);
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
	-webkit-text-fill-color: transparent;
}

/* v1.7.233: underline width 80px → 70% of the title's content box
   so the rule spans roughly the same width as the centered headline
   text per Marc's red-line sketch. The fade direction stays as a
   centered two-stop transparent-gold-transparent so both ends taper. */
.efm-order-received-title::after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 70%;
	height: 1px;
	transform: translateX(-50%);
	background: linear-gradient(
		90deg,
		rgba(228, 191, 99, 0) 0%,
		rgba(228, 191, 99, 0.7) 50%,
		rgba(228, 191, 99, 0) 100%
	);
}

/* v1.7.231 Grand B: warm cream typography. Body text uses #F5EDD3
   (champagne-cream) instead of pure white. The character carries
   warmth — the comforting half of Marc's brief. Pre-v1.7.231 body
   text used var(--ef-ink) which renders close to #FFFFFF and read
   as institutional rather than premium. */
.efm-order-received-message {
	margin: 0 0 14px;
	font-size: 17px;
	line-height: 1.75;
	color: #F5EDD3;
	max-width: 960px;
}

/* v1.7.231 tactical fix #4 + Grand A: Order Number / Confirmation
   Email pill padding refined from 12px 14px to 18px 22px for balance,
   label-to-value gap from 4px to 8px, minmax bumped 220px → 260px so
   each pill has more horizontal breathing room before wrapping. */
.efm-order-received-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: 16px;
	margin: 28px 0 0;
}

/* v1.7.232: pills become flex columns with justify-content: center so
   the stacked label + value pair sits vertically centered. The grid
   auto-rows already equalizes pill heights when one pill (e.g.
   Confirmation Email) is taller than another (e.g. Order Number);
   pre-v1.7.232 the shorter pill's content was top-aligned, making
   the row look unbalanced. */
.efm-order-received-pill {
	display: flex;
	flex-direction: column;
	justify-content: center;
	/* v1.7.283: horizontal padding 22px → 32px so label + value
	   don't sit flush against the pill border. Matches the side-
	   breathing-room bump applied to .efm-order-received-next /
	   .efm-receipt-summary in the same pass. */
	padding: 18px 32px;
	border-radius: var(--ef-radius-inner);
	border: 1px solid rgba(255,255,255,0.08);
	background: rgba(255,255,255,0.04);
	backdrop-filter: blur(4px);
}

.efm-order-received-pill-label {
	display: block;
	margin: 0 0 8px;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: rgba(228, 191, 99,0.92);
}

/* v1.7.231 Grand B: warm cream typography */
.efm-order-received-pill-value {
	display: block;
	font-size: 15px;
	line-height: 1.4;
	font-weight: 600;
	color: #F5EDD3;
	word-break: break-word;
}

.efm-order-received-actions {
	margin: 18px 0 0;
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

/*
 * v1.7.190 — Phase 3.3 button absorption: .efm-order-print-btn and
 * .efm-order-print-btn-pdf now inherit from the canonical
 * .efm-btn--secondary multi-selector group in account-ui.css. The
 * original rule blocks (base + hover + .efm-order-print-btn-pdf
 * variant + its hover) used to live here. Kept commented for the
 * ~2-week dead-CSS audit window per the audit convention; safe to
 * delete after staging verification confirms canonical absorption
 * renders correctly. Print Receipt and Save as PDF now both
 * inherit canonical secondary look (pill, 13px font, 13-22px
 * padding from --ef-pad-button-*, dark glass with gold border).
 *
.efm-order-print-btn {
	appearance: none;
	border: 1px solid rgba(228, 191, 99,0.38);
	border-radius: var(--ef-radius-button);
	padding: 12px 20px;
	background:
		linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.03)),
		linear-gradient(135deg, rgba(228, 191, 99,0.20), rgba(228, 191, 99,0.08) 60%, rgba(0,0,0,0.18) 100%);
	color: var(--ef-ink-strong);
	font-size: 14px;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	cursor: pointer;
	box-shadow:
		0 8px 20px rgba(0,0,0,0.24),
		inset 0 1px 0 rgba(255,255,255,0.05);
	transition:
		transform 0.18s ease,
		box-shadow 0.18s ease,
		border-color 0.18s ease,
		background 0.18s ease;
}

.efm-order-print-btn:hover,
.efm-order-print-btn:focus {
	transform: translateY(-1px);
	border-color: rgba(228, 191, 99,0.55);
	box-shadow:
		0 12px 26px rgba(0,0,0,0.28),
		inset 0 1px 0 rgba(255,255,255,0.06);
	outline: none;
}

.efm-order-print-btn-pdf {
	background:
		linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.015)),
		linear-gradient(135deg, rgba(228, 191, 99,0.10), rgba(228, 191, 99,0.04) 60%, rgba(0,0,0,0.14) 100%);
	border-color: rgba(228, 191, 99,0.28);
}

.efm-order-print-btn-pdf:hover,
.efm-order-print-btn-pdf:focus {
	border-color: rgba(228, 191, 99,0.45);
}
*/

/* v1.7.93 — Bump 7: tip line under the action row. Quiet color +
   small font so it reads as helper text, not a competing element. */
.efm-order-received-actions-hint {
	margin: 8px 0 0;
	font-size: 12px;
	line-height: 1.5;
	color: var(--ef-muted);
	font-style: italic;
}

.efm-order-received-actions-hint strong {
	color: var(--ef-gold-heading);
	font-style: normal;
}

/* v1.7.232: receipt summary tightened considerably per Marc's
   feedback. Container padding 22px 24px → 16px 20px, title margin
   14px → 10px, row padding 8px 0 → 4px 0 (combined ~70-80px
   shorter on the page depending on row count). The block still
   reads as a receipt — divider hairlines preserved — just dense
   like a sales-tax line item rather than a desk pad. */
.efm-receipt-summary {
	margin: 28px 0 0;
	/* v1.7.283: horizontal padding 20px → 30px. With the receipt
	   rows aligned label-left + value-right, the prior 20px had
	   the value sitting right at the container border. The extra
	   10px on each side restores the visual ledger-margin the
	   block was missing. Vertical padding kept at 16px since the
	   row count varies and 4px-per-row stays the density anchor. */
	padding: 16px 30px;
	border-radius: var(--ef-radius-inner);
	border: 1px solid rgba(255,255,255,0.08);
	background: rgba(255,255,255,0.035);
}

/* v1.7.233: Receipt Summary title restyled to match the H1
   "Thank you. Your order has been received." treatment so the
   block reads as a proper section header rather than a small
   uppercase eyebrow. Font-size scaled down from the H1's
   clamp(36px, 5vw, 56px) to clamp(20px, 2.5vw, 28px) — subordinate
   to the H1 but substantial enough to anchor the section. Drops
   text-transform: uppercase and letter-spacing: 0.18em from the
   eyebrow-style treatment in favor of letter-spacing: -0.01em
   matching the H1. Gold-to-champagne text gradient via
   background-clip: text matches the headline. */
.efm-receipt-summary-title {
	margin: 0 0 14px;
	font-size: clamp(20px, 2.5vw, 28px);
	line-height: 1.15;
	font-weight: 800;
	letter-spacing: -0.01em;
	background: linear-gradient(
		180deg,
		#FFF8E0 0%,
		#F5DDAA 50%,
		#D8B569 100%
	);
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
	-webkit-text-fill-color: transparent;
}

/* v1.7.230: Receipt Summary restructured from a card grid to a
   stacked line-item list per Marc's brief ("just looks too busy
   currently"). Each row is a label-value pair separated by a thin
   divider. Reads as a receipt; the card-grid look had pushed it
   into dashboard territory.

   Layout:
     .efm-receipt-summary-grid → flex column, no gap (rows abut each
                                  other; divider provides separation)
     .efm-receipt-summary-item → flex row, label-left + value-right,
                                  baseline aligned, padded vertically,
                                  bottom divider (except last row)
     .efm-receipt-summary-label → inline, gold uppercase as before
     .efm-receipt-summary-value → inline, right-aligned, normal ink */
.efm-receipt-summary-grid {
	display: flex;
	flex-direction: column;
	gap: 0;
}

/* v1.7.232: receipt summary row padding 8px → 4px per Marc's
   "considerably shorter" feedback. Combined row height now ~8px
   vertical (was 16px), and the cumulative savings across 8-9
   rows are visible immediately. The hairline divider stays at
   0.04 opacity. */
.efm-receipt-summary-item {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 24px;
	padding: 4px 0;
	border-radius: 0;
	border: 0;
	background: transparent;
	border-bottom: 1px solid rgba(255,255,255,0.04);
}

.efm-receipt-summary-item:last-child {
	border-bottom: 0;
}

.efm-receipt-summary-label {
	display: inline-block;
	margin: 0;
	flex: 0 0 auto;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: rgba(228, 191, 99,0.86);
}

/* v1.7.231 Grand B: warm cream typography */
.efm-receipt-summary-value {
	display: inline-block;
	flex: 1 1 auto;
	text-align: right;
	font-size: 14px;
	line-height: 1.45;
	font-weight: 600;
	color: #F5EDD3;
	word-break: break-word;
}

@media (max-width: 540px) {
	/* On narrow viewports, stack each row (label above value, both
	   left-aligned) so long values don't collide with their labels. */
	.efm-receipt-summary-item {
		flex-direction: column;
		align-items: flex-start;
		gap: 4px;
	}
	.efm-receipt-summary-value {
		text-align: left;
	}
}

/* v1.7.231 Grand A: section spacing increased; Grand B: warm cream
   text color. Block padding from 16px 18px → 22px 26px, top margin
   from 16px → 28px, font-size 15px → 16px, line-height 1.75 → 1.8,
   color from rgba(255,255,255,0.84) → rgba(245, 237, 211, 0.92).

   v1.7.233: top margin reduced 28px → 16px per Marc's "remove the
   extra spacing" feedback. Combined with the v1.7.233 title margin
   reduction (26px → 16px), the visible empty horizontal strip
   between the headline and the "What happens next" block drops from
   54px to 32px. */
.efm-order-received-next,
.efm-order-received-support {
	margin: 16px 0 0;
	/* v1.7.283: horizontal padding bumped 26px → 36px so body copy
	   doesn't crowd the container border. Marc's PDF-print review
	   showed the "What happens next" paragraph reading nearly edge-
	   to-edge inside its tinted background; the extra 10px on each
	   side gives the text room to breathe without changing the
	   block's overall presence. Vertical padding unchanged. */
	padding: 22px 36px;
	border-radius: var(--ef-radius-inner);
	background: rgba(255,255,255,0.035);
	color: rgba(245, 237, 211, 0.92);
	font-size: 16px;
	line-height: 1.8;
}

.efm-order-received-next {
	border-left: 3px solid rgba(228, 191, 99,0.75);
}

.efm-order-received-support {
	margin-top: 24px;
	border: 1px solid rgba(255,255,255,0.07);
}

.efm-order-received-next strong,
.efm-order-received-support strong {
	color: var(--ef-ink-strong);
}

/* v1.7.230: Email link in the "What happens next" / flyer-reminder
   block. Previously inherited the default WC link blue, which read
   as a stock-CMS treatment against the gold/champagne brand
   palette. Match the support block's existing gold treatment
   (line ~309). */
.efm-order-received-next a {
	color: var(--ef-gold-ink);
	text-decoration: none;
	font-weight: 600;
}

.efm-order-received-next a:hover {
	color: var(--ef-gold-bright-solid);
	text-decoration: underline;
}

/* v1.7.231 Grand B: warm cream typography */
.efm-order-received-support p {
	margin: 0 0 10px;
	color: #F5EDD3;
}

.efm-order-received-support p:last-child {
	margin-bottom: 0;
}

.efm-order-received-support a {
	color: var(--ef-gold-ink);
	text-decoration: none;
	font-weight: 600;
}

.efm-order-received-support a:hover {
	color: var(--ef-gold-bright-solid);
	text-decoration: underline;
}

/* v1.7.16 (Round 1, row 5): emphasize the flyer-upload reminder so the
   user notices it on a quick scan of the confirmation page.
   v1.7.231 Grand A: padding + margin generous; Grand B: warm cream text. */
.efm-order-received-next .efm-flyer-reminder {
	margin-top: 14px;
	/* v1.7.283: horizontal padding 18px → 28px to match the parent
	   block's new breathing room. Nested inside .efm-order-received-
	   next so it picks up the parent's 36px padding from the outer
	   border; the inner reminder card needs proportional room on
	   its own sides too. */
	padding: 14px 28px;
	border-radius: 12px;
	border-left: 3px solid rgba(228, 191, 99,0.65);
	background: rgba(228, 191, 99,0.08);
	color: #F5EDD3;
}

.efm-order-received-next .efm-flyer-reminder strong {
	color: var(--ef-gold-bright-solid);
}

/*
 * v1.7.113 — "Start new campaign" rendered as a real, normal-sized
 * button matching the brand action buttons elsewhere on this page
 * (Print Receipt / Save as PDF) rather than the small gold text
 * link the v1.7.16 version used. The link in v1.7.16 also had a
 * latent bug: $return_url was undefined in this template's scope
 * so the href rendered empty, making the link visually present but
 * unclickable. v1.7.113 fixes both — populated $return_url AND
 * styled as a button so it reads as the primary "what next" CTA.
 */
/* v1.7.230: Start New Campaign promoted to large eye-catching CTA
   per Marc's brief — should read like the Launch Campaign button
   in the header, not a quiet receipt-action button. Markup now
   carries "efm-btn efm-btn--primary efm-start-new-campaign-btn"
   so the base .efm-btn (padding, font, transitions) and the
   champagne-gradient .efm-btn--primary variant both apply via the
   account-ui.css selector group at line ~4363. The overrides
   below escalate the size and add the gold halo so the CTA reads
   as the primary forward action on the page.

   Centered in its wrap so it sits below the support block as a
   visually distinct action target.

   v1.7.231 tactical fix #3: explicit dark color override added
   with !important. The pre-v1.7.231 button was inheriting
   var(--ef-gold-ink) from the .efm-order-received-support a rule
   at line ~309 (gold-on-gold = invisible against the champagne
   gradient pill). The .efm-btn--primary canonical sets color
   #1A1408 but loses specificity to .efm-order-received-support a
   (0,1,1 vs 0,1,0). Forcing #1A1408 with !important on the legacy
   class wins the specificity contest cleanly. */
.efm-order-received-support .efm-start-new-campaign-wrap {
	margin: 32px 0 0;
	text-align: center;
}

.efm-order-received-support a.efm-start-new-campaign-btn,
.efm-start-new-campaign-btn {
	color: #1A1408 !important;
	font-size: 18px !important;
	letter-spacing: 0.10em !important;
	padding: 18px 40px !important;
	min-height: 60px !important;
	min-width: 280px !important;
	border-radius: 999px !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.45),
		0 16px 40px rgba(0, 0, 0, 0.45),
		0 0 32px rgba(255, 232, 166, 0.22) !important;
}

.efm-order-received-support a.efm-start-new-campaign-btn:hover,
.efm-order-received-support a.efm-start-new-campaign-btn:focus-visible,
.efm-start-new-campaign-btn:hover,
.efm-start-new-campaign-btn:focus-visible {
	color: #1A1408 !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.58),
		0 20px 48px rgba(0, 0, 0, 0.55),
		0 0 40px rgba(255, 232, 166, 0.32) !important;
}

@media (max-width: 540px) {
	.efm-start-new-campaign-btn {
		font-size: 16px !important;
		padding: 16px 28px !important;
		min-height: 54px !important;
		min-width: 0 !important;
		width: 100% !important;
	}
}

/*
 * v1.7.190 — Phase 3.3 button absorption: .efm-start-new-campaign-btn
 * now inherits from the canonical .efm-btn--primary multi-selector
 * group in account-ui.css. The original rule blocks used to live
 * here. Kept commented for the ~2-week dead-CSS audit window per
 * the audit convention; safe to delete after staging verification.
 *
 * Semantic escalation: pre-v1.7.190, .efm-start-new-campaign-btn
 * inherited the .efm-order-print-btn (secondary) look. v1.7.190
 * promotes it to canonical primary because its semantic role on
 * the order-received page IS the primary forward-action CTA (the
 * "start your next campaign" prompt after a successful order).
 * Print Receipt and Save as PDF are receipt-management actions
 * (secondary). Start New Campaign is the forward action (primary).
 * Visual result: Start New Campaign now reads as the champagne
 * gradient pill instead of the dark glass treatment it shared
 * with Print Receipt.
 *
.efm-order-received-support a.efm-start-new-campaign-btn {
	display: inline-block;
	text-decoration: none;
	color: var(--ef-ink-strong);
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	font-size: 14px;
}

.efm-order-received-support a.efm-start-new-campaign-btn:hover,
.efm-order-received-support a.efm-start-new-campaign-btn:focus {
	color: var(--ef-ink-strong);
	text-decoration: none;
}
*/

@media print {
	body.woocommerce-order-received header,
	body.woocommerce-order-received nav,
	body.woocommerce-order-received footer,
	body.woocommerce-order-received .site-header,
	body.woocommerce-order-received .site-footer,
	body.woocommerce-order-received .efm-order-print-btn,
	body.woocommerce-order-received .efm-order-received-actions,
	body.woocommerce-order-received .efm-order-received-actions-hint,
	body.woocommerce-order-received .efm-start-new-campaign-wrap,
	body.woocommerce-order-received .elementor-location-header,
	body.woocommerce-order-received .elementor-location-footer {
		display: none !important;
	}

	body.woocommerce-order-received {
		background: #ffffff !important;
		color: #000000 !important;
	}

	body.woocommerce-order-received .efm-order-received-card,
	body.woocommerce-order-received .efm-order-received-pill,
	body.woocommerce-order-received .efm-receipt-summary,
	body.woocommerce-order-received .efm-receipt-summary-item,
	body.woocommerce-order-received .efm-order-received-next,
	body.woocommerce-order-received .efm-order-received-support {
		background: #ffffff !important;
		color: #000000 !important;
		border: 1px solid #d9d9d9 !important;
		box-shadow: none !important;
	}

	body.woocommerce-order-received .efm-order-received-title,
	body.woocommerce-order-received .efm-order-received-message,
	body.woocommerce-order-received .efm-order-received-pill-value,
	body.woocommerce-order-received .efm-receipt-summary-value,
	body.woocommerce-order-received .efm-order-received-next,
	body.woocommerce-order-received .efm-order-received-support,
	body.woocommerce-order-received .efm-order-received-support p,
	body.woocommerce-order-received .efm-order-received-next strong,
	body.woocommerce-order-received .efm-order-received-support strong {
		color: #000000 !important;
	}

	body.woocommerce-order-received .efm-order-received-eyebrow,
	body.woocommerce-order-received .efm-order-received-pill-label,
	body.woocommerce-order-received .efm-receipt-summary-title,
	body.woocommerce-order-received .efm-receipt-summary-label {
		color: #6b5a22 !important;
	}

	body.woocommerce-order-received .efm-order-received-support a,
	body.woocommerce-order-received .efm-order-received-next a {
		color: #000000 !important;
		text-decoration: underline !important;
	}
}

@media (max-width: 767px) {
	.efm-order-received-card {
		padding: 18px 16px;
		border-radius: 16px;
	}

	.efm-order-received-title {
		font-size: 30px;
	}

	.efm-order-received-message,
	.efm-order-received-next,
	.efm-order-received-support {
		font-size: 15px;
	}
}