/*
 * AdvertUp performance (PERF workstream). Printed in <head> on every front-end page by
 * inc/performance.php, after the theme styles. See docs/performance.md.
 */

/* PRF-02: the full-screen #111 preloader is removed (approved change, 08 §11.2). It covered every
   page until window.load + 1 s. perf.js also deletes the element and stops its endless tween. */
.preloader {
	display: none !important;
}

/* Magic cursor removed (approved change, 08 §11.2); perf.js keeps its per-frame ticker from starting. */
#magic-cursor {
	display: none !important;
}

/* PRF-03: static starfield instead of the 10,000-particle three.js canvas: a 4 KB lossless render of
   the same scene (#111 sky, white points). The theme's .sky-bg:before vignette still sits on top. */
.sky-bg {
	background-image: url(../img/starfield.webp);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.sky-bg > .globalCanvas {
	display: none;
}

/* PRF-08: icon fonts as small WOFF2 files, downloaded only when an icon renders.
   Genericons (theme pseudo-element icons: search, pagination, sidebar lists, submenu arrows) replaces
   genericons.css, a 28 KB render-blocking stylesheet with the font inlined as base64.
   Feather: the same glyphs as the theme's 64 KB Feather.ttf; this rule is declared after the theme's
   feather.css, so it is the face the browser uses. Sources and licences: ../fonts/README.txt. */
@font-face {
	font-family: "Genericons";
	src: url(../fonts/genericons.woff2) format("woff2");
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

@font-face {
	font-family: "Feather";
	src: url(../fonts/feather.woff2) format("woff2");
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

/* EN navigation font (GAP6-11) and prefers-reduced-motion rules: site.css / a11y.css (RTL workstream). */

/* The logo <img> now carries width/height (no layout shift); the theme sizes it by height only
   (.logo-main img { height: 50px }, 40px on phones), so the width must follow the aspect ratio. */
.logo-wrapper img { width: auto; }