/* Single post styling for converted CemalBuilds articles. */

:root {
	--cb-ink: #15171a;
	--cb-ink-2: #60646b;
	--cb-dark: #0b0d10;
	--cb-line: rgba(11, 13, 16, 0.14);
	--cb-paper-2: #ebeae4;
	--cb-action: #b6f36b;
	--cb-action-ink: #3f6b12;
}

.single .wp-block-post-content,
.single .entry-content {
	--wp--style--global--content-size: 720px;
	color: var(--cb-ink);
	font-size: 18px;
	line-height: 1.7;
}

.single .wp-block-post-content > *,
.single .entry-content > * {
	max-width: 720px;
	margin-left: auto;
	margin-right: auto;
}

/* Headings */
.single .wp-block-post-content :is(h2, h3, h4),
.single .entry-content :is(h2, h3, h4) {
	color: var(--cb-ink);
	line-height: 1.25;
	letter-spacing: -0.01em;
	text-wrap: balance;
}
.single .wp-block-post-content h2,
.single .entry-content h2 { margin: 56px 0 16px; font-size: 30px; }
.single .wp-block-post-content h3,
.single .entry-content h3 { margin: 40px 0 12px; font-size: 22px; }
.single .wp-block-post-content h4,
.single .entry-content h4 { margin: 32px 0 12px; font-size: 19px; }

.single .wp-block-post-content p,
.single .entry-content p { margin: 0 0 20px; }

/* Links */
.single .wp-block-post-content a:not(.cb-cta__btn),
.single .entry-content a:not(.cb-cta__btn) {
	color: inherit;
	text-decoration: underline;
	text-decoration-color: var(--cb-action-ink);
	text-decoration-thickness: 2px;
	text-underline-offset: 3px;
}
.single .wp-block-post-content a:not(.cb-cta__btn):hover,
.single .entry-content a:not(.cb-cta__btn):hover { background: var(--cb-action); text-decoration-color: transparent; }

/* Lists */
.single .wp-block-post-content :is(ul, ol),
.single .entry-content :is(ul, ol) { margin: 0 0 24px; padding-left: 24px; }
.single .wp-block-post-content li,
.single .entry-content li { margin-bottom: 10px; }
.single .wp-block-post-content li::marker,
.single .entry-content li::marker { color: var(--cb-action-ink); font-weight: 600; }

/* Inline code */
.single .wp-block-post-content code,
.single .entry-content code {
	padding: 2px 6px;
	border-radius: 4px;
	background: var(--cb-paper-2);
	font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
	font-size: 0.88em;
}

/* Key-takeaway callout: the "short answer" blockquote */
.single .wp-block-post-content blockquote,
.single .entry-content blockquote {
	margin: 32px auto;
	padding: 24px 28px;
	border: 0;
	border-left: 4px solid var(--cb-action);
	border-radius: 0 8px 8px 0;
	background: var(--cb-paper-2);
	font-size: 18px;
	font-style: normal;
}
.single .wp-block-post-content blockquote p:last-child,
.single .entry-content blockquote p:last-child { margin-bottom: 0; }

/* Tables: scroll sideways on phones instead of shrinking */
.single .wp-block-post-content .wp-block-table,
.single .entry-content .wp-block-table { margin: 32px auto; }
.single .wp-block-post-content .wp-block-table > table,
.single .entry-content .wp-block-table > table {
	display: block;
	overflow-x: auto;
	width: 100%;
	border-collapse: collapse;
	font-size: 16px;
}
.single .wp-block-post-content .wp-block-table :is(th, td),
.single .entry-content .wp-block-table :is(th, td) {
	padding: 12px 14px;
	border: 1px solid var(--cb-line);
	text-align: left;
	vertical-align: top;
}
.single .wp-block-post-content .wp-block-table th,
.single .entry-content .wp-block-table th { background: var(--cb-dark); color: #f5f5f2; font-weight: 600; }
.single .wp-block-post-content .wp-block-table tbody tr:nth-child(even),
.single .entry-content .wp-block-table tbody tr:nth-child(even) { background: rgba(11, 13, 16, 0.03); }

/* Sources list at the end of each article */
.single .wp-block-post-content .cb-sources,
.single .entry-content .cb-sources { font-size: 15px; color: var(--cb-ink-2); }

/* Booking call to action. Scoped like the rules above so those don't win. */
.single .wp-block-post-content .cb-cta,
.single .entry-content .cb-cta,
.cb-cta {
	max-width: 720px;
	margin: 48px auto;
	padding: 32px 28px;
	border-radius: 12px;
	background: var(--cb-dark);
	color: #f5f5f2;
}
.single .wp-block-post-content .cb-cta :is(h2, h3),
.single .entry-content .cb-cta :is(h2, h3),
.cb-cta :is(h2, h3) { margin: 0 0 16px; color: #fff; font-size: 26px; line-height: 1.25; }
.single .wp-block-post-content .cb-cta p,
.single .entry-content .cb-cta p,
.cb-cta p { margin: 0 0 16px; color: #d7dade; }
.single .wp-block-post-content .cb-cta ul,
.single .entry-content .cb-cta ul,
.cb-cta ul { margin: 0 0 20px; padding-left: 22px; color: #d7dade; }
.cb-cta li { margin-bottom: 8px; }
.single .wp-block-post-content .cb-cta li::marker,
.single .entry-content .cb-cta li::marker,
.cb-cta li::marker { color: var(--cb-action); }
.single .wp-block-post-content .cb-cta__btn,
.single .entry-content .cb-cta__btn,
.cb-cta__btn {
	display: inline-flex;
	align-items: center;
	min-height: 52px;
	padding: 14px 26px;
	border-radius: 8px;
	background: var(--cb-action);
	color: var(--cb-dark);
	font-size: 17px;
	font-weight: 700;
	text-decoration: none;
}
.single .wp-block-post-content .cb-cta__btn:hover,
.single .entry-content .cb-cta__btn:hover,
.cb-cta__btn:hover { background: #c7f78a; text-decoration: none; }

@media (max-width: 700px) {
	.single .wp-block-post-content h2,
	.single .entry-content h2 { font-size: 26px; }
	.cb-cta { padding: 24px 20px; border-radius: 8px; }
}