/* ============================================
   RhondaJ Creative Hub — Brand Styles
   Primary:    #3D5A3E  (deep forest green)
   Accent:     #C49A3C  (warm gold)
   Sage light: #D8DECB
   Sage dark:  #85954F
   Cream:      #F5F0E8
   ============================================ */

/* --- Prose / rich text --- */
.prose p { margin-bottom: 1em; }
.prose h2 { font-size: 1.25rem; font-weight: 700; margin: 1.5em 0 0.5em; color: #3D5A3E; }
.prose h3 { font-size: 1.1rem; font-weight: 600; margin: 1.25em 0 0.4em; color: #3D5A3E; }
.prose ul { list-style: disc; padding-left: 1.5em; margin-bottom: 1em; }
.prose ol { list-style: decimal; padding-left: 1.5em; margin-bottom: 1em; }
.prose a { color: #3D5A3E; text-decoration: underline; }
.prose code { background: #f3f4f6; padding: 0.1em 0.4em; border-radius: 4px; font-size: 0.875em; }

/* --- Line clamp --- */
.line-clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.line-clamp-3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }

/* --- Scrollbar --- */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #D8DECB; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #85954F; }

/* --- Like button --- */
.like-btn.liked svg { fill: #ef4444; stroke: #ef4444; }
.like-btn.liked { color: #ef4444; }

/* --- Tier badges --- */
.badge-free  { background: #f3f4f6; color: #6b7280; }
.badge-basic { background: #D8DECB; color: #3D5A3E; }
.badge-pro   { background: #3D5A3E; color: #fff; }

/* --- Gold accent elements --- */
.gold-text { color: #C49A3C; }
.gold-bg   { background: #C49A3C; }
.gold-border { border-color: #C49A3C; }

/* --- Cream background for guest pages --- */
.bg-cream { background-color: #F5F0E8; }

/* --- Primary color utilities (forest green #3D5A3E) --- */
.bg-primary         { background-color: #3D5A3E; }
.bg-primary:hover   { background-color: #2e4430; }
.text-primary       { color: #3D5A3E; }
.border-primary     { border-color: #3D5A3E; }
.ring-primary       { --tw-ring-color: #3D5A3E; }
.focus\:ring-primary:focus { --tw-ring-color: #3D5A3E; }
.hover\:bg-primary:hover   { background-color: #3D5A3E; }
.hover\:text-primary:hover { color: #3D5A3E; }

/* --- Sidebar font size --- */
.main-sidebar, .main-sidebar * { font-size: 0.8125rem; }
.right-sidebar-desktop, .right-sidebar-desktop * { font-size: 0.8125rem; }
.right-sidebar-mobile, .right-sidebar-mobile * { font-size: 0.8125rem; }

/* --- Rich text post content (Quill output) --- */
.ql-content { font-size: 1.0625rem; line-height: 1.8; color: #374151; font-family: 'Poppins', sans-serif; }
.ql-content p { margin-bottom: 0.6em; }
.ql-content p:last-child { margin-bottom: 0; }
.ql-content ul { list-style: disc; padding-left: 1.5em; margin-bottom: 0.75em; }
.ql-content ol { list-style: decimal; padding-left: 1.5em; margin-bottom: 0.75em; }
.ql-content li { margin-bottom: 0.2em; }
.ql-content strong { font-weight: 600; }
.ql-content em { font-style: italic; }
.ql-content u { text-decoration: underline; }
.ql-content s { text-decoration: line-through; }
.ql-content a { color: #3D5A3E; text-decoration: underline; }
.ql-content h1 { font-size: 1.4rem; font-weight: 700; margin: 0.75em 0 0.3em; }
.ql-content h2 { font-size: 1.2rem; font-weight: 700; margin: 0.75em 0 0.3em; }
.ql-content h3 { font-size: 1.05rem; font-weight: 600; margin: 0.5em 0 0.2em; }
.ql-content blockquote { border-left: 3px solid #D8DECB; padding-left: 1em; color: #6b7280; font-style: italic; margin: 0.75em 0; }
.ql-content pre { background: #f3f4f6; padding: 0.75em 1em; border-radius: 6px; font-size: 0.875em; overflow-x: auto; margin: 0.75em 0; }

/* --- Post title size --- */
.post-title { font-size: 1.1rem; font-weight: 700; line-height: 1.3; color: #3D5A3E; font-family: 'Poppins', sans-serif; }