/* ============================================================ Header platform dropdowns — Twitch ▾ / Kick ▾ → Live Viewers | Followers ------------------------------------------------------------ Deliberately a FILE, not another block appended to site.css, because index.html doesn't load site.css — it carries its own inline copy of the nav. Three separate bugs on this site have come from a nav rule living in one of those two places and not the other (.chips, .faq-help, the .pdp-left mobile collapse). A dropdown that has to behave identically on all sixteen pages gets exactly one source of truth. NOT the icon-tile / title / subtitle row that every SaaS nav ships. This one is built out of things this site already owns: - a platform-coloured eyebrow, the same .klabel device the page sections use, so the panel announces which platform you're inside - a platform-coloured top edge and a wash that sweeps in from the left on hover, echoing the platform-native chrome the PDPs already wear - Space Grotesk for the option names — the display face, used here for the first time in the nav, which is most of why it reads differently - a red LIVE tag on the viewers row in the logo dot's own #ff4747 Squarer corners and a hairline between rows rather than two floating cards: this should read as stream chrome, not as a soft app popover. Colour split: the platform tint says WHICH platform a row belongs to, cyan says WHERE YOU ARE. Using one colour for both loses the distinction. ============================================================ */ .nav-dd { position: relative; } .nav-dd[data-plat="twitch"] { --pl: #9146ff; } .nav-dd[data-plat="kick"] { --pl: #53fc18; } /*