, so no `.h3` from elements.css applies. The -2px right
margin buys one more character before the wrap. */
.ag_awards--name {
font-size: 24px;
font-weight: normal;
line-height: 30px;
color: var(--Neutrals-Dark-Grey);
margin-right: -2px;
}
/* ACF returns the description already wrapped in (the field's new_lines = wpautop).
`margin-bottom: 0` because wp-blocks.css gives every page
`margin-bottom: 1em` and exempted
the legacy markup by name — a pin the AG namespace no longer matches. */
.ag_awards--text p {
margin-bottom: 0;
}
.ag_awards--text p + p {
margin-top: 24px;
}
/* ---- Controls ---------------------------------------------------------------------------- */
/* Arrows only — no gauge, no show-all. The twig renders them only when there is more than one
card. */
.ag_awards--controls {
display: flex;
align-items: center;
justify-content: flex-end;
margin-top: 24px;
}
.ag_awards--arrow {
display: block;
padding: 0;
margin-left: 16px;
border: none;
background: none;
cursor: pointer;
outline: none;
}
/* The circle is the generic `.button--round.button--arrow` primitive from css/elements.css; only
its colour is this section's: a Medium-Sand disc. → [[sand-scroll-control-scheme]] */
.ag_awards--arrow .button--round {
display: block;
background-color: var(--Neutrals-Medium-Sand);
}
.ag_awards--arrow_prev .button--round {
transform: scaleX(-1);
}
/* Idle glyph Medium-Grey — #8A8A7E hardcoded because it lives inside a data URI, where a token
cannot resolve; keep it in step with the token by hand. On hover this rule stops applying and
the glyph falls back to elements.css's dark default; the disc never changes. (0,3,0) beats
`.button--round.button--arrow` on weight, so no `!important`. */
.ag_awards--controls .ag_awards--arrow:not(:hover) .button--round.button--arrow {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='12px' height='12px' viewBox='0 0 12 12'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%238A8A7E;stroke-width:1.1;%7D .st1%7Bfill:none;stroke:%238A8A7E;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round;%7D %3C/style%3E%3Cline class='st0' x1='0' y1='6' x2='11.3' y2='6'/%3E%3Cpath class='st1' d='M8.27,9.13L11.34,6L8.27,2.87'/%3E%3C/svg%3E");
}
/* DISABLED ARROW: no rule here on purpose. Swiper sets `disabled` on these real