/* Privacy Policy page (templates/privacy-policy.php)
 * Layout, content card and sticky sidebar come from the theme's blog detail
 * styles (.post-detail / .post-sidebar in custom.css). Only page extras here.
 * Theme palette: navy #191937 · accent #ff0055 · text #62748a · line #e4e6ef
 */

/* "Last updated" badge */
.spp-body .spp-updated {
	display: inline-block;
	padding: 6px 14px;
	border-radius: 20px;
	background: rgba(255, 0, 85, .08);
	color: #ff0055;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.5em;
}

/* Sections: each H2 from the editor starts a new section with a divider */
.spp-body h2 {
	scroll-margin-top: 30px;
}
.spp-body .spp-updated + h2 {
	margin-top: 1em;
}
.spp-body h2:not(.spp-updated + h2) {
	margin-top: 1.6em;
	padding-top: 1.6em;
	border-top: 1px solid #e4e6ef;
}

/* Bullet lists */
.spp-body ul {
	padding: 0;
	list-style: none;
}
.spp-body ul li {
	position: relative;
	margin: 0 0 .5em;
	padding-left: 22px;
	list-style: none;
}
.spp-body ul li::before {
	content: "";
	position: absolute;
	left: 2px;
	top: .75em;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #ff0055;
}

/* Contact box */
.spp-body .spp-contact {
	padding: 25px 30px;
	border-left: 3px solid #ff0055;
	border-radius: 4px;
	background: #f4f4f9;
}
.spp-body .spp-contact p {
	margin: 0 0 4px;
}

/* The theme sets overflow-x:hidden on html AND body, which turns body into a
 * scroll container and breaks position:sticky. "clip" still hides sideways
 * overflow without creating a scroll container. (This file only loads here.) */
html, body {
	overflow-x: clip;
}

/* Table of contents (sidebar widget) — stays in view while scrolling */
.post-sidebar.spp-toc {
	position: -webkit-sticky;
	position: sticky;
	top: 30px;
}
.spp-toc ol {
	margin: 0;
	padding-left: 20px;
	color: #62748a;
}
.spp-toc ol li {
	margin: 0 0 10px;
	font-size: 15px;
	line-height: 1.5em;
	list-style: decimal;
}
.spp-toc ol a {
	color: #191937;
}
.spp-toc ol a:hover {
	color: #ff0055;
}

/* Tablet/mobile: single column, sidebar moves above the content, no sticky */
@media (max-width: 1024px) {
	.post-sidebar.spp-toc {
		position: static;
		order: -1;
	}
	.spp-toc .post-sidebar-widget {
		margin-bottom: 0;
	}
}
@media (max-width: 600px) {
	.spp-body .spp-contact {
		padding: 20px;
	}
}