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


.outfit {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto; 
  font-style: normal;
}

*{
  font-family: Outfit, sans-serif;
  font-optical-sizing: auto;
}

.ag-input-field-input {
    @apply pl-6 dark:bg-transparent;
}

.ag-root-wrapper {
    @apply rounded-none;
}

/* Fix for bullet points not showing */
.ProseMirror ul {
  list-style-type: disc !important;
  padding-left: 1.5em !important;
  margin: 1em 0 !important;
}

.ProseMirror ul li {
  margin-bottom: 0.5em !important;
  display: list-item !important;
}

/* Remove unwanted outline */
.ProseMirror {
  outline: none !important;
  min-height: 100px;
}
 
/* In your global CSS file */
.tiptap-content h1 {
  @apply text-2xl font-bold mb-4;
}

.tiptap-content p {
  @apply mb-4 text-gray-800 dark:text-white;
}

.tiptap-content ul {
  @apply list-disc pl-5 mb-4;
}

.tiptap-content a {
  @apply text-blue-600 underline;
}

.job-content h1 {
  @apply text-2xl font-bold mb-4;
}

.job-content p {
  @apply mb-4 text-gray-300 dark:text-white;
}

.job-content ul {
  @apply list-disc pl-5 mb-4;
}

.job-content a {
  @apply text-blue-600 underline;
}

@media print {
  body * {
    visibility: hidden;
  }
  
  .printable-area, 
  .printable-area * {
    visibility: visible;
  }
  
  .printable-area {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 15px;
  }
}

/* PDF specific styles - these ensure proper page breaks */
.pdf-page-break {
  page-break-after: always;
}

/* Ensure images are properly loaded in PDFs */
.pdf-img {
  max-width: 100%;
  height: auto;
}

/* Make links visible in PDF */
.pdf-link {
  color: #0066cc !important;
  text-decoration: underline !important;
}