/*
 * JR Invited Memories Redesign v1.0.12
 * Presentation only. Everything is scoped to body.jr-invited-memories-redesign.
 */

body.jr-invited-memories-redesign {
	--jr-im-ink: #513b2f;
	--jr-im-ink-soft: #675b54;
	--jr-im-gold: #bf9144;
	--jr-im-gold-soft: #d9bd82;
	--jr-im-line: #e3d9ca;
	--jr-im-paper: #fffdfa;
	--jr-im-paper-2: #faf7f1;
	--jr-im-parchment: #f1e9dc;
	--jr-im-parchment-2: #eee5d7;
	--jr-im-green: #3f9b4a;
	--jr-im-red: #d93025;
	--jr-im-red-soft: #fff1ef;
}

/* Remove the old full-width title/hero band only on this page. */
body.jr-invited-memories-redesign .entry-hero-container,
body.jr-invited-memories-redesign .entry-hero-container-inner,
body.jr-invited-memories-redesign .entry-header.entry-hero,
body.jr-invited-memories-redesign .kadence-page-title,
body.jr-invited-memories-redesign .page-header,
body.jr-invited-memories-redesign .page-hero-section,
body.jr-invited-memories-redesign .hero-section,
body.jr-invited-memories-redesign .hero-container,
body.jr-invited-memories-redesign .post-hero-section,
body.jr-invited-memories-redesign .post-hero,
body.jr-invited-memories-redesign .bb-page-hero,
body.jr-invited-memories-redesign .bb-page-header,
body.jr-invited-memories-redesign .bb-page-title,
body.jr-invited-memories-redesign .title-container,
body.jr-invited-memories-redesign .page-title-container,
body.jr-invited-memories-redesign .jr-im-hidden-legacy-hero {
	display: none !important;
	height: 0 !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	border: 0 !important;
}

/* Keep Kadence's native constrained page/content area as the dimensional master.
 * Do not force these wrappers to 100% width: that is what made Invited Memories
 * wider than Connections/Members. The shared 24px inset is created one level
 * lower on #main, exactly like the measured Connections hierarchy.
 */
body.jr-invited-memories-redesign #primary.content-area,
body.jr-invited-memories-redesign .content-container.site-container {
	box-sizing: border-box !important;
}

body.jr-invited-memories-redesign #primary,
body.jr-invited-memories-redesign .content-area,
body.jr-invited-memories-redesign article.single-entry,
body.jr-invited-memories-redesign .entry,
body.jr-invited-memories-redesign .content-bg {
	background: transparent !important;
	box-shadow: none !important;
	border: 0 !important;
}

/*
 * Connections dimensional master:
 * page/content area -> 24px inset per side -> main shell -> 32px internal padding.
 * No inspected-pixel widths are hard-coded; the relationship remains responsive.
 */
body.jr-invited-memories-redesign #main.site-main {
	box-sizing: border-box !important;
	width: calc(100% - 48px) !important;
	max-width: none !important;
	height: auto !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

body.jr-invited-memories-redesign #main.site-main > .content-wrap,
body.jr-invited-memories-redesign #main.site-main .content-wrap > article,
body.jr-invited-memories-redesign article.single-entry,
body.jr-invited-memories-redesign .entry-content-wrap {
	box-sizing: border-box !important;
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
}

body.jr-invited-memories-redesign .entry-content-wrap {
	margin: 76px auto 92px !important;
	padding: 40px 32px 46px !important;
	background:
		linear-gradient(rgba(255, 253, 249, .968), rgba(255, 253, 249, .968)),
		repeating-linear-gradient(
			0deg,
			rgba(112, 83, 56, .018) 0,
			rgba(112, 83, 56, .018) 1px,
			transparent 1px,
			transparent 4px
		) !important;
	border: 1px solid rgba(221, 208, 190, .76) !important;
	border-radius: 22px !important;
	box-shadow: 0 18px 48px rgba(55, 39, 24, .10) !important;
}

body.jr-invited-memories-redesign .entry-content-wrap > .entry-header {
	display: none !important;
}

/* The usable inner content area is created only by the shell's 32px padding. */
body.jr-invited-memories-redesign .entry-content.single-content,
body.jr-invited-memories-redesign .jr-im-layout-ready {
	box-sizing: border-box !important;
	width: 100% !important;
	max-width: none !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

body.jr-invited-memories-redesign .jr-im-layout-ready > :last-child {
	margin-bottom: 0 !important;
}

body.jr-invited-memories-redesign .jr-im-layout-ready::after {
	content: "";
	display: table;
	clear: both;
}

/* Members title-card master. */
body.jr-invited-memories-redesign .jr-im-hero {
	box-sizing: border-box;
	width: 100%;
	max-width: none;
	margin: 0 0 22px;
	padding: 46px 28px 34px;
	text-align: center;
	background: var(--jr-card, #fffdfa);
	border: 1px solid rgba(118, 90, 65, 0.15);
	border-radius: var(--jr-radius-card, 24px);
	box-shadow: 0 9px 24px rgba(58, 42, 30, 0.055);
}

body.jr-invited-memories-redesign .jr-im-hero-title {
	margin: 0 !important;
	padding: 0 !important;
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: clamp(42px, 4.4vw, 58px) !important;
	font-weight: 700 !important;
	line-height: 1.04 !important;
	letter-spacing: -0.025em !important;
	text-transform: none !important;
	color: var(--jr-heading, #513b2f) !important;
	text-align: center !important;
}

body.jr-invited-memories-redesign .jr-im-divider {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 13px;
	width: min(250px, 56%);
	margin: 22px auto 18px;
	color: rgba(201, 125, 83, 0.68);
}

body.jr-invited-memories-redesign .jr-im-divider::before,
body.jr-invited-memories-redesign .jr-im-divider::after {
	content: "";
	display: block;
	flex: 1 1 auto;
	height: 1px;
	background: currentColor;
}

body.jr-invited-memories-redesign .jr-im-heart {
	display: inline-block;
	font-size: 15px;
	line-height: 1;
	transform: none;
}

body.jr-invited-memories-redesign .jr-im-hero-copy {
	width: min(720px, 100%);
	max-width: none;
	margin: 0 auto !important;
	color: #67615c !important;
	font-family: inherit !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 1.55 !important;
	text-align: center !important;
}

/* Page-specific lower card: styling preserved; width now follows the shared inner container. */
body.jr-invited-memories-redesign .jr-im-content-card {
	box-sizing: border-box;
	width: 100%;
	max-width: none;
	margin-left: 0;
	margin-right: 0;
	padding: 33px;
	background: rgba(255, 253, 250, .94);
	border: 1px solid var(--jr-im-line);
	border-radius: 24px;
	box-shadow: 0 12px 28px rgba(69, 47, 30, .06);
}

body.jr-invited-memories-redesign .jr-im-content-card > :first-child {
	margin-top: 0 !important;
}

body.jr-invited-memories-redesign .jr-im-content-card > :last-child {
	margin-bottom: 0 !important;
}

/* Connected invites strip. */
body.jr-invited-memories-redesign .jr-im-connected-box {
	box-sizing: border-box !important;
	width: 100% !important;
	margin: 0 0 28px !important;
	padding: 19px 21px !important;
	background: linear-gradient(135deg, #f6efe4 0%, #efe5d7 100%) !important;
	border: 1px solid #e7d8c5 !important;
	border-radius: 14px !important;
	box-shadow: none !important;
	color: #2f2925 !important;
}

body.jr-invited-memories-redesign .jr-im-connected-box h1,
body.jr-invited-memories-redesign .jr-im-connected-box h2,
body.jr-invited-memories-redesign .jr-im-connected-box h3,
body.jr-invited-memories-redesign .jr-im-connected-box h4,
body.jr-invited-memories-redesign .jr-im-connected-box strong:first-child {
	color: var(--jr-im-ink) !important;
	font-size: 18px !important;
	font-weight: 700 !important;
	letter-spacing: 0 !important;
}

body.jr-invited-memories-redesign .jr-im-connected-heading::before {
	content: "♧";
	display: inline-block;
	margin-right: 10px;
	color: #aa6d22;
	font-size: 20px;
	font-weight: 400;
	transform: rotate(45deg);
}

body.jr-invited-memories-redesign .jr-im-connected-box ul {
	margin: 10px 0 0 18px !important;
	padding: 0 !important;
}

body.jr-invited-memories-redesign .jr-im-connected-box li {
	margin: 5px 0 !important;
	line-height: 1.7 !important;
}

/* Shared button language. */
body.jr-invited-memories-redesign .jr-im-content-card button,
body.jr-invited-memories-redesign .jr-im-content-card .button,
body.jr-invited-memories-redesign .jr-im-content-card a.button,
body.jr-invited-memories-redesign .jr-im-content-card input[type="button"],
body.jr-invited-memories-redesign .jr-im-content-card input[type="submit"] {
	min-height: 40px !important;
	padding: 8px 17px !important;
	border: 1px solid #dfcfba !important;
	border-radius: 12px !important;
	background: #fffaf3 !important;
	color: #77543d !important;
	box-shadow: none !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	text-decoration: none !important;
	transition: background-color .18s ease, border-color .18s ease, transform .18s ease !important;
}

body.jr-invited-memories-redesign .jr-im-content-card button:hover,
body.jr-invited-memories-redesign .jr-im-content-card .button:hover,
body.jr-invited-memories-redesign .jr-im-content-card a.button:hover {
	background: #f7ecdd !important;
	border-color: #cfae86 !important;
	transform: translateY(-1px);
}

body.jr-invited-memories-redesign .jr-im-clear-rejected,
body.jr-invited-memories-redesign .jr-im-remove {
	background: var(--jr-im-red-soft) !important;
	border-color: #f0c8c2 !important;
	color: #a74538 !important;
}

/* Main invited-memories panel. */
body.jr-invited-memories-redesign .jr-im-invites-panel {
	box-sizing: border-box !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 24px 20px 20px !important;
	background: #fff !important;
	border: 1px solid #e3ddd5 !important;
	border-radius: 14px !important;
	box-shadow: none !important;
	overflow: hidden;
}

body.jr-invited-memories-redesign .jr-im-invites-panel h1,
body.jr-invited-memories-redesign .jr-im-invites-panel h2,
body.jr-invited-memories-redesign .jr-im-invites-panel h3,
body.jr-invited-memories-redesign .jr-im-invites-panel h4 {
	margin-top: 0 !important;
	margin-bottom: 5px !important;
	color: #24201d !important;
	font-family: inherit !important;
	font-size: 23px !important;
	font-weight: 700 !important;
	line-height: 1.25 !important;
	letter-spacing: 0 !important;
}

body.jr-invited-memories-redesign .jr-im-helper-copy {
	margin-top: 0 !important;
	margin-bottom: 15px !important;
	color: #6f7e99 !important;
	font-size: 15px !important;
	line-height: 1.45 !important;
}

/* Header buttons may be injected by another plugin; keep them neat and aligned. */
body.jr-invited-memories-redesign .jr-im-panel-actions {
	display: flex !important;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center;
	gap: 10px;
	margin: -46px 0 16px auto !important;
	width: fit-content;
}

body.jr-invited-memories-redesign .jr-im-refresh,
body.jr-invited-memories-redesign .jr-im-clear-rejected {
	margin: 0 !important;
}

/* Table treatment. */
body.jr-invited-memories-redesign .jr-im-table-scroll {
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	border: 1px solid #ddd5ca;
	border-radius: 14px;
	background: #fff;
}

body.jr-invited-memories-redesign .jr-im-table-scroll table,
body.jr-invited-memories-redesign .jr-im-invites-panel table {
	width: 100% !important;
	min-width: 720px;
	margin: 0 !important;
	border-collapse: separate !important;
	border-spacing: 0 !important;
	table-layout: fixed !important;
	background: #fff !important;
	border: 0 !important;
}

body.jr-invited-memories-redesign .jr-im-invites-panel table th,
body.jr-invited-memories-redesign .jr-im-invites-panel table td {
	box-sizing: border-box !important;
	padding: 15px 14px !important;
	border: 0 !important;
	border-right: 1px solid #e0dbd3 !important;
	border-bottom: 1px solid #e6e1db !important;
	vertical-align: middle !important;
	text-align: center !important;
	font-size: 15px !important;
	line-height: 1.35 !important;
	overflow-wrap: anywhere;
}

body.jr-invited-memories-redesign .jr-im-invites-panel table th:last-child,
body.jr-invited-memories-redesign .jr-im-invites-panel table td:last-child {
	border-right: 0 !important;
}

body.jr-invited-memories-redesign .jr-im-invites-panel table tbody tr:last-child td {
	border-bottom: 0 !important;
}

body.jr-invited-memories-redesign .jr-im-invites-panel table thead th {
	background: #ece6db !important;
	color: #2e2925 !important;
	font-size: 15px !important;
	font-weight: 700 !important;
}

body.jr-invited-memories-redesign .jr-im-invites-panel table thead th:first-child {
	border-top-left-radius: 13px;
}

body.jr-invited-memories-redesign .jr-im-invites-panel table thead th:last-child {
	border-top-right-radius: 13px;
}

/* Match the useful proportions of the concept while still allowing long titles to wrap. */
body.jr-invited-memories-redesign .jr-im-invites-panel table th:nth-child(1),
body.jr-invited-memories-redesign .jr-im-invites-panel table td:nth-child(1) {
	width: 13% !important;
}

body.jr-invited-memories-redesign .jr-im-invites-panel table th:nth-child(2),
body.jr-invited-memories-redesign .jr-im-invites-panel table td:nth-child(2) {
	width: 16% !important;
}

body.jr-invited-memories-redesign .jr-im-invites-panel table th:nth-child(3),
body.jr-invited-memories-redesign .jr-im-invites-panel table td:nth-child(3) {
	width: 36% !important;
}

body.jr-invited-memories-redesign .jr-im-invites-panel table th:nth-child(4),
body.jr-invited-memories-redesign .jr-im-invites-panel table td:nth-child(4) {
	width: 15% !important;
}

body.jr-invited-memories-redesign .jr-im-invites-panel table th:nth-child(5),
body.jr-invited-memories-redesign .jr-im-invites-panel table td:nth-child(5) {
	width: 20% !important;
}

body.jr-invited-memories-redesign .jr-im-status-accepted,
body.jr-invited-memories-redesign .jr-im-action-approved {
	color: var(--jr-im-green) !important;
	font-weight: 700 !important;
}

body.jr-invited-memories-redesign .jr-im-status-rejected,
body.jr-invited-memories-redesign .jr-im-action-rejected {
	color: var(--jr-im-red) !important;
	font-weight: 700 !important;
}

body.jr-invited-memories-redesign .jr-im-invites-panel a:not(.button) {
	color: #c26c2a;
	text-underline-offset: 2px;
}

body.jr-invited-memories-redesign .jr-im-invites-panel td .jr-im-remove,
body.jr-invited-memories-redesign .jr-im-invites-panel td button.jr-im-remove,
body.jr-invited-memories-redesign .jr-im-invites-panel td a.jr-im-remove,
body.jr-invited-memories-redesign .jr-im-invites-panel td .im-btn.danger.im-reject.jr-im-remove {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: auto !important;
	max-width: 100% !important;
	min-height: 30px !important;
	margin-left: 8px !important;
	padding: 4px 10px !important;
	border-radius: 10px !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	line-height: 1.1 !important;
	white-space: nowrap !important;
}

/* If a plugin outputs the actions as separate inline items, keep them tidy. */
body.jr-invited-memories-redesign .jr-im-invites-panel td:last-child {
	white-space: normal !important;
}

body.jr-invited-memories-redesign .jr-im-invites-panel td:last-child > * {
	vertical-align: middle;
}

/* Tablet */
@media (max-width: 1024px) {
	body.jr-invited-memories-redesign #main.site-main {
		width: calc(100% - 32px) !important;
	}

	body.jr-invited-memories-redesign .entry-content-wrap {
		margin: 48px auto 60px !important;
		padding: 30px 24px 36px !important;
	}

	body.jr-invited-memories-redesign .jr-im-hero {
		padding-left: 28px;
		padding-right: 28px;
	}

	body.jr-invited-memories-redesign .jr-im-content-card {
		padding: 26px;
	}
}

/* Mobile */
@media (max-width: 767px) {
	body.jr-invited-memories-redesign #main.site-main {
		width: calc(100% - 20px) !important;
	}

	body.jr-invited-memories-redesign .entry-content-wrap {
		margin: 24px auto 38px !important;
		padding: 14px 12px 18px !important;
		border-radius: 16px !important;
	}

	body.jr-invited-memories-redesign .jr-im-hero {
		margin-bottom: 18px;
		padding: 34px 18px 28px;
		border-radius: var(--jr-radius-card, 17px);
	}

	body.jr-invited-memories-redesign .jr-im-content-card {
		padding: 14px;
		border-radius: 17px;
	}

	body.jr-invited-memories-redesign .jr-im-connected-box {
		margin-bottom: 15px !important;
		padding: 16px !important;
	}

	body.jr-invited-memories-redesign .jr-im-invites-panel {
		padding: 18px 12px 13px !important;
		border-radius: 13px !important;
		overflow: visible;
	}

	body.jr-invited-memories-redesign .jr-im-invites-panel h1,
	body.jr-invited-memories-redesign .jr-im-invites-panel h2,
	body.jr-invited-memories-redesign .jr-im-invites-panel h3,
	body.jr-invited-memories-redesign .jr-im-invites-panel h4 {
		font-size: 20px !important;
	}

	body.jr-invited-memories-redesign .jr-im-panel-actions {
		justify-content: flex-start;
		margin: 4px 0 15px 0 !important;
		width: 100%;
	}

	body.jr-invited-memories-redesign .jr-im-panel-actions > * {
		flex: 0 1 auto;
	}

	body.jr-invited-memories-redesign .jr-im-table-scroll {
		border-radius: 12px;
	}

	body.jr-invited-memories-redesign .jr-im-invites-panel table {
		min-width: 710px;
	}

	body.jr-invited-memories-redesign .jr-im-invites-panel table th,
	body.jr-invited-memories-redesign .jr-im-invites-panel table td {
		padding: 12px 10px !important;
		font-size: 14px !important;
	}
}

/* Very small phones: keep controls usable without crushing them. */
@media (max-width: 420px) {
	body.jr-invited-memories-redesign .jr-im-panel-actions {
		display: grid !important;
		grid-template-columns: 1fr 1fr;
	}

	body.jr-invited-memories-redesign .jr-im-panel-actions button,
	body.jr-invited-memories-redesign .jr-im-panel-actions .button,
	body.jr-invited-memories-redesign .jr-im-panel-actions a.button {
		width: 100% !important;
		padding-left: 10px !important;
		padding-right: 10px !important;
		text-align: center;
	}
}


/* Extra force for the invite-plugin remove button so it does not inherit oversized button styling. */
body.jr-invited-memories-redesign .im-btn.danger.im-reject.jr-im-remove {
	min-height: 30px !important;
	padding: 4px 10px !important;
	font-size: 13px !important;
	line-height: 1.1 !important;
	border-radius: 10px !important;
}


/* =========================================================
   v1.0.7 — MOBILE PAGE FINALISATION
   - one clean centred outer shell
   - equal left/right spacing
   - remove duplicate wrapper/shadow layers
   - tighten the lower Invited Memories section
   ========================================================= */
@media (max-width: 767px) {

	/* One viewport gutter controls the entire page. */
	body.jr-invited-memories-redesign #primary.content-area,
	body.jr-invited-memories-redesign .content-container.site-container {
		box-sizing: border-box !important;
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	body.jr-invited-memories-redesign #main.site-main {
		box-sizing: border-box !important;
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
		padding: 0 18px !important;
	}

	/*
	 * Neutralise Kadence/global-paper wrapper layers so they do not create
	 * the visible second cream panel on the right-hand side.
	 */
	body.jr-invited-memories-redesign #main.site-main > .content-wrap,
	body.jr-invited-memories-redesign #main.site-main > .content-wrap > article,
	body.jr-invited-memories-redesign #main.site-main .content-wrap > article,
	body.jr-invited-memories-redesign article.single-entry,
	body.jr-invited-memories-redesign article.entry {
		box-sizing: border-box !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		left: auto !important;
		right: auto !important;
		transform: none !important;
		background: transparent !important;
		background-image: none !important;
		border: 0 !important;
		border-radius: 0 !important;
		box-shadow: none !important;
		filter: none !important;
	}

	body.jr-invited-memories-redesign #main.site-main > .content-wrap::before,
	body.jr-invited-memories-redesign #main.site-main > .content-wrap::after,
	body.jr-invited-memories-redesign article.single-entry::before,
	body.jr-invited-memories-redesign article.single-entry::after {
		content: none !important;
		display: none !important;
	}

	/* Single visible page shell with even mobile spacing. */
	body.jr-invited-memories-redesign .entry-content-wrap {
		box-sizing: border-box !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		margin: 24px 0 40px !important;
		padding: 14px 12px 18px !important;
		left: auto !important;
		right: auto !important;
		transform: none !important;
		border: 1px solid rgba(221, 208, 190, .76) !important;
		border-radius: 16px !important;
		box-shadow: none !important;
		filter: none !important;
		overflow: hidden !important;
	}

	/* Keep the hero and lower card on exactly the same width. */
	body.jr-invited-memories-redesign .jr-im-hero,
	body.jr-invited-memories-redesign .jr-im-content-card,
	body.jr-invited-memories-redesign .jr-im-connected-box,
	body.jr-invited-memories-redesign .jr-im-invites-panel {
		box-sizing: border-box !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		transform: none !important;
	}

	/* Flatten the nested card stack on mobile. */
	body.jr-invited-memories-redesign .jr-im-hero,
	body.jr-invited-memories-redesign .jr-im-content-card,
	body.jr-invited-memories-redesign .jr-im-invites-panel {
		box-shadow: none !important;
		filter: none !important;
	}

	body.jr-invited-memories-redesign .jr-im-content-card {
		padding: 14px !important;
	}

	/*
	 * The invite plugin nests its "Invited Memories" heading inside legacy
	 * wrappers with desktop spacing. JS marks that path so the mobile card
	 * no longer has the large empty block above the heading.
	 */
	body.jr-invited-memories-redesign .jr-im-invites-panel .jr-im-panel-heading-path {
		margin-top: 0 !important;
		padding-top: 0 !important;
		min-height: 0 !important;
		height: auto !important;
	}

	body.jr-invited-memories-redesign .jr-im-invites-panel .jr-im-panel-heading {
		margin-top: 0 !important;
		padding-top: 0 !important;
	}

	body.jr-invited-memories-redesign .jr-im-invites-panel {
		padding: 18px 12px 13px !important;
		overflow: hidden !important;
	}

	/* Preserve the intended horizontal table scroll but keep it inside the card. */
	body.jr-invited-memories-redesign .jr-im-table-scroll {
		box-sizing: border-box !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		overflow-x: auto !important;
		overflow-y: hidden !important;
		-webkit-overflow-scrolling: touch !important;
		box-shadow: none !important;
	}
}


/* =========================================================
   v1.0.8 — final mobile tidy-up
   - remove remaining top hero/banner strip
   - restore bottom table corner radius
   ========================================================= */

/* Hide any remaining theme hero/banner variants on this page. */
body.jr-invited-memories-redesign section.entry-hero,
body.jr-invited-memories-redesign section.hero-section,
body.jr-invited-memories-redesign section.entry-hero-layout-fullwidth,
body.jr-invited-memories-redesign .entry-hero-layout-fullwidth,
body.jr-invited-memories-redesign .entry-hero-wrap,
body.jr-invited-memories-redesign .page-hero-section,
body.jr-invited-memories-redesign .hero-section.entry-hero-layout-fullwidth,
body.jr-invited-memories-redesign .hero-section.entry-hero,
body.jr-invited-memories-redesign .entry-hero,
body.jr-invited-memories-redesign .entry-hero-container,
body.jr-invited-memories-redesign .entry-hero-container-inner {
	display: none !important;
	visibility: hidden !important;
	height: 0 !important;
	min-height: 0 !important;
	max-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	overflow: hidden !important;
}

/* Ensure the table corners finish cleanly at the bottom too. */
body.jr-invited-memories-redesign .jr-im-table-scroll {
	border-radius: 14px !important;
}

body.jr-invited-memories-redesign .jr-im-invites-panel table tbody tr:last-child td:first-child {
	border-bottom-left-radius: 13px !important;
	background-clip: padding-box !important;
}

body.jr-invited-memories-redesign .jr-im-invites-panel table tbody tr:last-child td:last-child {
	border-bottom-right-radius: 13px !important;
	background-clip: padding-box !important;
}

@media (max-width: 767px) {
	body.jr-invited-memories-redesign .jr-im-table-scroll {
		border-radius: 12px !important;
	}

	body.jr-invited-memories-redesign .jr-im-invites-panel table tbody tr:last-child td:first-child {
		border-bottom-left-radius: 12px !important;
	}

	body.jr-invited-memories-redesign .jr-im-invites-panel table tbody tr:last-child td:last-child {
		border-bottom-right-radius: 12px !important;
	}
}


/* =========================================================
   v1.0.9 — MOBILE POSITION + TABLE CORNER FIX
   1) Remove the residual hero-spacing reservation so the page
      shell starts shortly below the mobile header.
   2) Put the visible table border/radius on the OUTER
      .im-table-wrap and clip the scrolling child inside it.
      This prevents the horizontal-scroll layer from masking the
      lower rounded corners.
   ========================================================= */
@media (max-width: 767px) {

    /* Kill any leftover vertical reservation created by Kadence/page-hero wrappers. */
    body.jr-invited-memories-redesign #primary,
    body.jr-invited-memories-redesign #primary.content-area,
    body.jr-invited-memories-redesign .content-area,
    body.jr-invited-memories-redesign .content-container,
    body.jr-invited-memories-redesign .content-container.site-container,
    body.jr-invited-memories-redesign #main.site-main,
    body.jr-invited-memories-redesign #main.site-main > .content-wrap {
        margin-top: 0 !important;
        padding-top: 0 !important;
        min-height: 0 !important;
    }

    /* Keep the deliberate, small gap below the mobile header. */
    body.jr-invited-memories-redesign .entry-content-wrap {
        margin-top: 22px !important;
    }

    /*
     * The live DOM is:
     * .im-table-wrap > .jr-im-table-scroll > table.im-table
     * The outer wrapper must own the visible outline + clipping.
     */
    body.jr-invited-memories-redesign .jr-im-invites-panel .im-table-wrap {
        box-sizing: border-box !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 1px solid #ddd5ca !important;
        border-radius: 14px !important;
        background: #fff !important;
        box-shadow: none !important;
        outline: 0 !important;
        overflow: hidden !important;
        -webkit-mask-image: -webkit-radial-gradient(white, black) !important;
    }

    /* Inner layer scrolls only; it must not draw another square outline. */
    body.jr-invited-memories-redesign .jr-im-invites-panel .im-table-wrap > .jr-im-table-scroll,
    body.jr-invited-memories-redesign .jr-im-invites-panel .jr-im-table-scroll {
        box-sizing: border-box !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 13px !important;
        background: #fff !important;
        box-shadow: none !important;
        outline: 0 !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
    }

    body.jr-invited-memories-redesign .jr-im-invites-panel .im-table-wrap table,
    body.jr-invited-memories-redesign .jr-im-invites-panel .jr-im-table-scroll table {
        margin: 0 !important;
        border: 0 !important;
        border-radius: 13px !important;
        box-shadow: none !important;
        background-clip: padding-box !important;
    }

    /* Explicit cell radii as a fallback for Samsung/Chrome table rendering. */
    body.jr-invited-memories-redesign .jr-im-invites-panel table thead tr:first-child th:first-child {
        border-top-left-radius: 13px !important;
    }
    body.jr-invited-memories-redesign .jr-im-invites-panel table thead tr:first-child th:last-child {
        border-top-right-radius: 13px !important;
    }
    body.jr-invited-memories-redesign .jr-im-invites-panel table tbody tr:last-child td:first-child {
        border-bottom-left-radius: 13px !important;
    }
    body.jr-invited-memories-redesign .jr-im-invites-panel table tbody tr:last-child td:last-child {
        border-bottom-right-radius: 13px !important;
    }
}


/* =========================================================
   v1.0.10 — MOBILE TOP-GAP FIX
   Same Kadence hero-reservation issue fixed on the related
   JustReminisce mobile pages. Remove the top-level hero node
   itself, not just its inner content, then keep a small,
   deliberate gap before the redesigned page shell.
   ========================================================= */
@media (max-width: 782px) {

	body.jr-invited-memories-redesign #inner-wrap > section.entry-hero,
	body.jr-invited-memories-redesign #inner-wrap > .entry-hero,
	body.jr-invited-memories-redesign #inner-wrap > section.page-hero-section,
	body.jr-invited-memories-redesign #inner-wrap > .page-hero-section,
	body.jr-invited-memories-redesign section.entry-hero.page-hero-section,
	body.jr-invited-memories-redesign .entry-hero.entry-hero-layout-fullwidth,
	body.jr-invited-memories-redesign .entry-hero-container,
	body.jr-invited-memories-redesign .entry-hero-container-inner,
	body.jr-invited-memories-redesign .jr-im-hidden-legacy-hero {
		display: none !important;
		visibility: hidden !important;
		height: 0 !important;
		min-height: 0 !important;
		max-height: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		overflow: hidden !important;
	}

	/* Collapse every wrapper directly below the removed hero. */
	body.jr-invited-memories-redesign #primary.content-area,
	body.jr-invited-memories-redesign .content-container.site-container,
	body.jr-invited-memories-redesign #main.site-main,
	body.jr-invited-memories-redesign #main.site-main > .content-wrap,
	body.jr-invited-memories-redesign #main.site-main > .content-wrap > article,
	body.jr-invited-memories-redesign article.single-entry {
		margin-top: 0 !important;
		padding-top: 0 !important;
		top: auto !important;
		transform: none !important;
	}

	/* Match the modest spacing used on the other corrected mobile pages. */
	body.jr-invited-memories-redesign .entry-content-wrap {
		margin-top: 26px !important;
	}
}


/* =========================================================
   v1.0.11 — MOBILE INVITED PANEL SPACING / ALIGNMENT
   Reduce the legacy vertical space above the lower
   "Invited Memories" heading and give the section a cleaner,
   centred visual hierarchy.
   ========================================================= */
@media (max-width: 767px) {

	/* Collapse any legacy flex/min-height behaviour on the path to the heading. */
	body.jr-invited-memories-redesign .jr-im-invites-panel .jr-im-panel-heading-path {
		margin: 0 !important;
		padding: 0 !important;
		min-height: 0 !important;
		height: auto !important;
		max-height: none !important;
		top: auto !important;
		bottom: auto !important;
		transform: none !important;
		justify-content: flex-start !important;
		align-items: stretch !important;
		align-content: flex-start !important;
		gap: 0 !important;
	}

	/* Bring the whole lower panel content up without making it cramped. */
	body.jr-invited-memories-redesign .jr-im-invites-panel {
		padding-top: 14px !important;
		padding-bottom: 13px !important;
	}

	/* Centre the section title and give it deliberate, compact spacing. */
	body.jr-invited-memories-redesign .jr-im-invites-panel .jr-im-panel-heading,
	body.jr-invited-memories-redesign .jr-im-invites-panel h1,
	body.jr-invited-memories-redesign .jr-im-invites-panel h2,
	body.jr-invited-memories-redesign .jr-im-invites-panel h3,
	body.jr-invited-memories-redesign .jr-im-invites-panel h4 {
		width: 100% !important;
		margin: 0 0 10px !important;
		padding: 0 !important;
		text-align: center !important;
	}

	/* Keep the two actions visually tied to the heading. */
	body.jr-invited-memories-redesign .jr-im-panel-actions {
		justify-content: center !important;
		margin: 0 0 14px !important;
	}

	/* Helper copy also reads better as a centred intro to the table. */
	body.jr-invited-memories-redesign .jr-im-helper-copy {
		margin-top: 0 !important;
		margin-bottom: 14px !important;
		text-align: center !important;
	}
}


/* =========================================================
   v1.0.12 — EXACT LOWER PANEL TOP-GAP OVERRIDE
   The live page's original stylesheet applies:
   #im-invited-memories { padding-top: 86px !important; }
   on mobile/tablet. Override that exact ID so the heading
   sits naturally near the top of its panel.
   ========================================================= */
@media (max-width: 900px) {
	body.jr-invited-memories-redesign #im-invited-memories.jr-im-invites-panel,
	body.jr-invited-memories-redesign #im-invited-memories {
		padding-top: 18px !important;
	}
}

@media (max-width: 767px) {
	body.jr-invited-memories-redesign #im-invited-memories.jr-im-invites-panel,
	body.jr-invited-memories-redesign #im-invited-memories {
		padding: 18px 12px 13px !important;
	}

	body.jr-invited-memories-redesign #im-invited-memories > .jr-im-panel-heading,
	body.jr-invited-memories-redesign #im-invited-memories > h3 {
		margin-top: 0 !important;
		padding-top: 0 !important;
	}
}

/* =========================================================
   v1.0.16 — MOBILE/TABLET TABLE SWIPE NOTE
   Final helper-text refinement: smaller, lighter and centred
   with equal 8px spacing above and below for visual balance.
   ========================================================= */
body.jr-invited-memories-redesign .jr-im-swipe-hint {
	display: none !important;
}

@media (max-width: 900px) {
	body.jr-invited-memories-redesign .jr-im-swipe-hint {
		display: block !important;
		width: 100% !important;
		box-sizing: border-box !important;
		margin: 8px 0 8px !important;
		padding: 0 !important;
		color: #7b746d !important;
		font-family: inherit !important;
		font-size: 13px !important;
		font-weight: 500 !important;
		line-height: 1.35 !important;
		letter-spacing: 0 !important;
		text-align: center !important;
	}
}


/* =========================================================
   v1.0.17 — Current JustReminisce gold button treatment
   Applies to the Connected Invites Open control and the
   Invited Memories Refresh / Clear Rejected controls only.
   Functional behaviour is unchanged.
   ========================================================= */
body.jr-invited-memories-redesign .jr-im-open,
body.jr-invited-memories-redesign .jr-im-refresh,
body.jr-invited-memories-redesign .jr-im-clear-rejected {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 8px 18px !important;
    border: 1px solid #aa8248 !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg, #c8aa70 0%, #b58d54 100%) !important;
    background-color: #b58d54 !important;
    background-image: linear-gradient(180deg, #c8aa70 0%, #b58d54 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    box-shadow: 0 8px 18px rgba(112,79,38,.14) !important;
    text-shadow: none !important;
    cursor: pointer !important;
    transition: background .18s ease, border-color .18s ease, transform .18s ease, box-shadow .18s ease !important;
}

body.jr-invited-memories-redesign .jr-im-open:hover,
body.jr-invited-memories-redesign .jr-im-open:focus,
body.jr-invited-memories-redesign .jr-im-open:focus-visible,
body.jr-invited-memories-redesign .jr-im-refresh:hover,
body.jr-invited-memories-redesign .jr-im-refresh:focus,
body.jr-invited-memories-redesign .jr-im-refresh:focus-visible,
body.jr-invited-memories-redesign .jr-im-clear-rejected:hover,
body.jr-invited-memories-redesign .jr-im-clear-rejected:focus,
body.jr-invited-memories-redesign .jr-im-clear-rejected:focus-visible {
    background: linear-gradient(180deg, #d0b57d 0%, #bd965d 100%) !important;
    background-color: #bd965d !important;
    background-image: linear-gradient(180deg, #d0b57d 0%, #bd965d 100%) !important;
    border-color: #a97f45 !important;
    color: #ffffff !important;
    box-shadow: 0 10px 22px rgba(112,79,38,.18) !important;
    transform: translateY(-1px) !important;
    outline: none !important;
}

body.jr-invited-memories-redesign .jr-im-open:active,
body.jr-invited-memories-redesign .jr-im-refresh:active,
body.jr-invited-memories-redesign .jr-im-clear-rejected:active {
    transform: translateY(0) !important;
    box-shadow: 0 5px 12px rgba(112,79,38,.14) !important;
}


/* =========================================================
   v1.0.18 — Force toolbar actions onto current gold treatment
   The Refresh / Clear Rejected controls also carry legacy
   .jr-imhb-* classes inside .jr-im-content-card. Those older
   selectors are more specific than the generic v1.0.17 rule,
   so target the exact controls here to ensure gold wins.
   ========================================================= */
body.jr-invited-memories-redesign .jr-im-content-card button.jr-imhb-btn.jr-imhb-btn--refresh,
body.jr-invited-memories-redesign .jr-im-content-card button.jr-imhb-btn.jr-imhb-btn--clear,
body.jr-invited-memories-redesign .jr-im-content-card button.jr-imhb-btn.jr-imhb-btn--danger.jr-imhb-btn--clear,
body.jr-invited-memories-redesign .jr-im-content-card button.jr-im-refresh,
body.jr-invited-memories-redesign .jr-im-content-card button.jr-im-clear-rejected,
body.jr-invited-memories-redesign .jr-im-invites-panel .jr-im-panel-actions button.jr-im-refresh,
body.jr-invited-memories-redesign .jr-im-invites-panel .jr-im-panel-actions button.jr-im-clear-rejected {
    -webkit-appearance: none !important;
    appearance: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 8px 18px !important;
    border: 1px solid #aa8248 !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg, #c8aa70 0%, #b58d54 100%) !important;
    background-color: #b58d54 !important;
    background-image: linear-gradient(180deg, #c8aa70 0%, #b58d54 100%) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    box-shadow: 0 8px 18px rgba(112,79,38,.14) !important;
    text-shadow: none !important;
    cursor: pointer !important;
    transition: background .18s ease, border-color .18s ease, transform .18s ease, box-shadow .18s ease !important;
}

body.jr-invited-memories-redesign .jr-im-content-card button.jr-imhb-btn.jr-imhb-btn--refresh:hover,
body.jr-invited-memories-redesign .jr-im-content-card button.jr-imhb-btn.jr-imhb-btn--refresh:focus,
body.jr-invited-memories-redesign .jr-im-content-card button.jr-imhb-btn.jr-imhb-btn--refresh:focus-visible,
body.jr-invited-memories-redesign .jr-im-content-card button.jr-imhb-btn.jr-imhb-btn--clear:hover,
body.jr-invited-memories-redesign .jr-im-content-card button.jr-imhb-btn.jr-imhb-btn--clear:focus,
body.jr-invited-memories-redesign .jr-im-content-card button.jr-imhb-btn.jr-imhb-btn--clear:focus-visible,
body.jr-invited-memories-redesign .jr-im-content-card button.jr-im-refresh:hover,
body.jr-invited-memories-redesign .jr-im-content-card button.jr-im-refresh:focus,
body.jr-invited-memories-redesign .jr-im-content-card button.jr-im-refresh:focus-visible,
body.jr-invited-memories-redesign .jr-im-content-card button.jr-im-clear-rejected:hover,
body.jr-invited-memories-redesign .jr-im-content-card button.jr-im-clear-rejected:focus,
body.jr-invited-memories-redesign .jr-im-content-card button.jr-im-clear-rejected:focus-visible {
    background: linear-gradient(180deg, #d0b57d 0%, #bd965d 100%) !important;
    background-color: #bd965d !important;
    background-image: linear-gradient(180deg, #d0b57d 0%, #bd965d 100%) !important;
    border-color: #a97f45 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: 0 10px 22px rgba(112,79,38,.18) !important;
    transform: translateY(-1px) !important;
    outline: none !important;
}


/* =======================================================================
 * v1.0.19 — Desktop single-shell corner cleanup
 * Keep .entry-content-wrap as the ONLY painted rounded outer shell.
 * Kadence/global article and content wrappers can leave a second subtly
 * offset border/shadow peeking around the upper corners. Neutralise those
 * backing surfaces (and their decorative pseudo-elements) on desktop only.
 * This does not touch the existing 22px shell, inner cards, anti-flash,
 * any invitation controls, or the mobile/tablet presentation.
 * ======================================================================= */
@media (min-width: 1025px) {
    html body.jr-invited-memories-redesign #main.site-main > .content-wrap,
    html body.jr-invited-memories-redesign #main.site-main > .content-wrap > article,
    html body.jr-invited-memories-redesign #main.site-main .content-wrap > article,
    html body.jr-invited-memories-redesign #main.site-main article.single-entry,
    html body.jr-invited-memories-redesign #main.site-main article.entry {
        background: transparent !important;
        background-image: none !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        outline: 0 !important;
    }

    html body.jr-invited-memories-redesign #main.site-main > .content-wrap::before,
    html body.jr-invited-memories-redesign #main.site-main > .content-wrap::after,
    html body.jr-invited-memories-redesign #main.site-main article.single-entry::before,
    html body.jr-invited-memories-redesign #main.site-main article.single-entry::after,
    html body.jr-invited-memories-redesign #main.site-main article.entry::before,
    html body.jr-invited-memories-redesign #main.site-main article.entry::after {
        content: none !important;
        display: none !important;
    }
}