/* ========================================================================== Kobra redesign — soupiska (squad page, /buly/). Enqueued only on pages containing [stm_players_carousel]; redesign.css is a dependency and supplies the palette, fonts and texture used here. Splash renders each player list as an Owl carousel four cards wide. That is replaced by roster.js with a grid and a group switcher — see the header comment there for why the carousel is rebuilt rather than restyled. ========================================================================== */ /* ---------- Hide what the JS replaces ---------- Mirrored in CSS as well as in roster.js because the script runs at DOMContentLoaded, which is late enough for three carousels to paint first and then vanish. The `~` selectors clear the [vc_separator] and [stm_spacing] blocks that only existed to hold the carousels apart. They cannot reach the injected grid: it is inserted *before* the first .stm-player-ids, and `~` only matches following siblings. */ .stm-player-ids, .stm-player-ids ~ .vc_separator, .stm-player-ids ~ .stm-spacing, .kobra-replaced { display: none !important; } .kobra-roster { margin: 0 0 10px; } /* ========================================================================== Group switcher ========================================================================== */ .kobra-roster-tabs { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 26px; padding: 0 0 20px; border-bottom: 1px solid var(--kobra-line); } /* ---------- The tabs are the site's own buttons ---------- roster.js gives each one `kobra-btn` plus `kobra-btn-primary` when it is the selected group and `kobra-btn-ghost` otherwise — the same pair the homepage uses for "Rozpis zápasů" and "Fotogalerie". So the look is inherited from redesign.css rather than restated here, and the selected group stands out through the same solid-versus-outlined contrast the site already uses to mean "this is the one". Only the things a