/*
 * Investor - Meeting Documents.
 *
 * Read from cp-all-designer investor/shareholder-information/
 * annual-general-meeting-of-shareholder/shareholders26/ and
 * css/agm-shareholders26.css, with the blue button of css/app.css:304-313.
 *
 * The band and the head are the investor parent's. Every measure a Style
 * control states is stated on the control for each tier, and not here.
 */

/* What a Style control names: each state's own colour. The rules below say which is showing. */
.custom-investor-meeting-documents {
	--custom-meeting-documents-ink: #16418C;
	--custom-meeting-documents-lit: #50A3D5;
	--custom-meeting-documents-dim: #94A3B8;
	--custom-meeting-documents-press: #F0F9FD;
	--custom-meeting-documents-press-lit-ink: #FFFFFF;
	--custom-meeting-documents-note: #475569;
	--custom-meeting-documents-rule: #EEF2F7;
	--custom-meeting-documents-button: #50A3D5;
	--custom-meeting-documents-button-lit: #3D8CB8;
	--custom-meeting-documents-button-ink: #FFFFFF;
}

/* agm-shareholders26.css:18-26 */
.custom-investor-meeting-documents .custom-investor-meeting-documents__list {
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 0;
	list-style: none;
}

/* agm-shareholders26.css:28-40 — each paper is marked with the brand's leaf */
.custom-investor-meeting-documents .custom-investor-meeting-documents__item {
	position: relative;
	margin: 0;
	padding: 0 0 0 30px;
	list-style: none;
	/* app.css:173-174 body — the line a paper's name stands on is the row's own, and on a phone it is the taller of the two */
	font-size: 16px;
	line-height: 1.6;
}

.custom-investor-meeting-documents .custom-investor-meeting-documents__item::before {
	content: "";
	position: absolute;
	top: 8px;                              /* agm-shareholders26.css:35 — .5em of 16px */
	left: 0;
	width: 18px;
	height: 14px;
	background: url("../img/investor/leaf-mark.svg") no-repeat center / contain;
}

/* agm-shareholders26.css:42-49 */
.custom-investor-meeting-documents .custom-investor-meeting-documents__paper {
	--custom-press-ink: var(--custom-meeting-documents-ink);
	--custom-press-edge: transparent;
	display: inline;
	font-weight: 600;
	line-height: 1.7;
	letter-spacing: 0;
	transition: color 250ms cubic-bezier(0.2, 0.8, 0.2, 1);
}

.custom-investor-meeting-documents a.custom-investor-meeting-documents__paper:hover,
.custom-investor-meeting-documents a.custom-investor-meeting-documents__paper:focus-visible {
	--custom-press-ink: var(--custom-meeting-documents-lit);
	text-decoration: underline;
	text-underline-offset: 4px;            /* agm-shareholders26.css:54 measures 3px */
}

.custom-investor-meeting-documents a.custom-investor-meeting-documents__paper:focus-visible {
	outline: 4px solid #16418C;            /* agm-shareholders26.css:56 measures 3px */
	outline-offset: 2px;
}

/* agm-shareholders26.css:58-59 — a paper not yet out: dimmed, name and leaf */
.custom-investor-meeting-documents .custom-investor-meeting-documents__item-dim > .custom-investor-meeting-documents__paper {
	--custom-press-ink: var(--custom-meeting-documents-dim);
	font-weight: 500;
	cursor: default;
}

.custom-investor-meeting-documents .custom-investor-meeting-documents__item-dim::before {
	opacity: 0.45;
}

/* agm-shareholders26.css:61-72 — a paper's parts, set in under it */
.custom-investor-meeting-documents .custom-investor-meeting-documents__parts {
	display: flex;
	flex-direction: column;
	gap: 18px;                             /* agm-shareholders26.css:67 (20.16 capped at 18) */
	margin: 18px 0 0;                      /* agm-shareholders26.css:63 (20.16 capped at 18) */
	padding: 0 0 0 34px;                   /* agm-shareholders26.css:64 (34.56 capped at 34) */
	list-style: none;
}

.custom-investor-meeting-documents .custom-investor-meeting-documents__parts .custom-investor-meeting-documents__item {
	padding-left: 26px;
}

.custom-investor-meeting-documents .custom-investor-meeting-documents__parts .custom-investor-meeting-documents__item::before {
	width: 16px;                           /* agm-shareholders26.css:75 measures 15px */
	height: 12px;
}

.custom-investor-meeting-documents .custom-investor-meeting-documents__parts .custom-investor-meeting-documents__paper {
	font-weight: 500;
}

/* agm-shareholders26.css:78-82 — a paper that comes in more than one format */
.custom-investor-meeting-documents .custom-investor-meeting-documents__item-formats {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
}

/* agm-shareholders26.css:83-96 */
.custom-investor-meeting-documents .custom-investor-meeting-documents__format {
	--custom-press-ink: var(--custom-meeting-documents-ink);
	--custom-press-ground: var(--custom-meeting-documents-press);
	--custom-press-edge: transparent;
	display: inline-flex;
	align-items: center;
	padding: 4px 14px;
	border-radius: 1000px;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.6;                      /* app.css:174 body, which the design leaves it to */
	letter-spacing: 0px;                   /* agm-shareholders26.css:92 measures 0.4px */
	transition: background-color 250ms cubic-bezier(0.2, 0.8, 0.2, 1), color 250ms cubic-bezier(0.2, 0.8, 0.2, 1);
}

.custom-investor-meeting-documents .custom-investor-meeting-documents__format:hover,
.custom-investor-meeting-documents .custom-investor-meeting-documents__format:focus-visible {
	--custom-press-ink: var(--custom-meeting-documents-press-lit-ink);
	--custom-press-ground: var(--custom-meeting-documents-lit);
}

.custom-investor-meeting-documents .custom-investor-meeting-documents__format:focus-visible {
	outline: 4px solid #16418C;              /* agm-shareholders26.css:105 measures 3px */
	outline-offset: 2px;
}

/* agm-shareholders26.css:105-114 — a heading that opens a second list */
.custom-investor-meeting-documents .custom-investor-meeting-documents__heading {
	box-sizing: border-box;
	margin-right: auto;
	margin-bottom: 24px;                   /* agm-shareholders26.css:109 (25.92 capped at 24) */
	margin-left: auto;
	padding: 0;
	color: var(--custom-meeting-documents-ink);
	font-family: inherit;
	font-style: normal;
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: 0;
	text-transform: none;
}

/* agm-shareholders26.css:119-134 — the note: a rule over it rather than a frame around it */
.custom-investor-meeting-documents .custom-investor-meeting-documents__note {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	box-sizing: border-box;
	gap: 16px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	border-top: 2px solid var(--custom-meeting-documents-rule);   /* agm-shareholders26.css:124 measures 1px */
}

.custom-investor-meeting-documents .custom-investor-meeting-documents__note-words {
	margin: 0;
	padding: 0;
	color: var(--custom-meeting-documents-note);
	font-weight: 400;
	line-height: 1.8;
	letter-spacing: 0;
}

.custom-investor-meeting-documents .custom-investor-meeting-documents__note-words a,
.custom-investor-meeting-documents .custom-investor-meeting-documents__note-words a:hover,
.custom-investor-meeting-documents .custom-investor-meeting-documents__note-words a:focus {
	--custom-press-ink: var(--custom-meeting-documents-ink);
	--custom-press-edge: transparent;
	font-weight: 600;
	text-decoration: underline;
	overflow-wrap: anywhere;
}

.custom-investor-meeting-documents .custom-investor-meeting-documents__note-words a:hover,
.custom-investor-meeting-documents .custom-investor-meeting-documents__note-words a:focus-visible {
	--custom-press-ink: var(--custom-meeting-documents-lit);
}

/* agm-shareholders26.css:130, 133 — the note's own size and colour, a weight heavier */
.custom-investor-meeting-documents .custom-investor-meeting-documents__caption {
	font-weight: 500;
}

/* app.css:304-313 — .btn.btn--blue */
.custom-investor-meeting-documents .custom-investor-meeting-documents__button {
	--custom-press-ink: var(--custom-meeting-documents-button-ink);
	--custom-press-ground: var(--custom-meeting-documents-button);
	--custom-press-edge: transparent;
	display: inline-flex;
	align-items: center;
	box-sizing: border-box;
	gap: 12px;                             /* app.css:305 measures 11px */
	padding: 16px 30px;                    /* app.css:307 measures 15px 30px */
	border-width: 2px;                     /* app.css:307 measures 1.5px */
	border-style: solid;
	border-radius: 16px;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.6;
	letter-spacing: normal;
	white-space: nowrap;
	transition: all 250ms cubic-bezier(0.2, 0.8, 0.2, 1);
}

.custom-investor-meeting-documents a.custom-investor-meeting-documents__button:hover {
	--custom-press-ground: var(--custom-meeting-documents-button-lit);
	--custom-press-shadow: 0 14px 30px rgba(80, 163, 213, 0.36);
	transform: translateY(-2px);
}

/* Tablet — 768px to 1024px */
@media (max-width: 1024px) {
	.custom-investor-meeting-documents .custom-investor-meeting-documents__parts {
		gap: 12px;                         /* 12.88 */
		margin-top: 12px;                  /* 12.88 */
		padding-left: 22px;                /* 22.08 */
	}
	.custom-investor-meeting-documents .custom-investor-meeting-documents__heading {
		margin-bottom: 16px;               /* 16.56 */
	}
}

/* Mobile — up to 767px (agm-shareholders26.css:137-144) */
@media (max-width: 767px) {
	.custom-investor-meeting-documents .custom-investor-meeting-documents__item {
		padding-left: 24px;
	}
	.custom-investor-meeting-documents .custom-investor-meeting-documents__item::before {
		width: 16px;                       /* agm-shareholders26.css:139 measures 15px */
		height: 12px;
	}
	.custom-investor-meeting-documents .custom-investor-meeting-documents__parts {
		gap: 12px;
		margin-top: 12px;
		padding-left: 20px;
	}
	.custom-investor-meeting-documents .custom-investor-meeting-documents__heading {
		margin-bottom: 16px;
	}
	.custom-investor-meeting-documents .custom-investor-meeting-documents__button {
		justify-content: center;
		width: 100%;
	}
}

@media (prefers-reduced-motion: reduce) {
	.custom-investor-meeting-documents .custom-investor-meeting-documents__paper,
	.custom-investor-meeting-documents .custom-investor-meeting-documents__format,
	.custom-investor-meeting-documents .custom-investor-meeting-documents__button {
		transition: none;
	}
}