/**
 * Cookie policy — marketing legal page.
 * Mobile-first. Tokens only. Dark chrome to match Privacy / home-header.
 */

body.page-template-pages-cookie-policy-php #masthead {
	display: none !important;
}

body.page-template-pages-cookie-policy-php .site-content {
	padding-top: 0;
}

.cp-page-wrap {
	width: 100%;
	color-scheme: dark;
	--lbb-surface-canvas: #09090b;
	--lbb-surface-sunken: #030712;
	--lbb-surface-raised: #1a1221;
	--lbb-border-subtle: rgba(63, 63, 70, 0.5);
	--lbb-border-default: #27272a;
	--lbb-text-primary: #ffffff;
	--lbb-text-body: #d4d4d8;
	--lbb-text-muted: #a1a1aa;
	--lbb-text-subtle: #71717a;
	--lbb-text-link: var(--lbb-brand-violet-400);
	background: var(--lbb-surface-canvas);
}

.cp-page-wrap .pp-nav-wrap {
	border-bottom: 1px solid var(--lbb-border-subtle);
}

.cp-page-wrap .hp-header {
	position: relative;
	z-index: var(--lbb-z-raised);
	max-width: 1280px;
	margin: 0 auto;
	padding: var(--lbb-space-5) var(--lbb-space-4);
	display: flex;
	align-items: center;
	justify-content: space-between;
}

@media (min-width: 640px) {
	.cp-page-wrap .hp-header {
		padding-left: var(--lbb-space-6);
		padding-right: var(--lbb-space-6);
	}
}

@media (min-width: 1024px) {
	.cp-page-wrap .hp-header {
		padding-left: var(--lbb-space-8);
		padding-right: var(--lbb-space-8);
	}
}

.cp-page-wrap .hp-header-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}

.cp-page-wrap .hp-header-logo {
	display: flex;
	align-items: center;
	text-decoration: none;
}

.cp-page-wrap .hp-header-logo img {
	display: block;
	max-height: 40px;
	width: auto;
}

.cp-page-wrap .hp-header-logo-text {
	font-size: var(--lbb-text-lg);
	font-weight: var(--lbb-weight-bold);
	letter-spacing: -0.02em;
	color: var(--lbb-text-primary);
}

.cp-page-wrap .hp-header-nav {
	display: flex;
	align-items: center;
	gap: var(--lbb-space-2);
}

.cp-page-wrap .hp-header-link {
	display: inline-flex;
	align-items: center;
	gap: 0.375rem;
	font-size: var(--lbb-text-sm);
	font-weight: var(--lbb-weight-medium);
	padding: var(--lbb-space-2) var(--lbb-space-4);
	border-radius: var(--lbb-radius-md);
	text-decoration: none;
	color: var(--lbb-text-body);
	transition: background var(--lbb-duration-fast) var(--lbb-ease),
		color var(--lbb-duration-fast) var(--lbb-ease);
}

.cp-page-wrap .hp-header-link:hover {
	color: var(--lbb-text-primary);
}

.cp-page-wrap .pp-page {
	background: var(--lbb-surface-canvas);
	color: var(--lbb-text-body);
	min-height: 60vh;
	padding: var(--lbb-space-8) var(--lbb-space-4) var(--lbb-space-12);
}

.cp-page-wrap .pp-inner {
	max-width: 720px;
	margin: 0 auto;
}

.cp-page-wrap .pp-header {
	margin-bottom: var(--lbb-space-10);
}

.cp-page-wrap .pp-title {
	font-size: var(--lbb-text-2xl);
	font-weight: var(--lbb-weight-bold);
	color: var(--lbb-text-primary);
	margin: 0 0 var(--lbb-space-2);
}

.cp-page-wrap .pp-updated {
	font-size: var(--lbb-text-sm);
	color: var(--lbb-text-muted);
	margin: 0 0 var(--lbb-space-3);
}

.cp-page-wrap .pp-intro {
	font-size: var(--lbb-text-base);
	color: var(--lbb-text-body);
	margin: 0 0 var(--lbb-space-6);
	line-height: 1.6;
}

.cp-page-wrap .pp-toc {
	margin: var(--lbb-space-4) 0 0;
	padding: var(--lbb-space-4);
	background: var(--lbb-surface-raised);
	border: 1px solid var(--lbb-border-subtle);
	border-radius: var(--lbb-radius-md);
}

.cp-page-wrap .pp-toc-title {
	font-size: var(--lbb-text-xs);
	font-weight: var(--lbb-weight-semibold);
	color: var(--lbb-text-muted);
	margin: 0 0 var(--lbb-space-2);
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.cp-page-wrap .pp-toc-list {
	margin: 0;
	padding-left: var(--lbb-space-5);
	font-size: var(--lbb-text-sm);
}

.cp-page-wrap .pp-toc-list a,
.cp-page-wrap .pp-content a {
	color: var(--lbb-text-link);
	text-decoration: none;
}

.cp-page-wrap .pp-toc-list a:hover,
.cp-page-wrap .pp-content a:hover {
	text-decoration: underline;
}

.cp-page-wrap .pp-content {
	line-height: 1.7;
}

.cp-page-wrap .pp-section {
	margin-bottom: var(--lbb-space-10);
}

.cp-page-wrap .pp-section h2 {
	font-size: var(--lbb-text-lg);
	font-weight: var(--lbb-weight-semibold);
	color: var(--lbb-text-primary);
	margin: 0 0 var(--lbb-space-3);
}

.cp-page-wrap .pp-section p {
	margin: 0 0 var(--lbb-space-3);
	font-size: var(--lbb-text-base);
	color: var(--lbb-text-body);
}

.cp-page-wrap .pp-table-wrap {
	overflow-x: auto;
	margin: var(--lbb-space-4) 0;
	border: 1px solid var(--lbb-border-subtle);
	border-radius: var(--lbb-radius-md);
}

.cp-page-wrap .pp-table {
	width: 100%;
	border-collapse: collapse;
	font-size: var(--lbb-text-sm);
}

.cp-page-wrap .pp-table th,
.cp-page-wrap .pp-table td {
	padding: var(--lbb-space-2) var(--lbb-space-3);
	text-align: left;
	border-bottom: 1px solid var(--lbb-border-subtle);
}

.cp-page-wrap .pp-table th {
	background: var(--lbb-surface-raised);
	color: var(--lbb-text-muted);
	font-weight: var(--lbb-weight-semibold);
}

.cp-page-wrap .pp-table td {
	color: var(--lbb-text-body);
}

.cp-page-wrap .pp-table tr:last-child td {
	border-bottom: 0;
}

.cp-page-wrap .cp-open-settings {
	appearance: none;
	border: 1px solid var(--lbb-border-default);
	background: var(--lbb-surface-raised);
	color: var(--lbb-text-primary);
	font: inherit;
	font-size: var(--lbb-text-sm);
	font-weight: var(--lbb-weight-semibold);
	padding: var(--lbb-space-2) var(--lbb-space-4);
	border-radius: var(--lbb-radius-md);
	cursor: pointer;
}

.cp-page-wrap .cp-open-settings:hover {
	border-color: var(--lbb-brand-violet-400);
}