/* Google Fonts Import (Noto Sans Thai) */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@300;400;500;600;700&display=swap');

body {
    font-family: 'Noto Sans Thai', sans-serif;
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track {
    background: #f1f1f1; 
}
::-webkit-scrollbar-thumb {
    background: #888; 
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #16a34a; /* green-600 */
}

/* Animations */
@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-fade-in-down {
    animation: fadeInDown 0.5s ease-out;
}

/* Quill Editor Fixes for Tailwind reset */
.ql-editor {
    min-height: 200px;
    font-family: 'Noto Sans Thai', sans-serif;
}
.ql-editor h1 { font-size: 2em; font-weight: bold; margin-bottom: 0.5em; }
.ql-editor h2 { font-size: 1.5em; font-weight: bold; margin-bottom: 0.5em; }
.ql-editor p { margin-bottom: 1em; }
.ql-editor ul { list-style-type: disc; padding-left: 1.5em; margin-bottom: 1em; }
.ql-editor ol { list-style-type: decimal; padding-left: 1.5em; margin-bottom: 1em; }
.ql-editor blockquote { border-left: 4px solid #ccc; padding-left: 1em; font-style: italic; }

/* Article Body Styles (Frontend) */
.article-body h1 { font-size: 1.875rem; font-weight: 700; color: #111827; margin-top: 1.5em; margin-bottom: 0.5em; }
.article-body h2 { font-size: 1.5rem; font-weight: 600; color: #1f2937; margin-top: 1.5em; margin-bottom: 0.5em; }
.article-body p { margin-bottom: 1.25em; line-height: 1.8; color: #374151; }
.article-body ul { list-style-type: disc; padding-left: 1.5em; margin-bottom: 1.25em; }
.article-body ol { list-style-type: decimal; padding-left: 1.5em; margin-bottom: 1.25em; }
.article-body img { border-radius: 0.5rem; margin: 1.5em 0; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); }