/** * Kontrolka listy — arkusz WSPÓLNY dla całego sklepu (`md_select.js`). * * ⛔ Wygląd przepisany z kontrolki wyboru pojazdu (`dynamic_categories.css`): obwódka 2 px, * promień 10 px, złoty akcent `#C4A677` na najechaniu i wyborze, strzałka i lupa jako SVG, * pozycje rozdzielone włoskową linią. To jest język, którym mówią listy tego sklepu. * * ⚠️ NA CHECKOUCIE POLA MUSZĄ WYGLĄDAĆ JAK INPUTY OBOK NICH, nie jak lista z katalogu. * Dlatego wysokość, obwódka i promień są tam nadpisane niżej, w bloku `.md-sel-jak-input` * — wartości wzięte z pomiaru pól checkoutu: 44 px, `1px #dddfe4`, promień 4 px. * * ⛔ Klasy w przestrzeni `.md-sel-`, więc arkusz nie dotyka niczego innego. */ /* ⚠️ Paleta stoi na DWÓCH selektorach: na kontrolce i na przeniesionym panelu (`.md-sel-paleta`). Panel wychodzi do ``, więc przestaje dziedziczyć zmienne — bez tego wybrana pozycja to biały tekst na białym tle. Ta sama pułapka, którą opisuje panel wyboru pojazdu. */ .md-sel, .md-sel-paleta { --ms-zloto: #C4A677; --ms-obwodka: #e0e0e0; --ms-tekst: #333; --ms-zastepnik: #999; } .md-sel { position: relative; /* ⛔ SZEROKOŚĆ MUSI DZIAŁAĆ W OBU RODZAJACH RODZICA i to nie jest nadmiarowość. Kontrolka wchodzi w miejsce natywnego `