@tailwind base;
@tailwind components;
@tailwind utilities;
@import '@fontsource/source-sans-pro';
@import '@fontsource/source-sans-pro/300';

* {
  -webkit-touch-callout: none;
}

html {
  // height: -webkit-fill-available;
  height: 100%;
  width: 100%;
}

body {
  // min-height: 100vh;
  // min-height: -webkit-fill-available;
  height: 100%;
  min-height: 100%;
  width: 100%;
  max-width: 100%;
  position: fixed;
  transform: translateZ(0);
  touch-action: manipulation;
  -webkit-user-drag: none;
  -ms-content-zooming: none;
  font-family: 'Source Sans Pro', sans-serif;
  // overflow-y: scroll;
  @apply flex flex-col bg-gray-100;
  #app {
    @apply absolute bottom-0 left-0 right-0 top-0 flex flex-grow flex-col overflow-hidden;
  }
}

p:not(:last-child) {
  @apply mb-2;
  margin-top: 0 !important;
}
p:last-child {
  @apply my-0;
}

.ck-body-wrapper {
  height: 0;
}

.ck-content {
  padding: 0 !important;
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  line-height: 2rem;
  a[data-contexted-link='true'] {
    @apply cursor-pointer font-semibold text-primary hover:bg-gray-200;
  }
  &.ck.ck-editor__editable_inline > * {
    margin: 0 !important;
  }
  ol,
  ul {
    @apply my-2 ps-8;
  }
  ol {
    @apply list-decimal;
  }
  ul {
    @apply list-disc;
  }
  h1,
  h2,
  h3,
  h4 {
    @apply font-semibold;
  }
  h1 {
    @apply text-3xl;
  }
  h2 {
    @apply text-2xl;
  }
  h3 {
    @apply text-xl;
  }
  h4 {
    @apply text-lg;
  }
}

:root {
  --safe-area-top: env(safe-area-inset-top);
  --safe-area-right: env(safe-area-inset-right);
  --safe-area-bottom: env(safe-area-inset-bottom);
  --safe-area-left: env(safe-area-inset-left);
}