/* public/css/post-content.css */
/* Overrides for Tailwind CSS resets to properly display rich text editor content */

.ck-content ul, .post-content ul {
    list-style-type: disc !important;
    padding-left: 1.5rem !important;
    margin-top: 0.5em !important;
    margin-bottom: 0.5em !important;
}

.ck-content ol, .post-content ol {
    list-style-type: decimal !important;
    padding-left: 1.5rem !important;
    margin-top: 0.5em !important;
    margin-bottom: 0.5em !important;
}

.ck-content li, .post-content li {
    margin-bottom: 0.25em !important;
}

.ck-content p, .post-content p {
    margin-bottom: 1em !important;
}

.ck-content h1, .post-content h1 {
    font-size: 2em !important;
    font-weight: bold !important;
    margin-bottom: 0.5em !important;
    margin-top: 1em !important;
    line-height: 1.2 !important;
}

.ck-content h2, .post-content h2 {
    font-size: 1.5em !important;
    font-weight: bold !important;
    margin-bottom: 0.5em !important;
    margin-top: 1em !important;
    line-height: 1.3 !important;
}

.ck-content h3, .post-content h3 {
    font-size: 1.17em !important;
    font-weight: bold !important;
    margin-bottom: 0.5em !important;
    margin-top: 1em !important;
}

.ck-content h4, .post-content h4 {
    font-size: 1em !important;
    font-weight: bold !important;
    margin-bottom: 0.5em !important;
    margin-top: 1em !important;
}

.ck-content blockquote, .post-content blockquote {
    border-left: 4px solid #cbd5e1 !important;
    padding-left: 1em !important;
    color: #475569 !important;
    font-style: italic !important;
    margin-top: 1em !important;
    margin-bottom: 1em !important;
}

.ck-content a, .post-content a {
    color: #2563eb !important;
    text-decoration: underline !important;
}

.ck-content strong, .ck-content b, .post-content strong, .post-content b {
    font-weight: 700 !important;
}

.ck-content em, .ck-content i, .post-content em, .post-content i {
    font-style: italic !important;
}

.ck-content table, .post-content table {
    width: 100% !important;
    border-collapse: collapse !important;
    margin-bottom: 1em !important;
}

.ck-content table th, .post-content table th,
.ck-content table td, .post-content table td {
    border: 1px solid #e2e8f0 !important;
    padding: 0.5rem !important;
}

.ck-content table th, .post-content table th {
    background-color: #f8fafc !important;
    font-weight: bold !important;
}