/* No Wrong Door — modern layer on GeneratePress (warm palette) */

:root {
	--nwd-bg: #faf6f1;
	--nwd-surface: #fffcfa;
	--nwd-ink: #2c2825;
	--nwd-muted: #6f6860;
	/* Primary: warm terracotta — welcoming, high energy */
	--nwd-accent: #c2410c;
	--nwd-accent-hover: #9a3412;
	/* Secondary: deep teal — trust, contrast on hover */
	--nwd-teal: #0f766e;
	--nwd-teal-deep: #115e59;
	--nwd-border: rgba(44, 40, 37, 0.09);
	--nwd-radius: 12px;
	--nwd-shadow: 0 4px 28px rgba(44, 40, 37, 0.07);
	--nwd-font: "DM Sans", system-ui, -apple-system, sans-serif;
	--nwd-display: "Outfit", var(--nwd-font);
}

body {
	font-family: var(--nwd-font) !important;
	color: var(--nwd-ink);
	background-color: var(--nwd-bg);
	background-image:
		radial-gradient(1000px 420px at 0% 0%, rgba(194, 65, 12, 0.07), transparent 58%),
		radial-gradient(900px 380px at 100% 5%, rgba(15, 118, 110, 0.06), transparent 55%),
		radial-gradient(700px 500px at 50% 100%, rgba(180, 83, 9, 0.04), transparent 60%);
	line-height: 1.65;
}

/* Headings — slight warmth */
h1, h2, h3, h4, h5, h6,
.entry-title,
.wp-block-post-title,
.site-title,
.site-title a {
	font-family: var(--nwd-display) !important;
	font-weight: 600;
	letter-spacing: -0.02em;
	color: var(--nwd-ink);
}

.site-title a {
	color: var(--nwd-teal-deep) !important;
	text-decoration: none;
}

.site-title a:hover {
	color: var(--nwd-accent) !important;
}

/* Header — soft warm tint */
.site-header {
	background: linear-gradient(180deg, var(--nwd-surface) 0%, #fff8f4 100%) !important;
	box-shadow: 0 1px 0 var(--nwd-border);
	border-bottom: none;
}

.inside-header {
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.main-navigation .main-nav ul li a {
	font-weight: 500;
	color: var(--nwd-muted);
	transition: color 0.2s ease;
}

.main-navigation .main-nav ul li a:hover,
.main-navigation .main-nav ul li.current-menu-item > a {
	color: var(--nwd-accent) !important;
}

/* Content width & rhythm */
.grid-container {
	max-width: 1100px;
}

.site-content {
	padding-top: 2.5rem;
	padding-bottom: 3.5rem;
}

.one-container .site-content,
.full-width-content .site-content {
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}

/* Posts & pages */
article,
.page-content,
.entry-content {
	font-size: 1.05rem;
}

.entry-meta {
	color: var(--nwd-muted);
	font-size: 0.9rem;
}

.post:not(:last-child),
article.post {
	margin-bottom: 2rem;
	padding-bottom: 2rem;
	border-bottom: 1px solid var(--nwd-border);
}

/* Cards */
.separate-containers .inside-article,
.separate-containers .comments-area,
.separate-containers .page-header,
.one-container.separate-containers .site-main {
	background: var(--nwd-surface);
	border-radius: var(--nwd-radius);
	box-shadow: var(--nwd-shadow);
	border: 1px solid var(--nwd-border);
}

.separate-containers .inside-article {
	padding: 2rem 2.25rem;
}

/* Links */
a {
	color: var(--nwd-teal);
	text-underline-offset: 0.2em;
	transition: color 0.2s ease;
}

a:hover,
a:focus {
	color: var(--nwd-accent);
}

.entry-title a {
	text-decoration: none;
	color: inherit;
}

.entry-title a:hover {
	color: var(--nwd-accent);
}

/* Buttons — warm gradient */
.button,
.wp-block-button__link,
input[type="submit"],
button[type="submit"] {
	font-family: var(--nwd-display) !important;
	font-weight: 600 !important;
	border-radius: 999px !important;
	padding: 0.55rem 1.35rem !important;
	background: linear-gradient(135deg, var(--nwd-accent) 0%, #ea580c 100%) !important;
	color: #fff !important;
	border: none !important;
	box-shadow: 0 2px 14px rgba(194, 65, 12, 0.35);
	transition: background 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease, filter 0.2s ease;
}

.button:hover,
.wp-block-button__link:hover,
input[type="submit"]:hover,
button[type="submit"]:hover {
	background: linear-gradient(135deg, var(--nwd-accent-hover) 0%, #7c2d12 100%) !important;
	color: #fff !important;
	filter: brightness(1.03);
	transform: translateY(-1px);
	box-shadow: 0 4px 20px rgba(194, 65, 12, 0.45);
}

/* Footer — plum-walnut (complements terracotta) */
.site-info,
.footer-widgets {
	background: linear-gradient(165deg, #3d2d35 0%, #2a1f24 55%, #1f171b 100%) !important;
	color: #f5ebe3 !important;
}

.site-info a,
.footer-widgets a {
	color: #fdba8c !important;
}

.site-info a:hover,
.footer-widgets a:hover {
	color: #fff7ed !important;
}

/* Block editor content */
.wp-block-group.has-background {
	border-radius: var(--nwd-radius);
}

/* Focus visibility */
a:focus-visible,
button:focus-visible,
input:focus-visible {
	outline: 2px solid var(--nwd-accent);
	outline-offset: 2px;
}