/*
 * 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; }