/* atheer-article-patch-v2 */
/* متوافق مع الستايل الحالي: frontend-shell / glass / blog-grid / editor-content */

body.frontend-shell .editor-content,
body.frontend-shell .article-content,
body.frontend-shell .post-content,
body.frontend-shell .entry-content,
body.frontend-shell .prose,
body.frontend-shell .single-article,
body.frontend-shell .single-post,
body.frontend-shell .knowledge-article,
body.frontend-shell .blog-article {
  color:#111827 !important;
}

body.frontend-shell .editor-content p,
body.frontend-shell .article-content p,
body.frontend-shell .post-content p,
body.frontend-shell .entry-content p,
body.frontend-shell .prose p,
body.frontend-shell .single-article p,
body.frontend-shell .single-post p {
  color:#111827 !important;
  line-height:2.15;
  margin:0 0 1rem;
}

body.frontend-shell .editor-content h1,
body.frontend-shell .editor-content h2,
body.frontend-shell .editor-content h3,
body.frontend-shell .editor-content h4,
body.frontend-shell .article-content h1,
body.frontend-shell .article-content h2,
body.frontend-shell .article-content h3,
body.frontend-shell .article-content h4,
body.frontend-shell .post-content h1,
body.frontend-shell .post-content h2,
body.frontend-shell .post-content h3,
body.frontend-shell .post-content h4,
body.frontend-shell .entry-content h1,
body.frontend-shell .entry-content h2,
body.frontend-shell .entry-content h3,
body.frontend-shell .entry-content h4 {
  color:#0f172a !important;
  line-height:1.35;
  margin:1.3rem 0 .8rem;
}

body.frontend-shell .editor-content ul,
body.frontend-shell .editor-content ol,
body.frontend-shell .article-content ul,
body.frontend-shell .article-content ol,
body.frontend-shell .post-content ul,
body.frontend-shell .post-content ol,
body.frontend-shell .entry-content ul,
body.frontend-shell .entry-content ol {
  color:#111827 !important;
  line-height:2.05;
  padding-right:1.35rem;
  margin:0 0 1rem;
}

body.frontend-shell .editor-content li,
body.frontend-shell .article-content li,
body.frontend-shell .post-content li,
body.frontend-shell .entry-content li {
  color:#111827 !important;
  margin-bottom:.35rem;
}

body.frontend-shell .editor-content a,
body.frontend-shell .article-content a,
body.frontend-shell .post-content a,
body.frontend-shell .entry-content a {
  color:#4f46e5 !important;
  text-decoration:none;
  font-weight:700;
}
body.frontend-shell .editor-content a:hover,
body.frontend-shell .article-content a:hover,
body.frontend-shell .post-content a:hover,
body.frontend-shell .entry-content a:hover {
  text-decoration:underline;
}

body.frontend-shell .editor-content blockquote,
body.frontend-shell .article-content blockquote,
body.frontend-shell .post-content blockquote,
body.frontend-shell .entry-content blockquote {
  margin:1.2rem 0;
  padding:1rem 1.1rem;
  border-right:4px solid rgba(79,70,229,.42);
  background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(245,247,255,.9));
  border-radius:1rem;
  color:#334155 !important;
}

body.frontend-shell .editor-content img,
body.frontend-shell .article-content img,
body.frontend-shell .post-content img,
body.frontend-shell .entry-content img {
  border-radius:1.2rem;
  box-shadow:0 18px 45px rgba(57,72,112,.12);
  margin:1rem 0;
}

body.frontend-shell .editor-content table,
body.frontend-shell .article-content table,
body.frontend-shell .post-content table,
body.frontend-shell .entry-content table {
  width:100%;
  overflow:hidden;
  border-collapse:separate;
  border-spacing:0;
  border:1px solid rgba(203,213,225,.88);
  border-radius:1rem;
  background:#fff;
}
body.frontend-shell .editor-content th,
body.frontend-shell .editor-content td,
body.frontend-shell .article-content th,
body.frontend-shell .article-content td,
body.frontend-shell .post-content th,
body.frontend-shell .post-content td,
body.frontend-shell .entry-content th,
body.frontend-shell .entry-content td {
  color:#1f2937 !important;
  border-bottom:1px solid rgba(226,232,240,.92);
  padding:.85rem 1rem;
  text-align:right;
}
body.frontend-shell .editor-content th,
body.frontend-shell .article-content th,
body.frontend-shell .post-content th,
body.frontend-shell .entry-content th {
  background:#f8fafc;
  font-weight:800;
}

/* تحسين عرض بطاقات المقالات والأرشيف */
body.frontend-shell .blog-grid,
body.frontend-shell .posts-grid,
body.frontend-shell .articles-grid,
body.frontend-shell .archive-grid {
  align-items:stretch;
}

body.frontend-shell .blog-card,
body.frontend-shell .post-card,
body.frontend-shell .article-card,
body.frontend-shell .knowledge-card,
body.frontend-shell .archive-card {
  position:relative;
  display:flex;
  flex-direction:column;
  min-height:100%;
  border-radius:1.8rem;
  overflow:hidden;
  background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(255,255,255,.86));
  border:1px solid rgba(203,213,225,.72);
  box-shadow:0 18px 48px rgba(57,72,112,.08),0 1px 0 rgba(255,255,255,.95) inset;
  transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}
body.frontend-shell .blog-card:hover,
body.frontend-shell .post-card:hover,
body.frontend-shell .article-card:hover,
body.frontend-shell .knowledge-card:hover,
body.frontend-shell .archive-card:hover {
  transform:translateY(-6px);
  box-shadow:0 24px 64px rgba(57,72,112,.14);
  border-color:rgba(165,180,252,.9);
}

body.frontend-shell .blog-card .cover,
body.frontend-shell .post-card .cover,
body.frontend-shell .article-card .cover,
body.frontend-shell .knowledge-card .cover,
body.frontend-shell .archive-card .cover,
body.frontend-shell .blog-card .thumb,
body.frontend-shell .post-card .thumb,
body.frontend-shell .article-card .thumb,
body.frontend-shell .knowledge-card .thumb,
body.frontend-shell .archive-card .thumb,
body.frontend-shell .blog-card img:first-child,
body.frontend-shell .post-card img:first-child,
body.frontend-shell .article-card img:first-child,
body.frontend-shell .knowledge-card img:first-child,
body.frontend-shell .archive-card img:first-child {
  width:100%;
  aspect-ratio:16/10;
  object-fit:cover;
  display:block;
}

body.frontend-shell .blog-card .content,
body.frontend-shell .post-card .content,
body.frontend-shell .article-card .content,
body.frontend-shell .knowledge-card .content,
body.frontend-shell .archive-card .content,
body.frontend-shell .blog-card .card-body,
body.frontend-shell .post-card .card-body,
body.frontend-shell .article-card .card-body,
body.frontend-shell .knowledge-card .card-body,
body.frontend-shell .archive-card .card-body {
  padding:1.15rem 1.15rem 1.25rem;
  display:flex;
  flex-direction:column;
  flex:1 1 auto;
}

body.frontend-shell .blog-card h3,
body.frontend-shell .post-card h3,
body.frontend-shell .article-card h3,
body.frontend-shell .knowledge-card h3,
body.frontend-shell .archive-card h3,
body.frontend-shell .blog-card h2,
body.frontend-shell .post-card h2,
body.frontend-shell .article-card h2,
body.frontend-shell .knowledge-card h2,
body.frontend-shell .archive-card h2 {
  color:#0f172a !important;
  line-height:1.45;
  font-size:1.08rem;
  font-weight:900;
  margin:.35rem 0 .55rem;
}

body.frontend-shell .blog-card p,
body.frontend-shell .post-card p,
body.frontend-shell .article-card p,
body.frontend-shell .knowledge-card p,
body.frontend-shell .archive-card p,
body.frontend-shell .blog-card .excerpt,
body.frontend-shell .post-card .excerpt,
body.frontend-shell .article-card .excerpt,
body.frontend-shell .knowledge-card .excerpt,
body.frontend-shell .archive-card .excerpt {
  color:#475569 !important;
  line-height:1.95;
  margin:0 0 .85rem;
}

body.frontend-shell .blog-card .meta,
body.frontend-shell .post-card .meta,
body.frontend-shell .article-card .meta,
body.frontend-shell .knowledge-card .meta,
body.frontend-shell .archive-card .meta,
body.frontend-shell .blog-card time,
body.frontend-shell .post-card time,
body.frontend-shell .article-card time,
body.frontend-shell .knowledge-card time,
body.frontend-shell .archive-card time {
  color:#64748b !important;
  font-size:.92rem;
}

body.frontend-shell .blog-card .read-more,
body.frontend-shell .post-card .read-more,
body.frontend-shell .article-card .read-more,
body.frontend-shell .knowledge-card .read-more,
body.frontend-shell .archive-card .read-more {
  margin-top:auto;
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  padding:.8rem 1rem;
  border-radius:999px;
  background:linear-gradient(135deg,#ffffff,#f5f7ff);
  border:1px solid rgba(203,213,225,.82);
  color:#334155 !important;
  font-weight:800;
  box-shadow:0 10px 24px rgba(57,72,112,.08);
}

body.frontend-shell .article-hero,
body.frontend-shell .post-hero,
body.frontend-shell .single-article-hero {
  border-radius:2rem;
  overflow:hidden;
  background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(255,255,255,.8));
  border:1px solid rgba(203,213,225,.7);
  box-shadow:0 18px 48px rgba(57,72,112,.08);
}

body.frontend-shell .article-shell,
body.frontend-shell .post-shell,
body.frontend-shell .single-article-shell {
  background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(255,255,255,.86));
  border:1px solid rgba(203,213,225,.72);
  box-shadow:0 18px 48px rgba(57,72,112,.08);
  border-radius:2rem;
}

@media (max-width: 767px){
  body.frontend-shell .blog-card,
  body.frontend-shell .post-card,
  body.frontend-shell .article-card,
  body.frontend-shell .knowledge-card,
  body.frontend-shell .archive-card {
    border-radius:1.35rem;
  }
  body.frontend-shell .blog-card .content,
  body.frontend-shell .post-card .content,
  body.frontend-shell .article-card .content,
  body.frontend-shell .knowledge-card .content,
  body.frontend-shell .archive-card .content,
  body.frontend-shell .blog-card .card-body,
  body.frontend-shell .post-card .card-body,
  body.frontend-shell .article-card .card-body,
  body.frontend-shell .knowledge-card .card-body,
  body.frontend-shell .archive-card .card-body {
    padding:1rem;
  }
}