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

.pagy {
  @apply flex space-x-1 font-semibold text-sm text-gray-500;
  a:not(.gap) {
    @apply block rounded-lg px-3 py-1 bg-gray-200;
    &:hover {
      @apply bg-gray-300;
    }
    &:not([href]) {
      @apply text-gray-300 bg-gray-100 cursor-default;
    }
    &.current {
      @apply text-white bg-gray-400;
    }
  }
  label {
    @apply inline-block whitespace-nowrap bg-gray-200 rounded-lg px-3 py-0.5;
    input {
      @apply bg-gray-100 border-none rounded-md;
    }
  }
}

trix-editor ul { list-style-type: disc !important; margin-left: 1rem !important; }
trix-editor ol { list-style-type: decimal !important; margin-left: 1rem !important; }
trix-editor a { text-decoration: underline; }

/* Apply styles to lists inside Trix editor content */
.trix-content ul, .trix-content ol {
  list-style-type: disc !important; /* Bullets for unordered lists */
  margin-left: 1rem !important; /* Add left margin to lists */
}

.trix-content li {
  margin-bottom: 0.5rem; /* Spacing between list items */
}

.trix-content a {
  text-decoration: underline !important; /* Underline links */
}

/* Ensure scrollbar is always shown (even on WebKit) */
.custom-scroll {
  scrollbar-width: auto;
  scrollbar-color: #cbd5e0 #f7fafc;
} .custom-scroll::-webkit-scrollbar {
  width: 8px;
} .custom-scroll::-webkit-scrollbar-track {
  background: transparent;
} .custom-scroll::-webkit-scrollbar-thumb {
  background-color: #cbd5e0;
  border-radius: 4px;
  border: 2px solid #f7fafc;
}
.custom-scroll-dark {
  scrollbar-width: auto;
  scrollbar-color: #4b5563 #1a202c;
} .custom-scroll-dark::-webkit-scrollbar {
  width: 8px;
} .custom-scroll-dark::-webkit-scrollbar-track {
  background: #1a202c;
} .custom-scroll-dark::-webkit-scrollbar-thumb {
  background-color: #4b5563;
  border-radius: 4px;
  border: 2px solid #1a202c;
}

/* Hidden scrollbar */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* Sortable.js ghost preview */
.ghost-item {
  opacity: 0.5;
  background: #e0e7ff;
  border: 2px dashed #6366f1;
}
/* Sortable.js nested bump */
.quote-item-nested .quote-item-description {
  @apply pl-8;
}
/* - pretty hover styling */
.quote-item-item {
  @apply bg-white hover:bg-gray-50;
}
.quote-item-nested .quote-item-item {
  @apply bg-gray-50 hover:bg-gray-100;
}
.quote-item-item:has(.quote-item-nested .quote-item-item) {
  @apply hover:bg-gray-100 border-none;
}
.quote-item-item:has(.quote-item-nested .quote-item-item:hover) {
  @apply hover:bg-white;
}

/* Hides input symbols (form) */
@layer utilities {
  .no-spinner::-webkit-inner-spin-button,
  .no-spinner::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  .no-spinner {
    -moz-appearance: textfield;
    appearance: textfield; }
  .no-arrow {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: none;
    background-image: none; }
}

/*

@layer components {
  .btn-primary {
    @apply py-2 px-4 bg-blue-200;
  }
}

*/