/*
 * Everything the theme adds on top of the shared icon package.
 * Load after segfa.css. segfa.css itself is generated — edit it upstream.
 */

/*
 * Icon positioning. The icon classes this theme replaced applied their own
 * vertical positioning to every icon on the site, so ~130 call sites were laid
 * out against it. The shared package sets no vertical-align, which would drop
 * each icon to the baseline. These rules keep the previous position so the
 * swap is not a visual change.
 *
 * Width is deliberately not set here: the package already defaults to
 * proportional width, and anything wanting a fixed box asks with fa-fw.
 */
.fal,
.far,
.fas,
.fab,
.fad,
.icon-power {
	vertical-align: middle;
	position: relative;
	top: -1px;
	text-transform: none;
}

/* Instant Book bolt. Bespoke — no Font Awesome equivalent. */
@font-face {
	font-family: 'seg-bolt';
	src: url('seg-bolt.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

.icon-power {
	/* !important for the same reason the icon families below claim it: rules
	   like `#edp_container .event_inventory_status *` outrank a bare class,
	   and this bolt sits inside that very container on the event page. */
	font-family: 'seg-bolt' !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-power:before {
	content: "\e9b5";
}

/*
 * Icon families claimed with !important, which the shared package deliberately
 * does not do (neither does Font Awesome itself). This is local debt: the icon
 * font this theme replaced declared its family !important, so site stylesheets
 * were written over the top of it and still rendered.
 *
 * 156 rules across 47 sites set font-family on a selector that outranks a bare
 * `.far` — `#edp_container .event_inventory_status *` and `#edp_header *` are
 * the big two, one ID beating one class. 57 of them, across 28 sites, currently
 * sit around an icon.
 *
 * The `*` in those rules cannot simply be dropped. Measured live, 116 of the 156
 * are overriding a child that carries its own font-family — usually a bold or
 * medium variant — so narrowing them to the container alone re-fonts event
 * tiles, FAQ pages and header bars. They mean what they say; icons just need to
 * be exempt from them, which is what this does.
 *
 * Not watertight: 38 rules across 23 sites declare font-family !important on a
 * selector that outranks these, so they win regardless. None of them currently
 * wraps an icon — `#edp_header *:not(i)` exempts the one icon in that subtree
 * (an <i>), and .toc_element / #cui_footer hold none — but a span-based icon
 * added inside one would not be rescued here.
 *
 * font-weight is left overridable on purpose: forcing it would change icons that
 * render correctly today.
 */
.fal { font-family: fal !important; }
.far { font-family: far !important; }
.fas { font-family: fas !important; }
.fab { font-family: fab !important; }
.fad { font-family: fad !important; }