/* Ported from TLCSQLiteFrontend/TLCDBTool/TLC.css (old WinForms/CefSharp app). */

/* traditional view */
.grid-container
{
  display: grid;
  grid-template-columns: repeat(13, 25px);
  column-gap: 6px;
  flex-direction: column-reverse;
}

.grid-container-column
{
  display: grid;
  grid-template-columns: 50px;
  grid-row-gap: 6px;

  background-image: url("../images/bambooSlip.jpg");
}

/* full text */
.heading-container
{
    display: flex;
    flex-direction: row;
    grid-template-columns: repeat(2, 1fr);
    justify-content: space-between;
}
.container
{
    display: flex;
    flex-direction: column;
    grid-template-columns: 1fr;
}

/* everything else */
body
{
    font-size: 1.25em;
}

/* additions for the Blazor port - the old app did this via JS (highlight_element,
   switchToView, toggle_ruby); here it's driven by component state + these classes.
   #LinearText's words/chars are plain inline elements (as in the original), wrapping
   naturally like text in a paragraph - no flex container needed. */
char, b
{
    cursor: default;
}

.linear-item
{
    margin-inline-start: 0.3em;
}

.highlighted
{
    background-color: red;
}

.hidden
{
    display: none;
}

/* mirrors the punctuation-adjacent whitespace cleanup in the old PreviewTextArea.cs */
.no-leading-gap
{
    margin-inline-start: 0;
}

.chinese-title
{
    margin-left: 0.5em;
    opacity: 0.75;
}