/* ======================================================================
bloky-test.css — TEST OVERRIDE pro bloky.css
----------------------------------------------------------------------
Načítá se na webu globálně v ZA bloky.css.
Pravidla zde mají prefix `.fn-test` → aplikují se POUZE tam, kde je
v HTML wrapper .
Ostrý provoz (jen ) zůstává nedotčený.
Workflow:
1) Sem napsat override pravidlo (`.fn-test .fn-row { … }`)
2) Push, ověřit na testovacím produktu
3) Když OK → překlopit do bloky.css (bez prefixu), vyčistit zde
4) Když vadí → smazat zde, master nebyl dotčený
====================================================================== */
/* --- Vizuální indikátor: štítek "🧪 TEST" v levém horním rohu wrapperu */
.fn-test {
position: relative;
outline: 2px dashed rgba(245, 166, 35, 0.55);
outline-offset: 6px;
border-radius: 14px;
padding-top: 8px;
}
.fn-test::before {
content: "🧪 TEST verze";
position: sticky;
top: 12px;
z-index: 50;
display: inline-block;
margin: 0 0 12px 12px;
padding: 6px 14px;
background: #f5a623;
color: #fff;
font-family: 'Dosis', 'Segoe UI', sans-serif;
font-size: 12px;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
border-radius: 20px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
/* ======================================================================
↓↓↓ ZDE PIŠ TEST OVERRIDE PRAVIDLA ↓↓↓
Vždy začínej selektor `.fn-test ` ať se to neaktivuje na ostrém.
Příklad:
.fn-test .fn-row { padding: 24px; background: #fff8e0; }
.fn-test .fn h2 { color: red; }
====================================================================== */