/*
 * utilities-extras.css — small utility classes filling Bootstrap-5 gaps.
 *
 * Adds the utilities templates were reaching for via inline style=:
 *   - .cursor-pointer  (was style="cursor:pointer;" — 12+ sites)
 *   - .ws-pre-wrap     (was style="white-space: pre-wrap;" — 9 sites)
 *   - .icon-lg / .icon-xl / .icon-sm (was style="font-size:var(--type-size-headline-m);" — 12+ sites)
 *   - .max-w-75p       (was style="max-width: 75%;" — message bubbles)
 *
 * Goal: let templates use semantic class names instead of inline styles, so
 * design tokens can govern the values from one place.
 */

.cursor-pointer { cursor: pointer; }
.cursor-default { cursor: default; }
.cursor-help { cursor: help; }

.ws-pre-wrap { white-space: pre-wrap; }
.ws-nowrap { white-space: nowrap; /* horizontal-overflow-risk-allow: short-controlled-content-by-design */ }

/* Icon sizing — paired with <i class="bi ..."> usage */
.icon-sm { font-size: var(--type-size-caption); line-height: 1; }
.icon-lg { font-size: var(--type-size-headline-m); line-height: 1; }
.icon-xl { font-size: var(--type-size-headline-l); line-height: 1; }

/* Bubble / chat width caps */
.max-w-75p { max-width: 75%; }
.max-w-90p { max-width: 90%; }