/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

/* QR Platba – pevná velikost vykresleného SVG */
.qr-code svg { width: 130px; height: 130px; display: block; }

/* Zvýraznění řádku tabulky při najetí myší (napříč celou aplikací) */
tbody tr { transition: background-color 0.12s ease; }
tbody tr:hover { background-color: #faf8f4; }

/* Klikatelné záhlaví pro řazení */
th a { display: inline-flex; align-items: center; gap: 0.2rem; }

/* Simple-DataTables – sladění se vzhledem aplikace (stone paleta) */
.datatable-wrapper { font-size: 0.875rem; color: #44403c; }
.datatable-top { padding: 0 0 0.75rem; display: flex; align-items: center; justify-content: flex-end; gap: 1rem; }
.datatable-bottom { padding: 0.85rem 0 0; display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }
.datatable-selector,
.datatable-input {
  border: 1px solid #d6d3d1; border-radius: 0.375rem; padding: 0.4rem 0.6rem;
  font-size: 0.875rem; background: #fff; color: #44403c;
}
.datatable-selector:focus,
.datatable-input:focus { outline: none; border-color: #78716c; }
.datatable-table { width: 100%; border-collapse: collapse; }
.datatable-table th,
.datatable-table td { padding: 0.5rem 1rem; }            /* nenastavujeme text-align – řídí Tailwind třídy na buňkách */
.datatable-table thead th { background: #fafaf9; color: #78716c; font-weight: 500; border-bottom: 1px solid #e7e5e4; }
.datatable-table tbody tr { border-bottom: 1px solid #f5f5f4; }
.datatable-sorter { background: none; border: 0; padding: 0; margin: 0; font: inherit; color: inherit; cursor: pointer; width: 100%; text-align: inherit; }
.datatable-info { color: #78716c; }
.datatable-pagination ul { display: flex; gap: 0.25rem; list-style: none; margin: 0; padding: 0; }
.datatable-pagination li button {
  display: inline-flex; min-width: 2rem; justify-content: center; padding: 0.35rem 0.6rem;
  border-radius: 0.375rem; color: #44403c; background: transparent; border: 1px solid transparent; cursor: pointer;
}
.datatable-pagination li button:hover { background: #f5f5f4; }
.datatable-pagination li.datatable-active button { background: #1c1917; color: #fff; }
.datatable-pagination li.datatable-disabled button { color: #d6d3d1; cursor: default; }

/* Logo / brand wordmark (P/A Deluxe Premium Tables) */
.brand {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  font-family: "Cormorant Garamond", Georgia, serif;
  line-height: 1;
  color: inherit;
}
.brand-mark { font-size: 1.6rem; font-weight: 500; letter-spacing: 0.02em; }
.brand-slash { font-weight: 300; margin: 0 0.02em; }
.brand-words {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-left: 0.55rem;
  border-left: 1px solid currentColor;
  opacity: 0.8;
  font-family: "Inter", system-ui, sans-serif;
}
.brand-line { font-size: 0.58rem; letter-spacing: 0.45em; text-indent: 0.45em; }
.brand-sub { font-size: 0.42rem; letter-spacing: 0.35em; text-indent: 0.35em; margin-top: 0.15rem; opacity: 0.85; }

/* Wiki – typografie obsahu stránky.
   Tailwind resetuje značky na holý text, takže nadpisy, seznamy a tabulky
   potřebují styly zpátky. Stejná pravidla platí pro zobrazení i pro vnitřek
   editoru (.wiki-obsah je na obou), aby psaní vypadalo jako výsledek. */
.wiki-obsah { color: #292524; line-height: 1.65; }
.wiki-obsah > :first-child { margin-top: 0; }
.wiki-obsah h1 { font-size: 1.6rem; font-weight: 600; margin: 1.6rem 0 0.6rem; }
.wiki-obsah h2 { font-size: 1.3rem; font-weight: 600; margin: 1.5rem 0 0.5rem; }
.wiki-obsah h3 { font-size: 1.1rem; font-weight: 600; margin: 1.2rem 0 0.4rem; }
.wiki-obsah h4 { font-size: 1rem; font-weight: 600; margin: 1rem 0 0.3rem; }
.wiki-obsah p { margin: 0.7rem 0; }
.wiki-obsah ul { list-style: disc; padding-left: 1.4rem; margin: 0.7rem 0; }
.wiki-obsah ol { list-style: decimal; padding-left: 1.6rem; margin: 0.7rem 0; }
.wiki-obsah li { margin: 0.25rem 0; }
.wiki-obsah li > ul, .wiki-obsah li > ol { margin: 0.25rem 0; }
.wiki-obsah a { color: #1c1917; text-decoration: underline; }
.wiki-obsah strong, .wiki-obsah b { font-weight: 600; }
.wiki-obsah blockquote { border-left: 3px solid #d6d3d1; padding-left: 0.9rem; color: #57534e; margin: 0.9rem 0; }
.wiki-obsah pre { background: #f5f5f4; border: 1px solid #e7e5e4; border-radius: 0.375rem;
                  padding: 0.75rem 0.9rem; overflow-x: auto; font-size: 0.85rem; margin: 0.9rem 0; }
.wiki-obsah code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.875em; }
.wiki-obsah :not(pre) > code { background: #f5f5f4; border-radius: 0.25rem; padding: 0.1rem 0.3rem; }
.wiki-obsah hr { border: 0; border-top: 1px solid #e7e5e4; margin: 1.4rem 0; }
.wiki-obsah img { max-width: 100%; height: auto; border-radius: 0.375rem; margin: 0.6rem 0; }
.wiki-obsah table { border-collapse: collapse; width: 100%; margin: 0.9rem 0; font-size: 0.9rem; }
.wiki-obsah th, .wiki-obsah td { border: 1px solid #d6d3d1; padding: 0.4rem 0.6rem; text-align: left;
                                 vertical-align: top; }
.wiki-obsah th { background: #fafaf9; font-weight: 600; }

/* Editor: aktivní buňka tabulky a úchyt pro změnu šířky sloupce. */
.wiki-obsah .selectedCell { background: #eef2ff; }
.wiki-obsah .column-resize-handle { background: #78716c; width: 2px; position: absolute;
                                    right: -1px; top: 0; bottom: 0; pointer-events: none; }
.wiki-obsah .ProseMirror-gapcursor { display: none; }
.wiki-obsah:focus { outline: none; }