/* webroot/css/app.css */

/* Rich content */
.rich-content p { margin-bottom: 1rem; }
.rich-content strong { color: #155e30; font-weight: 700; }
.rich-content em { color: #6b7280; font-style: italic; }
.rich-content h2, .rich-content h3 { font-family: 'Montserrat', sans-serif; font-weight: 800; color: #1a8c3c; margin: 1.25rem 0 0.6rem; }
.rich-content ul, .rich-content ol { padding-left: 1.5rem; margin-bottom: 1rem; }
.rich-content li { margin-bottom: 0.4rem; }
.rich-content a { color: #1a8c3c; text-decoration: underline; }
.rich-content blockquote { border-left: 4px solid #F5C518; padding-left: 1rem; font-style: italic; color: #6b7280; margin: 1rem 0; }
.rich-content img { max-width: 100%; border-radius: 0.5rem; margin: 1rem auto; display: block; }

/* Animations scroll */
.fade-in-up { opacity: 0; transform: translateY(20px); animation: fadeInUp 0.6s ease forwards; }
@keyframes fadeInUp { to { opacity: 1; transform: translateY(0); } }

/* Article card hover */
.article-card { transition: transform 0.2s, box-shadow 0.2s; }
.article-card:hover { transform: translateY(-2px); }

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

/* Flash messages */
.message, .message-success { padding: 0.75rem 1rem; border-radius: 0.5rem; font-size: 0.875rem; font-weight: 600; margin-bottom: 0.5rem; border-left: 4px solid; }
.message-success { background: #f0fdf4; border-color: #16a34a; color: #15803d; }
.message-error   { background: #fff1f2; border-color: #dc2626; color: #b91c1c; padding: 0.75rem 1rem; border-radius: 0.5rem; font-size: 0.875rem; font-weight: 600; margin-bottom: 0.5rem; border-left: 4px solid; }

/* Scrollbar admin */
::-webkit-scrollbar { width: 5px; height: 5px; }
::-webkit-scrollbar-track { background: #f1f5f9; }
::-webkit-scrollbar-thumb { background: #1a8c3c; border-radius: 99px; }

/* Pagination CakePHP */
.pagination { display: flex; gap: 0.25rem; }