/* ===== Mexemy Blog ===== */
.mxm-blog, .mxm-single { background:#f8f7fb; color:#1c1c2e; }

/* Blog hero */
.mxm-blog-hero { background:linear-gradient(135deg,#6a3bd9 0%,#a855f7 100%); color:#fff; padding:70px 20px 90px; text-align:center; }
.mxm-blog-hero__inner { max-width:780px; margin:0 auto; }
.mxm-blog-hero__eb { display:inline-block; background:rgba(255,255,255,.18); padding:6px 16px; border-radius:99px; font-size:13px; font-weight:600; margin-bottom:14px; }
.mxm-blog-hero__title { font-size:clamp(28px,4vw,44px); margin:0 0 14px; font-weight:800; line-height:1.2; }
.mxm-blog-hero__sub { font-size:16px; opacity:.92; margin:0; line-height:1.6; }

/* Blog grid */
.mxm-blog-wrap { padding:48px 20px 72px; }
.mxm-blog-container { max-width:1200px; margin:0 auto; }
.mxm-blog-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(320px,1fr)); gap:28px; }

.mxm-blog-card { background:#fff; border-radius:16px; overflow:hidden; box-shadow:0 4px 18px rgba(106,59,217,.07); transition:transform .25s, box-shadow .25s; display:flex; flex-direction:column; }
.mxm-blog-card:hover { transform:translateY(-6px); box-shadow:0 14px 36px rgba(106,59,217,.15); }
.mxm-blog-card__thumb { position:relative; display:block; aspect-ratio:16/10; overflow:hidden; }
.mxm-blog-card__thumb img { width:100%; height:100%; object-fit:cover; transition:transform .35s; }
.mxm-blog-card:hover .mxm-blog-card__thumb img { transform:scale(1.05); }
.mxm-blog-card__cat { position:absolute; top:12px; left:12px; background:rgba(106,59,217,.95); color:#fff; padding:5px 12px; border-radius:99px; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.5px; }
.mxm-blog-card__body { padding:20px 22px 22px; display:flex; flex-direction:column; flex:1; }
.mxm-blog-card__meta { display:flex; gap:14px; font-size:12px; color:#777; margin-bottom:10px; }
.mxm-blog-card__title { font-size:19px; line-height:1.35; margin:0 0 10px; font-weight:700; }
.mxm-blog-card__title a { color:#1c1c2e; text-decoration:none; }
.mxm-blog-card__title a:hover { color:#6a3bd9; }
.mxm-blog-card__excerpt { color:#555; font-size:14px; line-height:1.6; margin:0 0 16px; flex:1; }
.mxm-blog-card__foot { display:flex; justify-content:space-between; align-items:center; border-top:1px solid #eee; padding-top:14px; }
.mxm-blog-card__author { display:flex; align-items:center; gap:8px; font-size:13px; color:#555; }
.mxm-blog-card__avatar { border-radius:50%; }
.mxm-blog-card__more { color:#6a3bd9; font-weight:600; font-size:13px; text-decoration:none; }
.mxm-blog-card__more:hover { color:#a855f7; }

/* Pagination */
.mxm-blog-pagination { margin-top:48px; display:flex; justify-content:center; gap:8px; flex-wrap:wrap; }
.mxm-blog-pagination .page-numbers { display:inline-flex; align-items:center; justify-content:center; min-width:42px; height:42px; padding:0 14px; border-radius:10px; background:#fff; color:#1c1c2e; font-weight:600; text-decoration:none; border:1px solid #e6e2f1; transition:all .2s; }
.mxm-blog-pagination .page-numbers:hover { background:#6a3bd9; color:#fff; border-color:#6a3bd9; }
.mxm-blog-pagination .page-numbers.current { background:linear-gradient(135deg,#6a3bd9,#a855f7); color:#fff; border-color:transparent; }
.mxm-blog-pagination .page-numbers.dots { background:transparent; border:none; }

.mxm-blog-empty { text-align:center; padding:60px 20px; }
.mxm-blog-empty h2 { font-size:24px; margin:0 0 10px; }
.mxm-btn { display:inline-block; background:linear-gradient(135deg,#6a3bd9,#a855f7); color:#fff; padding:12px 26px; border-radius:99px; text-decoration:none; font-weight:600; margin-top:16px; }

/* ===== Single Post ===== */
.mxm-single-hero { background:linear-gradient(135deg,#6a3bd9 0%,#a855f7 100%); color:#fff; padding:48px 20px 56px; }
.mxm-single-hero__inner { max-width:820px; margin:0 auto; text-align:center; }
.mxm-single-crumbs { display:flex; gap:8px; align-items:center; justify-content:center; font-size:13px; opacity:.88; margin-bottom:16px; flex-wrap:wrap; }
.mxm-single-crumbs a { color:#fff; text-decoration:none; }
.mxm-single-crumbs a:hover { text-decoration:underline; }
.mxm-single-cat { display:inline-block; background:rgba(255,255,255,.2); color:#fff; padding:5px 14px; border-radius:99px; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.5px; text-decoration:none; margin-bottom:14px; }
.mxm-single-title { font-size:clamp(26px,4vw,40px); margin:0 0 20px; font-weight:800; line-height:1.25; }
.mxm-single-meta { display:flex; gap:18px; justify-content:center; flex-wrap:wrap; font-size:14px; opacity:.95; }
.mxm-single-author { display:flex; align-items:center; gap:8px; }
.mxm-single-avatar { border-radius:50%; border:2px solid rgba(255,255,255,.5); }

.mxm-single-cover { max-width:980px; margin:-32px auto 0; padding:0 20px; }
.mxm-single-cover__img { width:100%; height:auto; border-radius:18px; box-shadow:0 18px 50px rgba(106,59,217,.18); display:block; }

.mxm-single-body { padding:40px 20px 60px; }
.mxm-single-container { max-width:760px; margin:0 auto; }
.mxm-single-content { background:#fff; padding:36px 38px; border-radius:16px; box-shadow:0 4px 18px rgba(106,59,217,.06); font-size:17px; line-height:1.8; color:#2a2a3e; }
.mxm-single-content h2 { font-size:26px; margin:32px 0 14px; color:#1c1c2e; }
.mxm-single-content h3 { font-size:21px; margin:26px 0 12px; }
.mxm-single-content p { margin:0 0 18px; }
.mxm-single-content a { color:#6a3bd9; }
.mxm-single-content img { max-width:100%; height:auto; border-radius:10px; }
.mxm-single-content blockquote { border-left:4px solid #6a3bd9; background:#f3eefe; padding:14px 20px; margin:20px 0; border-radius:0 10px 10px 0; }
.mxm-single-content ul, .mxm-single-content ol { padding-left:24px; margin:0 0 18px; }

.mxm-single-tags { margin-top:24px; padding:16px 20px; background:#fff; border-radius:12px; }
.mxm-single-tags a { color:#6a3bd9; margin:0 6px; text-decoration:none; font-size:14px; }

.mxm-single-share { margin-top:18px; padding:16px 20px; background:#fff; border-radius:12px; display:flex; gap:12px; align-items:center; flex-wrap:wrap; }
.mxm-single-share a { background:#f3eefe; color:#6a3bd9; padding:6px 14px; border-radius:99px; text-decoration:none; font-size:13px; font-weight:600; transition:all .2s; }
.mxm-single-share a:hover { background:#6a3bd9; color:#fff; }

.mxm-single-nav { margin-top:30px; display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.mxm-single-nav a { display:block; background:#fff; padding:16px 18px; border-radius:12px; color:#1c1c2e; text-decoration:none; font-weight:600; box-shadow:0 2px 10px rgba(106,59,217,.06); transition:all .2s; }
.mxm-single-nav a:hover { background:#6a3bd9; color:#fff; }
.mxm-single-nav__next { text-align:right; }

.mxm-related { margin-top:50px; }
.mxm-related__title { font-size:24px; margin:0 0 20px; }
.mxm-related__grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:18px; }
.mxm-related__card { background:#fff; border-radius:12px; overflow:hidden; text-decoration:none; color:#1c1c2e; box-shadow:0 4px 14px rgba(106,59,217,.06); transition:transform .2s; }
.mxm-related__card:hover { transform:translateY(-4px); }
.mxm-related__card img { width:100%; aspect-ratio:16/10; object-fit:cover; }
.mxm-related__body { padding:14px 16px; }
.mxm-related__date { font-size:11px; color:#888; }
.mxm-related__card h3 { font-size:15px; margin:6px 0 0; line-height:1.4; }

.mxm-single-comments { margin-top:40px; background:#fff; padding:28px; border-radius:14px; }

@media (max-width:640px) {
	.mxm-blog-hero { padding:48px 16px 64px; }
	.mxm-single-content { padding:24px 20px; font-size:16px; }
	.mxm-single-nav { grid-template-columns:1fr; }
	.mxm-single-nav__next { text-align:left; }
}