/* Nadpisanie stylów bazowych Tailwind dla klas prose */

/* Ogólne nadpisanie dla całego kontenera */
.custom-prose {
  /* Wersja !important jest konieczna, aby nadpisać style @layer base */
  color: #333 !important;
}

/* Nagłówki - wspólne style */
.custom-prose h1,
.custom-prose h2,
.custom-prose h3,
.custom-prose h4,
.custom-prose h5,
.custom-prose h6 {
  color: #1a202c !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  border-color: currentColor !important;
}

/* Nagłówki - rozmiary */
.custom-prose h1 {
  font-size: 2.5rem !important;
  margin-top: 0 !important;
  margin-bottom: 1rem !important;
}

.custom-prose h2 {
  font-size: 1.875rem !important;
  margin-top: 2.5rem !important;
  margin-bottom: 1rem !important;
}

.custom-prose h3 {
  font-size: 1.25rem !important;
  margin-top: 2rem !important;
  margin-bottom: 0.75rem !important;
}

.custom-prose h4 {
  font-size: 1.125rem !important;
  margin-top: 1.5rem !important;
  margin-bottom: 0.5rem !important;
}

.custom-prose h5,
.custom-prose h6 {
  font-size: 1rem !important;
  margin-top: 1.5rem !important;
  margin-bottom: 0.5rem !important;
}


/* Paragrafy */
.custom-prose p {
  margin-bottom: 1.25em !important;
  line-height: 1.7 !important;
  border-color: currentColor !important;
}

/* Listy */
.custom-prose ul,
.custom-prose ol {
  margin-top: 1.25em !important;
  margin-bottom: 1.25em !important;
  border-color: currentColor !important;
  list-style-type: disc !important;
  list-style-position: inside !important;
}

.custom-prose li {
  margin-top: 0.5em !important;
  margin-bottom: 0.5em !important;
  border-color: currentColor !important;
}

/* Linki */
.custom-prose a {
  color: #3182ce !important;
  text-decoration: underline !important;
  font-weight: 500 !important;
  border-color: currentColor !important;
}

/* Tabele */
.custom-prose table {
  width: 100% !important;
  border-collapse: collapse !important;
  margin-top: 2em !important;
  margin-bottom: 2em !important;
  border-color: #e2e8f0 !important;
}

.custom-prose thead {
  background-color: #f7fafc !important;
  border-color: #e2e8f0 !important;
}

.custom-prose th {
  padding: 0.75em 1em !important;
  text-align: left !important;
  font-weight: 600 !important;
  border-color: #e2e8f0 !important;
  border-bottom-width: 2px !important;
}

.custom-prose td {
  padding: 0.75em 1em !important;
  border-color: #e2e8f0 !important;
  border-bottom-width: 1px !important;
}

/* Cytaty */
.custom-prose blockquote {
  font-style: italic !important;
  border-left-width: 4px !important;
  border-left-color: #e2e8f0 !important;
  padding-left: 1.5em !important;
  margin-top: 1.5em !important;
  margin-bottom: 1.5em !important;
  color: #4a5568 !important;
}

/* Kod */
.custom-prose code {
  color: #1a202c !important;
  font-weight: 600 !important;
  background-color: #f7fafc !important;
  padding: 0.2em 0.4em !important;
  border-radius: 0.25em !important;
  font-size: 0.9em !important;
  border-color: currentColor !important;
}

.custom-prose pre {
  background-color: #2d3748 !important;
  color: #e2e8f0 !important;
  overflow-x: auto !important;
  padding: 1.25em !important;
  border-radius: 0.375em !important;
  margin-top: 1.5em !important;
  margin-bottom: 1.5em !important;
  border-color: currentColor !important;
}

.custom-prose pre code {
  background-color: transparent !important;
  color: inherit !important;
  font-weight: inherit !important;
  padding: 0 !important;
  border-color: currentColor !important;
}

/* Obrazy */
.custom-prose img {
  margin-top: 2em !important;
  margin-bottom: 2em !important;
  border-radius: 0.375em !important;
  border-color: currentColor !important;
}

/* Pozioma linia */
.custom-prose hr {
  margin-top: 3em !important;
  margin-bottom: 3em !important;
  border-color: #e2e8f0 !important;
}