@import url('./main-layout.css');
@import url('./views/login-view.css');
@import url('./views/register-view.css');
@import url('./views/dashboard-view.css');
@import url('./views/master-detail-view.css');
@import url('./views/image-gallery-dialog.css');
@import url('./views/pos-view.css');
@import url('./views/edit-opening-hours-view.css');
@import url('./views/data-grid-view.css');    html {
      --lumo-size-xl: 3rem;
      --lumo-size-l: 2.5rem;
      --lumo-size-m: 2rem;
      --lumo-size-s: 1.75rem;
      --lumo-size-xs: 1.5rem;
      --lumo-space-xl: 1.875rem;
      --lumo-space-l: 1.25rem;
      --lumo-space-m: 0.625rem;
      --lumo-space-s: 0.3125rem;
      --lumo-space-xs: 0.1875rem;

    }

vaadin-grid::part(deleted) {
      background-color: var(--lumo-error-color-10pct);
      opacity: 0.7;
}

vaadin-grid::part(expired) {
      text-decoration: line-through;
      background-color: transparent;
      color: inherit;
      opacity: 0.7;
}

vaadin-grid::part(grayout) {
      opacity: 0.5;
}

.editor-image {
      width: 8em;
      height: 8em;
      border-radius: 12px;
      object-fit: cover;
}

.qr-image {
      width: 8em;
      height: 8em;
      border-radius: 12px;
      object-fit: contain;
}


vaadin-grid.wrap-header::part(header-cell) {
      white-space: normal;
      word-break: break-word;
}

.readonly-textarea {
      box-sizing: border-box;

      border: 1px dashed var(--lumo-contrast-30pct);
      border-radius: var(--lumo-border-radius-m);
      padding: var(--lumo-space-s);
      font-family: var(--lumo-font-family);
      font-size: var(--lumo-font-size-m);
      color: var(--lumo-body-text-color);


      min-height: 50px;
      max-height: 200px;
      overflow-y: auto;
}

.v-caption-multi-line-caption {
      .v-captiontext {
            white-space: pre-wrap;
      }
}

.meta-text {
    font-size: var(--lumo-font-size-s);
    color: var(--lumo-secondary-text-color);
    font-weight: 400;
    opacity: 0.9;
    margin-top: var(--lumo-space-xs);
}