/**
 * Reaction Course Conditions - Public styles (Editorial)
 *
 * Adapts Option H to The Hawk Golf Club brand:
 *   - Lemon Milk geometric sans (falls back to system if not loaded)
 *   - White background, #444544 text
 *   - Gold (#c9a66b) brand accent
 *   - Functional status colors (green=open, amber=maintenance, red=closed, deep-red=blackout)
 *
 * All colors are CSS custom properties at the top so they're easy to tweak.
 */

.rcc-editorial {
	--rcc-bg: #ffffff;
	--rcc-text: #444544;
	--rcc-text-muted: #6b6c6a;
	--rcc-text-soft: #a98a52;
	--rcc-divider: #e8e6e3;
	--rcc-gold: #c9a66b;
	--rcc-gold-soft: #a98a52;
	--rcc-open-dot: #16a34a;
	--rcc-open-text: #15803d;
	--rcc-maint-dot: #d97706;
	--rcc-maint-text: #b45309;
	--rcc-closed-dot: #b85c5c;
	--rcc-closed-text: #9a3f3f;
	--rcc-blackout-dot: #6b3a3a;
	--rcc-blackout-text: #5a2f2f;
	--rcc-none-dot: #c7c5c2;
	--rcc-none-text: #8a8b88;

	--rcc-font: "Lemon Milk", "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

	max-width: 760px;
	margin: 0 auto;
	padding: 34px 34px;
	background: var(--rcc-bg);
	color: var(--rcc-text);
	font-family: var(--rcc-font);
	line-height: 1.5;
	box-sizing: border-box;
}

.rcc-editorial *,
.rcc-editorial *::before,
.rcc-editorial *::after { box-sizing: border-box; }

/* ─── Header ─────────────────────────────────── */
.rcc-editorial__header {
	margin-bottom: 40px;
}

.rcc-editorial__eyebrow {
	font-size: 11px;
	font-weight: 500;
	color: var(--rcc-text-soft);
	letter-spacing: 0.18em;
	text-transform: uppercase;
	margin-bottom: 14px;
}

.rcc-editorial__headline {
	font-size: clamp(26px, 4vw, 36px) !important;
	font-weight: 600  !important;
	letter-spacing: -0.015em !important;
	margin: 0 !important;
	color: var(--rcc-text) !important;
	line-height: 1.2 !important;
}

.rcc-editorial__subhead {
	font-size: 15px;
	color: var(--rcc-text-muted);
	margin: 16px 0 0;
	/*max-width: 520px;*/
	line-height: 1.65;
}

.rcc-editorial__subhead .rcc-em {
	color: var(--rcc-text);
	font-weight: 500;
}

/* ─── Dividers ───────────────────────────────── */
.rcc-editorial__divider {
	height: 1px;
	background: var(--rcc-divider);
	margin: 28px 0;
}

/* ─── Courses ────────────────────────────────── */
.rcc-editorial__courses {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 28px;
}

.rcc-course__status {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 12px;
}

.rcc-course__dot {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--rcc-none-dot);
	flex-shrink: 0;
}

.rcc-course__status-label {
	font-size: 10px;
	font-weight: 500;
	color: var(--rcc-none-text);
	text-transform: uppercase;
	letter-spacing: 0.14em;
}

.rcc-course__name {
	font-size: clamp(15px, 1.6vw, 17px);
	font-weight: 500;
	color: var(--rcc-text);
	letter-spacing: 0.04em;
	text-transform: uppercase;
	margin-bottom: 6px;
}

.rcc-course__number {
	font-size: 11px;
	color: var(--rcc-text-soft);
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

/* status-driven colors */
.rcc-course--open .rcc-course__dot               { background: var(--rcc-open-dot); }
.rcc-course--open .rcc-course__status-label      { color: var(--rcc-open-text); }
.rcc-course--under-maintenance .rcc-course__dot          { background: var(--rcc-maint-dot); }
.rcc-course--under-maintenance .rcc-course__status-label { color: var(--rcc-maint-text); }
.rcc-course--closed .rcc-course__dot             { background: var(--rcc-closed-dot); }
.rcc-course--closed .rcc-course__status-label    { color: var(--rcc-closed-text); }
.rcc-course--blackout-day .rcc-course__dot       { background: var(--rcc-blackout-dot); }
.rcc-course--blackout-day .rcc-course__status-label { color: var(--rcc-blackout-text); }

/* ─── Services row ───────────────────────────── */
.rcc-editorial__services {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 28px;
	margin-bottom: 40px;
}

.rcc-service__label {
	font-size: 10px;
	font-weight: 500;
	color: var(--rcc-text-soft);
	text-transform: uppercase;
	letter-spacing: 0.18em;
	margin-bottom: 8px;
}

.rcc-service__value {
	font-size: 14px;
	font-weight: 500;
	color: var(--rcc-text);
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

/* ─── Grounds team note ──────────────────────── */
.rcc-editorial__note {
	border-left: 2px solid var(--rcc-gold);
	padding: 6px 0 6px 20px;
}

.rcc-editorial__note-label {
	font-size: 10px;
	font-weight: 500;
	color: var(--rcc-gold-soft);
	text-transform: uppercase;
	letter-spacing: 0.18em;
	margin-bottom: 8px;
}

.rcc-editorial__note-body {
	font-size: 14px;
	color: var(--rcc-text);
	line-height: 1.65;
	margin: 0;
}

/* ─── Last updated ───────────────────────────── */
.rcc-editorial__updated {
	margin-top: 36px;
	padding-top: 18px;
	border-top: 1px solid var(--rcc-divider);
	font-size: 10px;
	color: var(--rcc-text-soft);
	text-transform: uppercase;
	letter-spacing: 0.18em;
	font-weight: 500;
}

/* ─── Empty state ────────────────────────────── */
.rcc-editorial--empty .rcc-editorial__header {
	margin-bottom: 0;
}

/* ─── Responsive ─────────────────────────────── */
@media (max-width: 720px) {
	.rcc-editorial { padding: 48px 20px; }
	.rcc-editorial__courses,
	.rcc-editorial__services {
		grid-template-columns: 1fr;
		gap: 20px;
	}
	.rcc-editorial__divider {
		margin: 24px 0;
	}
}