/**
 * Website view — content paper on the theme wrapper.
 *
 * Targets both 1.0.2 #content markup and the older main#primary dump so a
 * CSS-only upgrade still gets a linen letter on navy/leather.
 */

body.flw-newsletter-view,
body.single-flw_newsletter,
body.post-type-archive-flw_newsletter {
	--flw-nl-bg: #faf0e6;
	--flw-nl-text: #1a120c;
	--flw-nl-muted: #5c4a3a;
	--flw-nl-rule: rgba(26, 18, 12, 0.22);
	--flw-nl-link: #8a4b1f;
	--flw-nl-link-hover: #c4783a;
	--flw-nl-max: 820px;
	--flw-nl-featured-scale: 50%;
}

body.single-flw_newsletter #content,
body.single-flw_newsletter main#primary.site-main,
body.post-type-archive-flw_newsletter #content,
body.post-type-archive-flw_newsletter main#primary.site-main,
body.flw-newsletter-view #content,
body.flw-newsletter-view main#primary.site-main {
	background-color: var(--flw-nl-bg) !important;
	color: var(--flw-nl-text) !important;
	max-width: var(--flw-nl-max);
	margin: 1.25rem auto 2rem;
	padding: 2rem 2.25rem 2.5rem;
	border-radius: 8px;
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.35) inset,
		0 12px 36px rgba(0, 0, 0, 0.28);
	box-sizing: border-box;
}

body.single-flw_newsletter .flw-newsletter-single,
body.flw-newsletter-view .flw-newsletter-single {
	background: transparent;
	color: var(--flw-nl-text);
}

body.single-flw_newsletter .entry-title,
body.single-flw_newsletter .page-title,
body.single-flw_newsletter .entry-content h1,
body.single-flw_newsletter .entry-content h2,
body.single-flw_newsletter .entry-content h3,
body.single-flw_newsletter .entry-content h4,
body.single-flw_newsletter .entry-content h5,
body.single-flw_newsletter .entry-content h6,
body.single-flw_newsletter .wp-block-heading,
body.post-type-archive-flw_newsletter .page-title,
body.post-type-archive-flw_newsletter .flw-nl-archive-title,
body.post-type-archive-flw_newsletter .flw-nl-archive-title a,
body.flw-newsletter-view .entry-title,
body.flw-newsletter-view .wp-block-heading {
	color: var(--flw-nl-text) !important;
	text-shadow: none;
}

body.single-flw_newsletter .entry-title,
body.flw-newsletter-view .entry-title {
	font-size: clamp(1.75rem, 3vw, 2.25rem);
	line-height: 1.2;
	margin: 0 0 0.35rem;
	letter-spacing: 0.02em;
}

body.single-flw_newsletter .entry-meta,
body.single-flw_newsletter .flw-nl-meta,
body.post-type-archive-flw_newsletter .flw-nl-meta,
body.flw-newsletter-view .entry-meta {
	color: var(--flw-nl-muted) !important;
	font-size: 0.925rem;
	margin: 0 0 1.25rem;
}

body.single-flw_newsletter .entry-content,
body.single-flw_newsletter .entry-content p,
body.single-flw_newsletter .wp-block-paragraph,
body.post-type-archive-flw_newsletter .excerpt,
body.post-type-archive-flw_newsletter .excerpt p,
body.flw-newsletter-view .entry-content,
body.flw-newsletter-view .entry-content p {
	color: var(--flw-nl-text) !important;
	line-height: 1.7;
}

body.single-flw_newsletter .entry-content a,
body.post-type-archive-flw_newsletter .newsletter-archive a,
body.flw-newsletter-view #content a,
body.flw-newsletter-view main#primary.site-main a {
	color: var(--flw-nl-link);
}

body.single-flw_newsletter .entry-content a:hover,
body.post-type-archive-flw_newsletter .newsletter-archive a:hover,
body.flw-newsletter-view #content a:hover,
body.flw-newsletter-view main#primary.site-main a:hover {
	color: var(--flw-nl-link-hover);
}

body.single-flw_newsletter .wp-block-separator,
body.single-flw_newsletter hr,
body.flw-newsletter-view .wp-block-separator,
body.flw-newsletter-view hr {
	border: 0;
	border-top: 1px solid var(--flw-nl-rule) !important;
	background: transparent !important;
	opacity: 1;
	margin: 1.75rem 0;
}

body.single-flw_newsletter .flw-nl-banner,
body.single-flw_newsletter .entry-thumbnail,
body.flw-newsletter-view .flw-nl-banner,
body.flw-newsletter-view .entry-thumbnail {
	display: block;
	width: var(--flw-nl-featured-scale, 50%) !important;
	max-width: 100%;
	margin: 0 auto 1.5rem;
}

body.single-flw_newsletter .flw-nl-banner img,
body.single-flw_newsletter .entry-thumbnail img,
body.single-flw_newsletter .flw-nl-banner img.wp-post-image,
body.flw-newsletter-view .flw-nl-banner img,
body.flw-newsletter-view .entry-thumbnail img {
	display: block;
	width: 100% !important;
	max-width: 100%;
	height: auto;
	border-radius: 6px;
}

body.single-flw_newsletter .wp-block-image img {
	height: auto;
	max-width: 100%;
}

body.post-type-archive-flw_newsletter .newsletter-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

body.post-type-archive-flw_newsletter .flw-nl-archive-item {
	margin: 0 0 2rem;
	padding: 0 0 1.75rem;
	border-bottom: 1px solid var(--flw-nl-rule);
}

body.post-type-archive-flw_newsletter .flw-nl-archive-item:last-child {
	border-bottom: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}

body.post-type-archive-flw_newsletter .flw-nl-archive-thumb img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 6px;
	margin-bottom: 0.75rem;
}

body.post-type-archive-flw_newsletter .flw-nl-archive-title {
	margin: 0.35rem 0 0.25rem;
	font-size: 1.45rem;
}

.flw-nl-signup {
	display: grid;
	gap: 0.75rem;
	max-width: 28rem;
}

.flw-nl-signup label {
	display: grid;
	gap: 0.25rem;
}

.flw-nl-signup input[type="text"],
.flw-nl-signup input[type="email"] {
	padding: 0.55rem 0.7rem;
	border: 1px solid rgba(26, 18, 12, 0.22);
	border-radius: 4px;
	background: #fffdf8;
}

.flw-nl-signup button {
	justify-self: start;
	padding: 0.55rem 1rem;
	border: 0;
	border-radius: 4px;
	background: #033567;
	color: #fff;
	cursor: pointer;
}

.flw-nl-signup .flw-nl-hp {
	position: absolute;
	left: -9999px;
	height: 0;
	overflow: hidden;
}

.flw-nl-signup-msg {
	margin: 0.25rem 0 0;
}

body.flw-newsletter-full-width #wrapper,
body.flw-newsletter-full-width #wrapper.alignwide,
body.flw-newsletter-full-width #wrapper.wrapper,
body.single-flw_newsletter.flw-newsletter-full-width #wrapper,
body.single-flw_newsletter.flw-newsletter-full-width #wrapper.alignwide {
	max-width: none !important;
	width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

body.flw-newsletter-full-width #container,
body.flw-newsletter-full-width #container-inside,
body.flw-newsletter-full-width #content,
body.flw-newsletter-full-width main#primary.site-main,
body.single-flw_newsletter.flw-newsletter-full-width #content {
	max-width: none !important;
	width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

body.flw-newsletter-full-width #content,
body.flw-newsletter-full-width main#primary.site-main {
	margin-top: 1.25rem;
	margin-bottom: 2rem;
	box-sizing: border-box;
}

@media (max-width: 720px) {
	body.single-flw_newsletter #content,
	body.single-flw_newsletter main#primary.site-main,
	body.post-type-archive-flw_newsletter #content,
	body.post-type-archive-flw_newsletter main#primary.site-main,
	body.flw-newsletter-view #content,
	body.flw-newsletter-view main#primary.site-main {
		margin: 0.75rem 0.75rem 1.5rem;
		padding: 1.25rem 1.15rem 1.75rem;
		border-radius: 6px;
	}

	body.flw-newsletter-full-width #content,
	body.flw-newsletter-full-width main#primary.site-main {
		margin-left: 0 !important;
		margin-right: 0 !important;
		border-radius: 0;
	}
}
