/* Scoped styly stranky Partnersky program (page-influencersky-program.php,
   slug /partnersky-program/ na live, /influencer-program/ na vyvoji).

   HISTORIE: Tento soubor byl docasny most drzici CELOU stranku pod BEM styly
   (.inflp-*) behem tailwind-first refactoru. Cela stranka je nyni prevedena na
   Tailwind utility primo v markupu sablony (viz page-influencersky-program.php).

   ZBYVA JEN JEDNO PRAVIDLO, ktere se na utility nedari spolehlive prevest:
   rotace FAQ ikony "+" do krizku "x" pri otevreni nativniho <details> (stav
   [open]). Jde o JS/state-toggled pravidlo (stav [open] meni sam prohlizec
   pri kliknuti na <summary>, ne staticka varianta), ne o nespolehlivost
   transform utilit — Tailwind utility zije v @layer, takze plain CSS se
   stejnou specificitou ji v kaskade spolehlive prebije. Stejny vzor uz pouziva
   includes/blocks/faq/style.css (JS akordeon prepinac tam take zustava mimo
   layer, aby prebil utility). Proto drzime transform + jeho transition jako
   plain CSS mimo Tailwind layer. Ostatni styl ikony (velikost, barva, font,
   flex-shrink) i vse ostatni na strance je resene utilitami v sablone. */

/* POZOR pro budouci mereni: v background tabu (automatizace) Chrome throttluje
   CSS transitions — computed transform/rotate se jevi "zaseknuty" na vychozi
   hodnote, i kdyz je kaskada spravne (overeno: s vypnutymi transitions je
   computed rotate 45deg okamzite). Neni to bug stranky; merit s fokusem tabu
   nebo s docasne vypnutymi transitions. (Falesne "nefunkcni transform" hlaseni
   z review 2.4.50/2.4.51 bylo tenhle artefakt.) */
.inflp-faq-icon {
    transition: transform 0.3s ease;
}

.inflp-faq-item[open] .inflp-faq-icon {
    transform: rotate(45deg);
}