/* Theme Name: Bricks Child Theme Theme URI: https://bricksbuilder.io/ Description: Use this child theme to extend Bricks. Author: Bricks Author URI: https://bricksbuilder.io/ Template: bricks Version: 1.1 Text Domain: bricks */ /* ========================================================================== Černý čtvereček v levém horním rohu (Safari), oprava -------------------------------------------------------------------------- Klientka hlásí od 2026-08-12 černý čtverec v levém horním rohu viewportu, v Safari 26.5.2 na macOS Tahoe 26.5.2, i v anonymním okně a po Cmd+Shift+R. Změřeno ze snímku obrazovky (retina 2x, měřítko ověřené přes logo, 392 device px = 199 CSS px): artefakt je 28x28 CSS px, plná #000, ostré rohy, přesně na souřadnici (0,0) viewportu. Příčina: gooey efekt u tlačítek .blob-btn. Souvislost sedí na všech šesti kontrolovaných stránkách, čtverec je právě a jen tam, kde je v obsahu tenhle blok (homepage, O nás, Formula Future), a chybí tam, kde není (Dokumenty, Kontakty, Aktuality). Sedí i rozměr: WebKit rozšiřuje plochu pro feGaussianBlur o stdDeviation * (3/4)*sqrt(2*pi) * 3/2, což pro stdDeviation="10" dává 28,2 px, tedy přesně velikost artefaktu. Mechanismus má dvě části: 1) feColorMatrix s alfa řádkem "0 0 0 18 -7" zesiluje alfu. V lineárním RGB tím z průhledné černé vznikne plná černá, což je notoricky známé černání gooey filtrů v Safari. 2) Safari složí tu 28px plochu do počátku vrstvy místo k tlačítku. Proto je čtverec v rohu a ne u tlačítka. Pozor: headless WebKit (Playwright) tohle nereprodukuje, chybí mu kompozitní vrstva Safari. Ověřeno 4 stránky x 3 varianty, roh vždy čistý. Reprodukce tedy existuje jen u klientky. Řešení má dvě vrstvy: ========================================================================== */ /* 1) Vlastní oprava filtru: sRGB zabrání převodu do lineárního RGB, ve kterém teprve vzniká z průhledné černé plná černá. Vizuálně beze změny, ověřeno porovnáním snímků. Platí ve všech prohlížečích. */ #goo { color-interpolation-filters: sRGB; } /* 2) Pojistka jen pro Safari: filtr se tam vypne úplně, aby nebylo co špatně složit. @supports (-webkit-hyphens: none) je detekce Safari, ostatní prohlížeče si gooey efekt nechávají. !important je tu nutné: pravidlo .blob-btn__blobs { filter: url(#goo) } žije v Additional CSS (