/* =====================================================================
   DataDent web v32 — zavírací křížek dialogů (U29, 01/11/2026)
   Uprostřed tlačítka právě JEDEN geometricky vycentrovaný křížek: textový
   glyf (× / ×) má nulovou velikost, ::before kreslí dvě čáry
   (linear-gradient) otočené o 45°. Na hover se otáčí jen křížek uvnitř
   tlačítka, tlačítko stojí; prefers-reduced-motion bez otáčení.
   Tvar a barvy tlačítek zůstávají z pages.css (.ct-x, 1:1 od grafika)
   a auth-v32.css (.au-page .modal__close-x). Načítá LandingRenderer::base
   za stavy.css na všech stránkách webu i v obalu přihlášení/registrace.
   ===================================================================== */
.ct-x,
.au-page .modal__close-x{display:inline-flex;align-items:center;justify-content:center;padding:0;font-size:0;line-height:0}
.ct-x::before,
.au-page .modal__close-x::before{content:"";display:block;flex:none;width:16px;height:16px;background:linear-gradient(currentColor,currentColor) center/100% 2px no-repeat,linear-gradient(currentColor,currentColor) center/2px 100% no-repeat;border-radius:1px;transform:rotate(45deg);transition:transform .2s ease}
.ct-x:hover::before,
.au-page .modal__close-x:hover::before{transform:rotate(135deg)}
.ct-x:focus-visible,
.au-page .modal__close-x:focus-visible{outline:2px solid var(--violet);outline-offset:2px}
@media (prefers-reduced-motion:reduce){
  .ct-x::before,
  .au-page .modal__close-x::before{transition:none}
  .ct-x:hover::before,
  .au-page .modal__close-x:hover::before{transform:rotate(45deg)}
}