/*
Theme Name: LWA Therapeutic
Description: Living With Addicts community surface — calm therapeutic palette from the three-chair photograph (sage, terracotta, petrol on ivory).
Version: 1.0.0
*/

:root {
	--ivory: #f8f5ed;
	--charcoal: #343b39;
	--muted: #5c6662;
	--petrol: #356980;
	--terracotta: #bb7043;
	--sage: #85866a;
	--straw: #ede4d0;
	--powder: #dce9e8;
	--border: #d9d2bf;
}

* { box-sizing: border-box; }

body {
	margin: 0;
	background: var(--ivory);
	color: var(--charcoal);
	font-family: Georgia, 'Times New Roman', serif;
	line-height: 1.6;
}

a { color: var(--petrol); }

.lwa-shell { max-width: 64rem; margin: 0 auto; padding: 0 1.25rem; }

.lwa-header {
	border-bottom: 1px solid var(--border);
	background: rgba(248, 245, 237, 0.95);
	position: sticky; top: 0; z-index: 10;
}
.lwa-header-inner {
	display: flex; align-items: center; justify-content: space-between;
	gap: 1rem; padding: 0.9rem 0;
}
.lwa-brand {
	display: flex; align-items: center; gap: 0.6rem;
	font-weight: bold; font-size: 1.2rem; color: var(--charcoal);
	text-decoration: none;
}
.lwa-dots { display: inline-flex; gap: 0.3rem; }
.lwa-dots span { width: 0.65rem; height: 0.65rem; border-radius: 50%; display: inline-block; }
.lwa-dots .d1 { background: var(--sage); }
.lwa-dots .d2 { background: var(--terracotta); }
.lwa-dots .d3 { background: var(--petrol); }

.lwa-nav a {
	color: var(--muted); text-decoration: none; font-size: 0.95rem;
	padding: 0.35rem 0.65rem; border-radius: 0.5rem;
}
.lwa-nav a:hover { color: var(--charcoal); background: var(--powder); }
.lwa-nav .current-menu-item a, .lwa-nav a[aria-current] { color: var(--petrol); background: var(--powder); font-weight: bold; }
.lwa-nav ul { list-style: none; display: flex; gap: 0.25rem; margin: 0; padding: 0; flex-wrap: wrap; }

.lwa-hero { text-align: center; padding: 3rem 0 2rem; }
.lwa-hero h1 { font-size: 2.4rem; margin: 0.8rem 0 0.4rem; }
.lwa-hero p { color: var(--muted); font-size: 1.1rem; max-width: 38rem; margin: 0.4rem auto; }
.lwa-hero .principle { color: var(--petrol); font-weight: bold; }

.lwa-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); gap: 1rem; margin: 2rem 0; }
.lwa-card {
	display: block; border: 1px solid var(--border); border-radius: 1.25rem;
	padding: 1.25rem; text-decoration: none; color: var(--charcoal); background: var(--straw);
}
.lwa-card:nth-child(even) { background: var(--powder); }
.lwa-card:hover { box-shadow: 0 2px 10px rgba(52,59,57,0.12); }
.lwa-card h2, .lwa-card h3 { margin: 0 0 0.4rem; font-size: 1.15rem; }
.lwa-card p { color: var(--muted); font-size: 0.92rem; margin: 0; }

.lwa-main { padding: 2rem 0 3rem; }
.lwa-post { border-bottom: 1px solid var(--border); padding: 1.5rem 0; }
.lwa-post h2 { margin: 0 0 0.3rem; }
.lwa-post .meta { color: var(--muted); font-size: 0.85rem; }
.lwa-content { font-size: 1.05rem; }
.lwa-content img { max-width: 100%; height: auto; }

.lwa-notice {
	background: var(--straw); border: 1px solid var(--border); border-radius: 1rem;
	padding: 1rem 1.25rem; color: var(--charcoal); font-size: 0.95rem; margin: 2rem 0;
}
.lwa-notice strong { color: var(--terracotta); }

.lwa-footer {
	border-top: 1px solid var(--border); padding: 1.5rem 0 2.5rem;
	color: var(--muted); font-size: 0.9rem;
}
.lwa-footer a { color: var(--petrol); }

@media (max-width: 700px) {
	.lwa-hero h1 { font-size: 1.8rem; }
	.lwa-header-inner { flex-direction: column; align-items: flex-start; gap: 0.5rem; }
}