/* ── 0. SELF-HOSTED FONTS ────────────────────────────────────────── Previously loaded from fonts.googleapis.com. Edge Tracking Prevention (and most ad blockers) classify fonts.gstatic.com as a tracker and abort the request, which dropped every page to the system fallback. These are the variable builds — one file per family covers all weights. Manrope tops out at 800, so the font-weight:900 declarations scattered through the pages clamp to 800. That was already true with the CDN copy; nothing changes visually. ------------------------------------------------------------------ */ @font-face { font-family: 'Manrope'; src: url('/fonts/Manrope/Manrope-VariableFont_wght.ttf') format('truetype'); font-weight: 200 800; font-style: normal; font-display: swap; } @font-face { font-family: 'JetBrains Mono'; src: url('/fonts/JetBrains%20Mono/JetBrainsMono-VariableFont_wght.ttf') format('truetype'); font-weight: 100 800; font-style: normal; font-display: swap; } /* ------------------------------------------------------------------ avtoyoxla.az — shared stylesheet ------------------------------------------------------------------ One cached request instead of the same nav/footer/token rules being inlined into all 17 pages. Everything here is additive: it introduces new classes, it does not override existing page CSS. Contains: 1. Canonical design tokens (single source of truth) 2. Bilingual static-content helpers (.l-az / .l-en) 3. Skip link + focus-visible (accessibility) 4. "Alətlər" nav dropdown 5. Trust bar + footer legal line 6. Reduced-motion + print ------------------------------------------------------------------ */ /* ── 1. CANONICAL TOKENS ─────────────────────────────────────────── Pages still declare their own :root; these are the agreed values. Anything new should use var(--av-*) so there is one place to change. ------------------------------------------------------------------ */ :root { --av-bg: #080808; --av-bg2: #101010; --av-bg3: #181818; --av-bg4: #202020; --av-accent: #e8ff47; --av-accent2: #c8e000; --av-white: #ffffff; --av-border: rgba(255,255,255,.08); --av-border2: rgba(255,255,255,.12); --av-muted: rgba(255,255,255,.45); --av-font: 'Manrope', system-ui, -apple-system, sans-serif; --av-mono: 'JetBrains Mono', ui-monospace, monospace; } /* ── 2. BILINGUAL STATIC CONTENT ─────────────────────────────────── The site's content used to exist only inside JavaScript objects, so crawlers that don't execute JS saw an empty page. Static content is now emitted in BOTH languages and the inactive one is hidden by CSS, keyed off — which lang-seo.js already maintains. This is not cloaking: both versions are real, visible content and the switch is a user-facing control. ------------------------------------------------------------------ */ html[lang="en"] .l-az { display: none !important; } html:not([lang="en"]) .l-en { display: none !important; } /* Inline variants so a language span inside a sentence doesn't break flow. */ html[lang="en"] span.l-az, html[lang="en"] a.l-az { display: none !important; } html:not([lang="en"]) span.l-en, html:not([lang="en"]) a.l-en { display: none !important; } /* ── 3. ACCESSIBILITY ──────────────────────────────────────────────*/ .av-skip { position: absolute; left: -9999px; top: 0; z-index: 999; background: var(--av-accent); color: #000; padding: 10px 18px; border-radius: 0 0 8px 0; font: 700 14px/1 var(--av-font); text-decoration: none; } .av-skip:focus { left: 0; outline: 3px solid #fff; } /* Visible keyboard focus. The site had none at all — keyboard users could not tell where they were. */ :focus-visible { outline: 2px solid var(--av-accent); outline-offset: 2px; border-radius: 4px; } /* Screen-reader-only text (used for icon-only button labels). */ .av-sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; } /* ── 4. "ALƏTLƏR" NAV DROPDOWN ───────────────────────────────────── customs.html and decode.html previously had two internal links each, both from footers, despite being the strongest organic-traffic pages on the site. This exposes them (plus FAQ and the referral programme) from the nav on every page. The trigger keeps its original id (nl1 / nav-faydali) so each page's own setLang() still writes its label. The menu is a sibling element, so textContent on the trigger cannot wipe it. ------------------------------------------------------------------ */ .av-dd { position: relative; } /* NOTE ON SPECIFICITY Every page inlines its own