/* =========================================================
   SELLIXY FULL WIDTH SINGLE POST
   ========================================================= */

body.sellixy-full-width-post-active {
	--sxp-ink: #28231f;
	--sxp-muted: #6f655d;
	--sxp-wine: #743247;
	--sxp-wine-dark: #542233;
	--sxp-cream: #f8f1e6;
	--sxp-paper: #fffdf8;
	--sxp-sage: #737b68;
	--sxp-line: rgba(72, 52, 42, 0.16);
	--sxp-shadow: 0 24px 70px rgba(62, 43, 34, 0.11);
	overflow-x: hidden;
	background: var(--sxp-paper);
}

.sxpost-page,
.sxpost-page * {
	box-sizing: border-box;
}

.sxpost-page {
	display: block !important;
	visibility: visible !important;
	width: 100% !important;
	max-width: none !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	color: var(--sxp-ink);
	background: var(--sxp-paper);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 1.75;
	opacity: 1 !important;
	overflow: visible !important;
}

.sxpost-page img,
.sxpost-page svg {
	display: block;
	max-width: 100%;
}

.sxpost-page a {
	color: inherit;
	text-decoration: none;
}

.sxpost-shell {
	width: min(1280px, calc(100% - 40px));
	margin-inline: auto;
}

/* Expand only Elementor containers containing this shortcode. */
.sxpost-host-full {
	width: 100% !important;
	max-width: none !important;
	min-width: 0 !important;
	flex: 0 0 100% !important;
	flex-basis: 100% !important;
	align-self: stretch !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/* Remove a duplicate theme/Elementor title outside the shortcode. */
body.sellixy-full-width-post-active .sxpost-duplicate-title {
	display: none !important;
	visibility: hidden !important;
	height: 0 !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	opacity: 0 !important;
}

/* Breadcrumbs */
.sxpost-breadcrumbs {
	border-bottom: 1px solid var(--sxp-line);
	background: var(--sxp-paper);
}

.sxpost-breadcrumbs ol {
	display: flex;
	min-height: 54px;
	flex-wrap: wrap;
	gap: 7px 10px;
	align-items: center;
	margin: 0;
	padding: 12px 0;
	color: var(--sxp-muted);
	font-size: 0.77rem;
	line-height: 1.5;
	list-style: none;
}

.sxpost-breadcrumbs li {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.sxpost-breadcrumbs li:not(:last-child)::after {
	color: rgba(72, 52, 42, 0.4);
	content: "/";
}

.sxpost-breadcrumbs a {
	color: var(--sxp-wine);
	font-weight: 700;
}

/* Hero */
.sxpost-hero {
	position: relative;
	padding: clamp(52px, 8vw, 105px) 0;
	background:
		radial-gradient(circle at 8% 12%, rgba(116, 50, 71, 0.1), transparent 28%),
		linear-gradient(135deg, #fffdf8 0%, #f8f1e6 100%);
}

.sxpost-hero-grid {
	display: grid;
	grid-template-columns: minmax(0, 0.98fr) minmax(420px, 1.02fr);
	gap: clamp(40px, 7vw, 90px);
	align-items: center;
}

.sxpost-category {
	display: inline-flex;
	min-height: 31px;
	align-items: center;
	border-radius: 999px;
	padding: 6px 12px;
	background: rgba(116, 50, 71, 0.1);
	color: var(--sxp-wine) !important;
	font-size: 0.7rem;
	font-weight: 700;
	letter-spacing: 0.09em;
	line-height: 1.2;
	text-transform: uppercase;
}

.sxpost-title {
	display: block !important;
	visibility: visible !important;
	margin: 18px 0 0 !important;
	color: var(--sxp-ink) !important;
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: clamp(2.7rem, 6.2vw, 6rem) !important;
	font-weight: 500 !important;
	letter-spacing: -0.06em !important;
	line-height: 0.97 !important;
	overflow-wrap: anywhere !important;
	opacity: 1 !important;
}

.sxpost-excerpt {
	max-width: 760px;
	margin: 24px 0 0;
	color: var(--sxp-muted);
	font-size: clamp(1rem, 1.5vw, 1.12rem);
	line-height: 1.82;
}

.sxpost-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 12px 22px;
	margin-top: 26px;
	color: var(--sxp-muted);
	font-size: 0.74rem;
	line-height: 1.5;
}

.sxpost-meta span {
	display: grid;
	gap: 2px;
}

.sxpost-meta strong {
	color: var(--sxp-ink);
	font-size: 0.66rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.sxpost-featured {
	position: relative;
	margin: 0;
	border: 1px solid var(--sxp-line);
	border-radius: 28px;
	background: var(--sxp-cream);
	box-shadow: var(--sxp-shadow);
	overflow: hidden;
}

.sxpost-featured img {
	width: 100%;
	aspect-ratio: 4 / 3;
	height: auto;
	object-fit: cover;
}

/* Main content */
.sxpost-main {
	padding: clamp(60px, 8vw, 110px) 0;
	background: var(--sxp-paper);
}

.sxpost-main-grid {
	display: grid;
	grid-template-columns: minmax(230px, 0.26fr) minmax(0, 0.74fr);
	gap: clamp(38px, 7vw, 88px);
	align-items: start;
}

.sxpost-sidebar {
	position: sticky;
	top: 24px;
	display: grid;
	gap: 16px;
}

.admin-bar .sxpost-sidebar {
	top: 56px;
}

.sxpost-toc-card,
.sxpost-side-cta {
	border: 1px solid var(--sxp-line);
	border-radius: 20px;
	padding: 22px;
	background: #fffaf3;
}

.sxpost-toc-label {
	margin: 0 0 13px;
	color: var(--sxp-ink);
	font-family: Georgia, "Times New Roman", serif;
	font-size: 1.15rem;
	font-weight: 600;
	line-height: 1.3;
}

.sxpost-toc {
	display: grid;
	gap: 4px;
}

.sxpost-toc a {
	display: block;
	border-left: 2px solid transparent;
	padding: 7px 0 7px 11px;
	color: var(--sxp-muted);
	font-size: 0.77rem;
	font-weight: 600;
	line-height: 1.45;
	transition: border-color 170ms ease, color 170ms ease;
}

.sxpost-toc a.is-h3 {
	padding-left: 24px;
	font-size: 0.72rem;
}

.sxpost-toc a:hover,
.sxpost-toc a.is-active {
	border-left-color: var(--sxp-wine);
	color: var(--sxp-wine);
}

.sxpost-toc-empty {
	margin: 0;
	color: var(--sxp-muted);
	font-size: 0.76rem;
	line-height: 1.55;
}

.sxpost-side-cta {
	background: var(--sxp-wine);
	color: #fff;
}

.sxpost-side-cta p {
	margin: 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 1.07rem;
	font-weight: 600;
	line-height: 1.4;
}

.sxpost-side-cta a {
	display: inline-flex;
	margin-top: 14px;
	align-items: center;
	gap: 8px;
	color: #fff !important;
	font-size: 0.75rem;
	font-weight: 700;
}

.sxpost-content-column {
	min-width: 0;
	max-width: 930px;
}

.sxpost-content {
	color: var(--sxp-muted);
	font-size: clamp(1rem, 1.3vw, 1.08rem);
	line-height: 1.9;
}

.sxpost-content > :first-child {
	margin-top: 0 !important;
}

.sxpost-content > :last-child {
	margin-bottom: 0 !important;
}

.sxpost-content h2,
.sxpost-content h3,
.sxpost-content h4 {
	scroll-margin-top: 120px;
	color: var(--sxp-ink);
	font-family: Georgia, "Times New Roman", serif;
	font-weight: 600;
	letter-spacing: -0.035em;
	line-height: 1.16;
}

.sxpost-content h2 {
	margin: 2.15em 0 0.65em;
	font-size: clamp(2rem, 4vw, 3.35rem);
}

.sxpost-content h3 {
	margin: 1.8em 0 0.55em;
	font-size: clamp(1.55rem, 3vw, 2.25rem);
}

.sxpost-content h4 {
	margin: 1.5em 0 0.45em;
	font-size: 1.25rem;
}

.sxpost-content p,
.sxpost-content ul,
.sxpost-content ol,
.sxpost-content blockquote,
.sxpost-content figure,
.sxpost-content table,
.sxpost-content pre {
	margin-top: 1.35em;
	margin-bottom: 1.35em;
}

.sxpost-content a {
	color: var(--sxp-wine);
	font-weight: 700;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.sxpost-content img {
	width: auto;
	max-width: 100%;
	height: auto;
	border-radius: 18px;
}

.sxpost-content figure {
	max-width: 100% !important;
}

.sxpost-content figcaption {
	margin-top: 8px;
	color: var(--sxp-muted);
	font-size: 0.74rem;
	text-align: center;
}

.sxpost-content blockquote {
	border-left: 4px solid var(--sxp-wine);
	border-radius: 0 16px 16px 0;
	padding: 22px 24px;
	background: var(--sxp-cream);
	color: var(--sxp-ink);
	font-family: Georgia, "Times New Roman", serif;
	font-size: 1.15rem;
	line-height: 1.65;
}

.sxpost-content table {
	display: table;
	width: 100%;
	border-collapse: collapse;
}

.sxpost-content th,
.sxpost-content td {
	border: 1px solid var(--sxp-line);
	padding: 11px 13px;
	text-align: left;
	vertical-align: top;
}

.sxpost-content th {
	background: var(--sxp-cream);
	color: var(--sxp-ink);
	font-weight: 700;
}

.sxpost-content pre {
	max-width: 100%;
	border-radius: 14px;
	padding: 18px;
	background: #28231f;
	color: #fff;
	overflow: auto;
}

/* Tags */
.sxpost-tags {
	display: grid;
	gap: 12px;
	margin-top: 46px;
	border-top: 1px solid var(--sxp-line);
	padding-top: 24px;
}

.sxpost-tags > strong {
	color: var(--sxp-ink);
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.sxpost-tags > div {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.sxpost-tags a {
	display: inline-flex;
	min-height: 34px;
	align-items: center;
	border: 1px solid var(--sxp-line);
	border-radius: 999px;
	padding: 7px 12px;
	background: #fffaf3;
	color: var(--sxp-wine);
	font-size: 0.7rem;
	font-weight: 700;
}

/* Author */
.sxpost-author {
	display: grid;
	grid-template-columns: 86px minmax(0, 1fr);
	gap: 19px;
	align-items: center;
	margin-top: 34px;
	border: 1px solid var(--sxp-line);
	border-radius: 21px;
	padding: 23px;
	background: #fffaf3;
}

.sxpost-author-avatar {
	width: 86px !important;
	height: 86px !important;
	border-radius: 50%;
	object-fit: cover;
}

.sxpost-author p {
	margin: 0;
	color: var(--sxp-muted);
	font-size: 0.78rem;
	line-height: 1.6;
}

.sxpost-author h2 {
	margin: 3px 0 5px;
	color: var(--sxp-ink);
	font-family: Georgia, "Times New Roman", serif;
	font-size: 1.45rem;
	font-weight: 600;
	line-height: 1.25;
}

.sxpost-author div > div p {
	font-size: 0.82rem;
}

/* Share */
.sxpost-share {
	display: flex;
	flex-wrap: wrap;
	gap: 15px 24px;
	align-items: center;
	justify-content: space-between;
	margin-top: 24px;
	border-top: 1px solid var(--sxp-line);
	border-bottom: 1px solid var(--sxp-line);
	padding: 18px 0;
}

.sxpost-share strong {
	color: var(--sxp-ink);
	font-size: 0.75rem;
	font-weight: 700;
}

.sxpost-share > div {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.sxpost-share a {
	display: inline-flex;
	min-height: 35px;
	align-items: center;
	border-radius: 999px;
	padding: 7px 13px;
	background: var(--sxp-wine);
	color: #fff !important;
	font-size: 0.69rem;
	font-weight: 700;
}

/* Related posts */
.sxpost-related {
	padding: clamp(60px, 8vw, 100px) 0;
	background: var(--sxp-cream);
}

.sxpost-section-head {
	display: flex;
	justify-content: space-between;
	gap: 28px;
	align-items: end;
	margin-bottom: 34px;
}

.sxpost-section-head p {
	margin: 0 0 9px;
	color: var(--sxp-wine);
	font-size: 0.7rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.sxpost-section-head h2 {
	margin: 0;
	color: var(--sxp-ink);
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(2rem, 4vw, 3.5rem);
	font-weight: 500;
	letter-spacing: -0.045em;
	line-height: 1.05;
}

.sxpost-section-head > a {
	display: inline-flex;
	min-height: 47px;
	align-items: center;
	gap: 8px;
	border-radius: 999px;
	padding: 11px 19px;
	background: var(--sxp-sage);
	color: #fff !important;
	font-size: 0.75rem;
	font-weight: 700;
	white-space: nowrap;
}

.sxpost-related-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
}

.sxpost-card {
	display: flex;
	min-width: 0;
	min-height: 100%;
	flex-direction: column;
	border: 1px solid var(--sxp-line);
	border-radius: 20px;
	background: var(--sxp-paper);
	overflow: hidden;
	transition: transform 190ms ease, border-color 190ms ease, box-shadow 190ms ease;
}

.sxpost-card:hover {
	transform: translateY(-4px);
	border-color: rgba(116, 50, 71, 0.35);
	box-shadow: 0 18px 44px rgba(62, 43, 34, 0.11);
}

.sxpost-card-image {
	display: flex;
	aspect-ratio: 16 / 10;
	align-items: center;
	justify-content: center;
	background: #eadcc7;
	overflow: hidden;
}

.sxpost-card-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.sxpost-card-image span {
	color: var(--sxp-wine);
	font-family: Georgia, "Times New Roman", serif;
	font-size: 1.3rem;
	font-weight: 600;
}

.sxpost-card-copy {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	padding: 20px;
}

.sxpost-card-copy > p {
	margin: 0;
	color: var(--sxp-wine);
	font-size: 0.67rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.sxpost-card-copy h3 {
	margin: 8px 0 0;
	color: var(--sxp-ink);
	font-family: Georgia, "Times New Roman", serif;
	font-size: 1.35rem;
	font-weight: 600;
	letter-spacing: -0.025em;
	line-height: 1.25;
}

.sxpost-card-copy > div {
	margin-top: 10px;
	color: var(--sxp-muted);
	font-size: 0.82rem;
	line-height: 1.65;
}

.sxpost-card-link {
	display: inline-flex;
	margin-top: auto;
	padding-top: 17px;
	align-items: center;
	gap: 7px;
	color: var(--sxp-wine) !important;
	font-size: 0.73rem;
	font-weight: 700;
}

/* Comments */
.sxpost-comments {
	padding: clamp(60px, 8vw, 100px) 0;
	background: var(--sxp-paper);
}

.sxpost-comments-inner {
	max-width: 930px;
}

.sxpost-comments .comments-title,
.sxpost-comments .comment-reply-title {
	color: var(--sxp-ink);
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(1.7rem, 3vw, 2.5rem);
	font-weight: 600;
	line-height: 1.2;
}

.sxpost-comments .comment-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.sxpost-comments .comment-list li {
	margin: 0 0 14px;
	border: 1px solid var(--sxp-line);
	border-radius: 16px;
	padding: 18px;
	background: #fffaf3;
	list-style: none;
}

.sxpost-comments input[type="text"],
.sxpost-comments input[type="email"],
.sxpost-comments input[type="url"],
.sxpost-comments textarea {
	display: block;
	width: 100%;
	border: 1px solid rgba(72, 52, 42, 0.22);
	border-radius: 12px;
	padding: 12px 13px;
	background: #fff;
	color: var(--sxp-ink);
	font-size: 16px;
	outline: none;
}

.sxpost-comments textarea {
	min-height: 140px;
	resize: vertical;
}

.sxpost-comments input[type="submit"] {
	display: inline-flex;
	min-height: 48px;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--sxp-wine);
	border-radius: 999px;
	padding: 12px 21px;
	background: var(--sxp-wine);
	color: #fff;
	font-size: 0.79rem;
	font-weight: 700;
	cursor: pointer;
}

/* Safe motion */
.sxpost-page.sxpost-motion [data-sxpost-reveal] {
	opacity: 0;
	transform: translateY(18px);
	transition: opacity 620ms ease, transform 620ms ease;
}

.sxpost-page.sxpost-motion [data-sxpost-reveal].is-visible {
	opacity: 1;
	transform: none;
}

.sxpost-message {
	width: min(900px, calc(100% - 30px));
	margin: 30px auto;
	border: 1px solid var(--sxp-line);
	border-radius: 14px;
	padding: 18px;
	background: #fffaf3;
	color: var(--sxp-wine-dark);
}

/* Responsive */
@media (max-width: 1000px) {
	.sxpost-hero-grid {
		grid-template-columns: minmax(0, 1fr) minmax(360px, 0.9fr);
		gap: 38px;
	}

	.sxpost-main-grid {
		grid-template-columns: 210px minmax(0, 1fr);
		gap: 38px;
	}
}

@media (max-width: 820px) {
	.sxpost-hero-grid,
	.sxpost-main-grid {
		grid-template-columns: 1fr;
	}

	.sxpost-featured {
		max-width: 760px;
	}

	.sxpost-sidebar {
		position: relative;
		top: auto;
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(220px, 0.5fr);
	}

	.sxpost-toc {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.sxpost-related-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.sxpost-content-column {
		max-width: none;
	}
}

@media (max-width: 680px) {
	.sxpost-shell {
		width: calc(100% - 22px);
	}

	.sxpost-hero {
		padding: 42px 0 54px;
	}

	.sxpost-title {
		font-size: clamp(2.4rem, 12vw, 4rem) !important;
	}

	.sxpost-sidebar {
		grid-template-columns: 1fr;
	}

	.sxpost-toc {
		grid-template-columns: 1fr;
	}

	.sxpost-content {
		font-size: 1rem;
		line-height: 1.82;
	}

	.sxpost-content h2 {
		font-size: clamp(1.8rem, 9vw, 2.65rem);
	}

	.sxpost-related-grid {
		grid-template-columns: 1fr;
	}

	.sxpost-section-head {
		display: grid;
		grid-template-columns: 1fr;
		align-items: start;
	}

	.sxpost-author {
		grid-template-columns: 66px minmax(0, 1fr);
		padding: 18px;
	}

	.sxpost-author-avatar {
		width: 66px !important;
		height: 66px !important;
	}

	.sxpost-share {
		align-items: flex-start;
	}
}

@media (max-width: 390px) {
	.sxpost-shell {
		width: calc(100% - 14px);
	}

	.sxpost-toc-card,
	.sxpost-side-cta {
		padding: 18px;
	}

	.sxpost-author {
		grid-template-columns: 1fr;
	}

	.sxpost-author-avatar {
		width: 72px !important;
		height: 72px !important;
	}
}

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

	.sxpost-page.sxpost-motion [data-sxpost-reveal] {
		opacity: 1;
		transform: none;
	}
}