/* ==========================================================
   LEGAL PAGES — CuracaoJobs.co
   Covers: Terms of Service, Privacy Policy (and any future
   legal page using Template: Legal Page).

   Scoped to body.page-template-page-legal — WordPress adds
   this class automatically when the template is assigned.
   ========================================================== */

body.page-template-page-legal .cj-legal-page {
	background: #F4F8F6;
	color: #174035;
	font-family: 'Plus Jakarta Sans', sans-serif;
}

/* ── BREADCRUMB ── */
body.page-template-page-legal .cj-legal-breadcrumb {
	max-width: 680px;
	margin: 0 auto;
	padding: 1.25rem 2.5rem 0;
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 12px;
	color: #8a9aaa;
	flex-wrap: wrap;
}

body.page-template-page-legal .cj-legal-breadcrumb a {
	color: #8a9aaa;
	text-decoration: none;
}

body.page-template-page-legal .cj-legal-breadcrumb a:hover {
	color: #2E8B72;
}

body.page-template-page-legal .cj-legal-breadcrumb i {
	font-size: 11px;
}

body.page-template-page-legal .cj-legal-breadcrumb span {
	color: #174035;
}

/* ── PAGE HEADER ── */
body.page-template-page-legal .cj-legal-header {
	max-width: 680px;
	margin: 1.5rem auto 0;
	padding: 0 2.5rem;
}

body.page-template-page-legal .cj-legal-title {
	font-size: 26px;
	font-weight: 700;
	color: #174035 !important;
	letter-spacing: 0;
	margin-bottom: 8px;
	line-height: 1.2;
}

body.page-template-page-legal .cj-legal-meta {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 12px;
	color: #8a9aaa;
}

body.page-template-page-legal .cj-legal-meta i {
	font-size: 13px;
}

/* ── DIVIDER ── */
body.page-template-page-legal .cj-legal-divider {
	max-width: 680px;
	margin: 1.5rem auto;
	padding: 0 2.5rem;
	border: none;
	border-top: 0.5px solid #D8E8E4;
}

/* ── CONTENT BODY ── */
body.page-template-page-legal .cj-legal-body {
	max-width: 680px;
	margin: 0 auto 4rem;
	padding: 0 2.5rem;
}

/* Headings */
body.page-template-page-legal .cj-legal-body h2 {
	font-size: 17px;
	font-weight: 700;
	color: #174035 !important;
	letter-spacing: 0;
	margin: 2.25rem 0 0.6rem;
	padding-top: 0.25rem;
}

body.page-template-page-legal .cj-legal-body h2:first-child {
	margin-top: 0;
}

body.page-template-page-legal .cj-legal-body h3 {
	font-size: 14px;
	font-weight: 700;
	color: #174035 !important;
	margin: 1.5rem 0 0.4rem;
}

/* Paragraphs */
body.page-template-page-legal .cj-legal-body p {
	font-size: 14px;
	color: #3a4a5a;
	line-height: 1.85;
	margin-bottom: 1rem;
}

/* Links */
body.page-template-page-legal .cj-legal-body a {
	color: #2E8B72 !important;
	text-decoration: underline;
	text-underline-offset: 2px;
}

body.page-template-page-legal .cj-legal-body a:hover {
	color: #207A61 !important;
}

/* Lists */
body.page-template-page-legal .cj-legal-body ul,
body.page-template-page-legal .cj-legal-body ol {
	padding-left: 1.5rem;
	margin-bottom: 1rem;
}

body.page-template-page-legal .cj-legal-body ul li,
body.page-template-page-legal .cj-legal-body ol li {
	font-size: 14px;
	color: #3a4a5a;
	line-height: 1.85;
	margin-bottom: 0.3rem;
}

/* Strong / bold */
body.page-template-page-legal .cj-legal-body strong {
	color: #174035 !important;
	font-weight: 600;
}

/* Horizontal rules — useful as section dividers in the editor */
body.page-template-page-legal .cj-legal-body hr {
	border: none;
	border-top: 0.5px solid #D8E8E4;
	margin: 2rem 0;
}

/* ── MOBILE ── */
@media (max-width: 480px) {
	body.page-template-page-legal .cj-legal-breadcrumb,
	body.page-template-page-legal .cj-legal-header,
	body.page-template-page-legal .cj-legal-divider,
	body.page-template-page-legal .cj-legal-body {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}

	body.page-template-page-legal .cj-legal-title {
		font-size: 22px;
	}
}