/*
 * Block-editor content on the Legal Page template and default pages (page-templates/legal.php).
 * Values copied from the utility classes of the original design:
 * section text = "space-y-4 text-sm leading-relaxed text-charcoal/80" (set on the wrapper in the template).
 */

/* Lists: "list-disc space-y-2 pl-5". */
.rb-legal-body ul,
.rb-legal-body ol {
	list-style-type: disc;
	padding-left: calc(var(--spacing) * 5);
}
.rb-legal-body ol { list-style-type: decimal; }
.rb-legal-body li > ul,
.rb-legal-body li > ol { margin-top: calc(var(--spacing) * 2); }
.rb-legal-body li + li { margin-top: calc(var(--spacing) * 2); }
.rb-legal-body .rb-gap-sm > li + li { margin-top: calc(var(--spacing) * 1.5); }
.rb-legal-body .rb-gap-lg > li + li { margin-top: calc(var(--spacing) * 2.5); }

/* Check-icon list: "space-y-2 pl-4" (+ "space-y-2.5" with rb-gap-lg). Items are rebuilt with icon markup. */
.rb-legal-body ul.rb-check {
	list-style-type: none;
	padding-left: calc(var(--spacing) * 4);
}

/* Links: "text-gold underline hover:text-gold-soft". */
.rb-legal-body a {
	color: var(--gold);
	text-decoration-line: underline;
}
@media (hover: hover) {
	.rb-legal-body a:hover { color: var(--gold-soft); }
}

.rb-legal-body strong,
.rb-legal-body b { font-weight: var(--font-weight-bold); }

/* Footnote: "mt-3 text-xs tracking-wide text-muted-foreground". */
.rb-legal-body .rb-footnote {
	margin-top: calc(var(--spacing) * 3);
	font-size: var(--text-xs);
	line-height: var(--text-xs--line-height);
	letter-spacing: var(--tracking-wide);
	color: var(--muted-foreground);
}

/* Contact block: "font-medium text-midnight". */
.rb-legal-body .rb-contact {
	font-weight: var(--font-weight-medium);
	color: var(--midnight);
}

/* Boxed note (group): "rounded-md border border-hairline bg-paper p-5". */
.rb-legal-body .rb-note {
	border: 1px solid var(--hairline);
	border-radius: calc(var(--radius) - 1px);
	background-color: var(--paper);
	padding: calc(var(--spacing) * 5);
}
.rb-legal-body .rb-note > *,
.rb-legal-body .rb-note > .wp-block-group__inner-container > * {
	margin-block: 0;
}
/* Note text: "mt-2 text-xs leading-relaxed text-muted-foreground". */
.rb-legal-body .rb-note p {
	font-size: var(--text-xs);
	line-height: var(--leading-relaxed);
	color: var(--muted-foreground);
}
.rb-legal-body .rb-note > * + *,
.rb-legal-body .rb-note > .wp-block-group__inner-container > * + * {
	margin-top: calc(var(--spacing) * 2);
}

/* Sub-headings for longer pages. */
.rb-legal-body h3,
.rb-legal-body h4 {
	padding-top: calc(var(--spacing) * 2);
	font-family: var(--font-display);
	font-weight: var(--font-weight-bold);
	letter-spacing: var(--tracking-tight);
	color: var(--midnight);
}
.rb-legal-body h3 {
	font-size: var(--text-lg);
	line-height: var(--text-lg--line-height);
}
.rb-legal-body h4 {
	font-size: var(--text-base);
	line-height: var(--text-base--line-height);
}

/* Other common blocks on default pages. */
.rb-legal-body blockquote {
	border-left: 2px solid var(--gold);
	padding-left: calc(var(--spacing) * 5);
	color: var(--midnight);
	font-style: italic;
}
.rb-legal-body img { height: auto; border-radius: calc(var(--radius) - 1px); }
.rb-legal-body hr { border: 0; border-top: 1px solid var(--hairline); }
.rb-legal-body table { width: 100%; border-collapse: collapse; }
.rb-legal-body th,
.rb-legal-body td {
	border-bottom: 1px solid var(--hairline);
	padding: calc(var(--spacing) * 2) calc(var(--spacing) * 3) calc(var(--spacing) * 2) 0;
	text-align: left;
}
.rb-legal-body th { color: var(--midnight); font-weight: var(--font-weight-semibold); }
