/*
 * Donations (spec P18).
 *
 * Loaded only on pages using the donate shortcodes.
 */

.aop-donate__notice {
	padding: 18px 22px;
	margin: 0 0 22px;
	border-left: 5px solid;
	border-radius: var(--aop-radius, 12px);
}

.aop-donate__notice p {
	margin: 0 0 12px;
	line-height: 1.65;
}

.aop-donate__notice p:last-child {
	margin-bottom: 0;
}

.aop-donate__notice--info {
	color: #0B5D4A;
	background: var(--aop-tint, #E6F5F1);
	border-left-color: var(--global-palette1, #0B5D4A);
}

/* Amber, not red. The FCRA position is a fact a donor needs before acting, and
   colouring it as an error would read as though something had gone wrong. */
.aop-donate__notice--warn {
	color: #7A5200;
	background: #FFF6E5;
	border-left-color: #C8912A;
}

.aop-donate__tiles {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 16px;
	margin: 0 0 8px;
}

.aop-donate__tile {
	padding: 18px 20px;
	background: #fff;
	border: 1px solid var(--global-palette6, #D9D5CC);
	border-top: 4px solid var(--global-palette6, #D9D5CC);
	border-radius: var(--aop-radius, 12px);
}

.aop-donate__tile.is-yes {
	border-top-color: var(--global-palette1, #0B5D4A);
}

.aop-donate__tile.is-no {
	border-top-color: #C8912A;
	background: #FDFBF6;
}

.aop-donate__tile h3 {
	margin: 0 0 8px;
	font-size: .78rem;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--global-palette5, #5A6672);
}

.aop-donate__tile p {
	margin: 0 0 6px;
	font-size: 1.1rem;
	font-weight: 700;
	line-height: 1.25;
	color: var(--global-palette4, #2E3A44);
}

.aop-donate__tile span {
	display: block;
	font-size: .85rem;
	line-height: 1.5;
	color: var(--global-palette5, #5A6672);
}

/* Ways to give */
.aop-donate__ways {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: 20px;
	margin: 24px 0;
}

.aop-donate__way {
	padding: 22px;
	background: var(--aop-tint, #E6F5F1);
	border-radius: var(--aop-radius, 12px);
}

.aop-donate__way h3 {
	margin: 0 0 12px;
	font-size: 1.1rem;
}

.aop-donate__way dl {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 6px 14px;
	margin: 0;
	font-size: .92rem;
}

.aop-donate__way dt {
	font-weight: 600;
	color: var(--global-palette5, #5A6672);
}

.aop-donate__way dd {
	margin: 0;
}

/* Account numbers and IFSC codes are copied by hand and mistyped easily, so
   they are set in a monospaced face where 0 and O differ and the digits line
   up under each other. */
.aop-donate__mono {
	font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
	font-size: 1rem;
	letter-spacing: .04em;
	word-break: break-all;
}

.aop-donate__hint {
	margin: 12px 0 0;
	font-size: .85rem;
	line-height: 1.5;
	color: var(--global-palette5, #5A6672);
}