/*
 * Privacy policy page: title, intro, last-updated date, and a list of sections with circular icons.
 * Columns, colours and fonts come from layout.css.
 *
 * Gridlove styles headings and paragraphs inside .entry-content, so text
 * properties here are set explicitly.
 */

.rr-privacy > .rr-privacy__content {
	max-width: 560px;
}

/* The policy is much taller than the illustration, so keep the illustration in view while scrolling. */
.rr-privacy.wp-block-columns {
	align-items: flex-start !important;
}

.rr-privacy > .rr-privacy__media {
	position: sticky;
	top: 40px;
	align-self: flex-start !important;
}

.rr-privacy .rr-privacy__updated {
	margin: -12px 0 12px;
	font-family: var(--rr-font-body);
	font-size: 14px;
	color: var(--rr-text);
}

.rr-privacy .rr-privacy__item {
	scroll-margin-top: 40px;
}

.rr-privacy .rr-privacy__title {
	margin: 0 0 22px;
	padding: 0;
	font-family: var(--rr-font-heading);
	font-size: 46px;
	font-weight: 700;
	line-height: 1.15;
	letter-spacing: -0.01em;
	color: var(--rr-heading);
}

.rr-privacy .rr-privacy__intro {
	margin: 0 0 28px;
	font-family: var(--rr-font-body);
	font-size: 19px;
	line-height: 1.6;
	color: var(--rr-text);
}

/* ---------- Items ---------- */

.rr-privacy .rr-privacy__item {
	position: relative;
	margin: 0;
	padding: 26px 0 26px 96px;
	border-bottom: 1px solid var(--rr-divider);
}

.rr-privacy .rr-privacy__item:last-child {
	border-bottom: 0;
	padding-bottom: 0;
}

/* Icon circle */
.rr-privacy .rr-privacy__item::before {
	content: "";
	position: absolute;
	top: 26px;
	left: 0;
	box-sizing: border-box;
	width: 68px;
	height: 68px;
	border: 1px solid var(--rr-border);
	border-radius: 50%;
}

/* Icon, drawn with a mask so it takes the text colour */
.rr-privacy .rr-privacy__item::after {
	content: "";
	position: absolute;
	top: 43px;
	left: 17px;
	width: 34px;
	height: 34px;
	background-color: var(--rr-label);
	-webkit-mask: var(--rr-icon) center / contain no-repeat;
	mask: var(--rr-icon) center / contain no-repeat;
}

.rr-privacy .rr-privacy__item-title {
	margin: 0 0 8px;
	padding: 0;
	font-family: var(--rr-font-body);
	font-size: 21px;
	font-weight: 500;
	line-height: 1.3;
	color: var(--rr-heading);
}

.rr-privacy .rr-privacy__item-text {
	margin: 0;
	font-family: var(--rr-font-body);
	font-size: 16px;
	line-height: 1.6;
	color: var(--rr-text);
}

.rr-privacy .rr-privacy__item-text a {
	color: var(--rr-accent);
	text-decoration: none;
	border: 0;
}

.rr-privacy .rr-privacy__item-text a:hover {
	text-decoration: underline;
}

/* ---------- Icons (outline, 24px grid) ---------- */

.rr-privacy__item--collect {
	--rr-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='10' cy='5' rx='7' ry='3'/%3E%3Cpath d='M3 5v13c0 1.7 3.1 3 7 3'/%3E%3Cpath d='M17 5v5'/%3E%3Cpath d='M3 11.5c0 1.7 3.1 3 7 3'/%3E%3Ccircle cx='18' cy='15' r='2.5'/%3E%3Cpath d='M13.5 22a4.5 4.5 0 0 1 9 0'/%3E%3C/svg%3E");
}

.rr-privacy__item--use {
	--rr-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");
}

.rr-privacy__item--subscriptions {
	--rr-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='4.5' width='20' height='15' rx='2'/%3E%3Cpath d='m2.5 6 9.5 7 9.5-7'/%3E%3C/svg%3E");
}

.rr-privacy__item--choices {
	--rr-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4.5'/%3E%3Cpath d='M4 21.5a8 8 0 0 1 16 0'/%3E%3C/svg%3E");
}

.rr-privacy__item--who {
	--rr-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21h18'/%3E%3Cpath d='M5 21V8l7-5 7 5v13'/%3E%3Cpath d='M9 21v-6h6v6'/%3E%3Cpath d='M10 10h4'/%3E%3C/svg%3E");
}

.rr-privacy__item--basis {
	--rr-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v18'/%3E%3Cpath d='M7 21h10'/%3E%3Cpath d='M4 7h16'/%3E%3Cpath d='m4 7-3 7a3.5 3.5 0 0 0 6 0z'/%3E%3Cpath d='m20 7-3 7a3.5 3.5 0 0 0 6 0z'/%3E%3Ccircle cx='12' cy='5' r='1.5'/%3E%3C/svg%3E");
}

.rr-privacy__item--cookies {
	--rr-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12.5A9 9 0 1 1 11.5 3a3 3 0 0 0 3.5 3.5 3 3 0 0 0 3.5 3.5 3 3 0 0 0 2.5 2.5z'/%3E%3Ccircle cx='8.5' cy='10.5' r='1'/%3E%3Ccircle cx='15' cy='15' r='1'/%3E%3Ccircle cx='9.5' cy='16' r='1'/%3E%3C/svg%3E");
}

.rr-privacy__item--sharing {
	--rr-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='18' cy='5' r='2.5'/%3E%3Ccircle cx='6' cy='12' r='2.5'/%3E%3Ccircle cx='18' cy='19' r='2.5'/%3E%3Cpath d='m8.2 13.3 7.6 4.4'/%3E%3Cpath d='m15.8 6.3-7.6 4.4'/%3E%3C/svg%3E");
}

.rr-privacy__item--retention {
	--rr-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E");
}

.rr-privacy__item--rights {
	--rr-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 4.5 6v5.5c0 4.6 3.2 8.6 7.5 9.5 4.3-.9 7.5-4.9 7.5-9.5V6z'/%3E%3Cpath d='m8.5 12 2.5 2.5 4.5-5'/%3E%3C/svg%3E");
}

.rr-privacy__item--changes {
	--rr-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5' width='17' height='16' rx='2'/%3E%3Cpath d='M3.5 10h17'/%3E%3Cpath d='M8 3v4'/%3E%3Cpath d='M16 3v4'/%3E%3Cpath d='m9.5 15 2 2 3.5-3.5'/%3E%3C/svg%3E");
}

/* ---------- Tablet and mobile ---------- */

@media (max-width: 1100px) {
	.rr-privacy .rr-privacy__title {
		font-size: 38px;
	}
}

@media (max-width: 781px) {
	.rr-privacy > .rr-privacy__content {
		max-width: none;
	}

	.rr-privacy > .rr-privacy__media {
		position: static;
	}

	.rr-privacy .rr-privacy__title {
		font-size: 30px;
	}

	.rr-privacy .rr-privacy__intro {
		font-size: 17px;
	}

	.rr-privacy .rr-privacy__item {
		padding-left: 76px;
	}

	.rr-privacy .rr-privacy__item::before {
		width: 56px;
		height: 56px;
	}

	.rr-privacy .rr-privacy__item::after {
		top: 41px;
		left: 15px;
		width: 26px;
		height: 26px;
	}
}