@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@200;300;400;500;600;700;800;900&display=swap');

@tailwind base;
@tailwind components;
@tailwind utilities;

/*### CUSTOM CSS ###################*/
/*--- font-face --------------------*/

@font-face {
  font-family: "verb-black";
  font-style: normal;
  font-weight: 400;
  src: url(/assets/yellow_design_studio_-_verbblack-webfont-e7ebed718429d46a9ffbb0a38075e991f831bc4e01eadc787ed70bde20f343dd.woff2) format('woff2'), url(/assets/yellow_design_studio_-_verbblack-webfont-11cf54c4320f772155d8000fa84650a02d2fe040b4777bfd488096863934fbbe.woff) format('woff')
}

@font-face {
  font-family: "jbm-regular";
  font-style: normal;
  font-weight: 400;
  src: url(/assets/JetBrainsMono-Regular-a55cbf8d4a7841f46240a337cf6e2993922f0476909f78a0b8a78ec667050ba6.woff2) format('woff2')
}

@font-face {
  font-family: "really-sans";
  font-style: normal;
  font-weight: 400;
  src: url(/assets/ReallySansLargeStudent-Ultra-149d49972a572e63898de3f00777e9624bdf15050d8d94609496b37106a561e5.woff2) format('woff2')
}

/*--- bug-fix -----------------------*/
.badge-info {
  @apply border-base-200 bg-base-100 text-base-content rounded-badge border;
  @apply bg-info text-info-content border-transparent;
}

/*--- custom -----------------------*/
.field_with_errors input{
  @apply input-warning;
}

.btn-normalize{
  @apply normal-case;
  @apply text-base;
  @apply p-2;
}

.btn-retro{
  @apply rounded-3xl;
  @apply border;
  @apply border-gray-800;
  @apply hover:border;
  @apply hover:border-gray-800;
  @apply hover:-translate-y-1;
  @apply hover:-translate-x-1;
  @apply hover:shadow-xl;
}

.btn-back{
  @apply bg-slate-300;
  @apply hover:bg-slate-300;
}

.btn-sub-current{
  @apply rounded-3xl;
  @apply bg-neutral-content;
  @apply border;
  @apply border-gray-800;
  @apply hover:bg-neutral-content;
  @apply hover:border-gray-800;
  @apply hover:-translate-y-1
}

.btn-sub{
  @apply rounded hover:-translate-y-1;
}

.flex-fix-50{
  @apply basis-1/2;
}

.input:disabled{
  @apply bg-neutral-content;
  @apply font-['jbm-regular'];
  @apply text-sm;
  cursor: default;
}

.select:disabled{
  @apply bg-neutral-content;
  @apply font-['jbm-regular'];
  @apply text-sm;
  background-image: none;
  cursor: default;
}

.btn:disabled {
  @apply bg-neutral-content;
  @apply border;
  @apply border-gray-800;
  @apply text-primary-content;
}

th>.truncate, td>.truncate{
  width: auto;
  min-width: 65px;
  max-width: 250px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}


/*--- pagy -----------------------*/
.pagy-nav.pagination {
  @apply isolate inline-flex -space-x-px rounded-md shadow-sm;
  @apply font-['jbm-regular'];
  @apply text-sm;
}

.page.next a {
  @apply relative inline-flex items-center rounded-r-md border border-gray-300 bg-white px-2 py-2 text-gray-500 hover:bg-gray-50 focus:z-20;
}

.page.prev a {
  @apply relative inline-flex items-center rounded-l-md border border-gray-300 bg-white px-2 py-2 text-gray-500 hover:bg-gray-50 focus:z-20;
}

.page.next.disabled {
  @apply relative inline-flex items-center rounded-r-md border border-gray-300 bg-slate-100 px-2 py-2 text-gray-500 hover:bg-gray-50 focus:z-20;
}

.page.prev.disabled {
  @apply relative inline-flex items-center rounded-l-md border border-gray-300 bg-slate-100 px-2 py-2  text-gray-500 hover:bg-gray-50 focus:z-20;
}

.page a, .page.gap {
  @apply bg-white border-gray-300 text-gray-500 hover:bg-gray-50 relative inline-flex items-center border px-4 py-2 focus:z-20;
}

.page.active {
  @apply z-10 border-indigo-500 bg-indigo-50 text-indigo-600 relative inline-flex items-center border px-4 py-2 focus:z-20;
}

/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */