/* ===== Single Article — post-like UI, clean, RTL-friendly ===== */

/* Design tokens (نفس المنتج لضمان الاتساق) */
:root{
  --brand:#6b74ff;
  --brand-2:#7a4be1;
  --accent:#22c55e;
  --danger:#ef4444;
  --text:#1f2937;
  --muted:#6b7280;
  --bg:#f6f7fb;
  --card:#ffffff;
  --radius:16px;
  --shadow:0 10px 30px rgba(15, 23, 42, .06);
}

html[dir="rtl"] .single-article-container,
body.rtl .single-article-container{ direction: rtl; }

/* Grid (نفس المنتج) */
.bein-single-article .post-container {
    display: grid;
    grid-template-columns: 1.15fr .85fr;
    gap: 32px;
    padding: 32px;
    background: var(--card);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
}

@media (max-width: 992px){
  .bein-single-article .post-container{ grid-template-columns:1fr; padding:22px; gap:22px; }
}

/* Breadcrumb (يتبع ستايل Woo) */
.single-article-container .breadcrumbs{
  color:#6b7280;
  margin: 10px 0 14px;
}
.single-article-container .breadcrumbs a{ color:#4b5563; text-decoration:none; }
.single-article-container .breadcrumbs a:hover{ color:var(--brand-2); }

/* Gallery (صورة المقال) */
.bein-single-article .post-gallery-section .post-images{
  background:#fbfbfd; border:1px solid #eef0f5;
  border-radius: calc(var(--radius) - 4px);
  padding:18px; min-height: 320px;
  display:flex; align-items:center; justify-content:center;
}
.bein-single-article .post-gallery-section img{
  width:100%; height:auto; object-fit:contain !important; border-radius:12px;
}
.bein-single-article .thumb-placeholder{ color:#9aa3af; }

/* Summary */
.bein-single-article .post-summary-section{ padding-block:4px; }
.bein-single-article .post-title-section{
  border-bottom:1px dashed #eceff3; padding-bottom:16px; margin-bottom:16px;
}
.bein-single-article .post_title{
  font-size: clamp(1.6rem, 2.2vw, 2.4rem);
  color:var(--text); font-weight:800; margin:0 0 10px;
}

/* Meta (تاريخ، مؤلف، وقت قراءة) */
.bein-single-article .post-meta{
  display:flex; flex-wrap:wrap; gap:8px; align-items:center;
  color:var(--muted); font-size:.95rem;
}
.bein-single-article .post-meta .meta-sep{ color:#c4c7cf; }

/* ملخص (excerpt) */
.bein-single-article .post-short-description{
  margin:18px 0 24px;
  background:#fbfbfd; border:1px solid #eef0f5; border-inline-start:4px solid var(--brand);
  color:#475569; line-height:1.8; padding:14px 16px; border-radius:12px;
}

/* أزرار عامة */
.bein-single-article .btn{
  display:inline-flex; align-items:center; gap:8px; cursor:pointer;
  border-radius:12px; padding:10px 14px; font-weight:800; text-decoration:none; border:1px solid transparent;
  transition:transform .12s ease, box-shadow .12s ease, background .12s ease, border-color .12s ease;
}
.bein-single-article .btn:focus-visible{ outline:2px solid #0000; box-shadow:0 0 0 3px rgba(107,116,255,.28); }
.bein-single-article .btn-primary{
  background: linear-gradient(135deg, var(--brand) 0%, var(--brand-2) 100%);
  color:#fff; box-shadow: 0 10px 22px rgba(107,116,255,.28);
}
.bein-single-article .btn-primary:hover{ transform:translateY(-1px); box-shadow:0 14px 28px rgba(107,116,255,.36); }
.bein-single-article .btn-secondary{
  background:#fff; border-color:#e5e7eb; color:#374151;
}
.bein-single-article .btn-secondary:hover{ background:#eef2ff; border-color:#c7d2fe; color:#111827; }

.bein-single-article .bein-share{
  background:#f8fafc; border:1px solid #e5e7eb; color:#374151;
}
.bein-single-article .bein-share:hover{ background:#eef2ff; border-color:#c7d2fe; }

/* Meta إضافي (كاتب/تصنيف) */
.bein-single-article .post-meta-section .post_meta{
  color:#475569; display:flex; flex-wrap:wrap; gap:10px; align-items:center;
}
.bein-single-article .post-meta-section .post_meta .posted_in a{ color:var(--brand-2); text-decoration:none; }
.bein-single-article .post-meta-section .post_meta .posted_in a:hover{ text-decoration:underline; }

/* تبويبات المحتوى (wl-tabs كما في المنتج) */
.post-tabs-section{
  background:var(--card); margin-top:18px; border-radius: var(--radius);
  box-shadow: var(--shadow); padding:22px;
}
.wl-tabs{ background:#fff; border:1px solid #eef0f5; border-radius:14px; box-shadow:0 8px 20px rgba(15,23,42,.06); }
.wl-tabs__nav{ display:flex; gap:8px; list-style:none; margin:0; padding:10px; border-bottom:1px solid #eef0f5; flex-wrap:wrap; }
.wl-tabs__link{
  display:inline-flex; align-items:center; gap:8px;
  padding:10px 14px; border-radius:10px; font-weight:800; color:#374151; text-decoration:none;
  background:#f8fafc; border:1px solid #e5e7eb; transition:.15s;
}
.wl-tabs__link:hover{ background:#eef2ff; border-color:#c7d2fe; }
.wl-tabs__link.is-active{ background:linear-gradient(135deg,#667eea,#7a4be1); color:#fff; border-color:transparent; }
.wl-tabs__panel{ display:none; padding:16px; }
.wl-tabs__panel.is-active{ display:block; }

/* نص المقال */
.bein-single-article .entry-content{
  color:#1f2937; line-height:1.85;
}
.bein-single-article .entry-content h2,
.bein-single-article .entry-content h3{
  color:#111827; font-weight:800; margin:16px 0 10px;
}
.bein-single-article .entry-content a{ color:var(--brand-2); text-decoration:underline; }
.bein-single-article .entry-content a:hover{ text-decoration:none; }

/* صندوق الكاتب */
.bein-single-article .author-box .author-name{ font-weight:800; color:#111827; }
.bein-single-article .author-box .author-bio{ color:#6b7280; }

/* “عودة للمدونة” + مشاركة */
.bein-single-article .trust-signals{
  display:flex; gap:10px; align-items:center; flex-wrap:wrap;
  margin-top:8px; padding:12px 14px; background:#fbfbfd; border:1px solid #eef0f5; border-radius:12px;
}

/* التعليقات (إعادة استخدام ستايل الريفيوز، مع سكوپ بسيط) */
#comments, .comments-area{
  background:#fff; border:1px solid #eef0f5; border-radius:14px; padding:16px;
  box-shadow:0 8px 20px rgba(15,23,42,.06);
}
.comments-area .comment-list{ list-style:none; padding:0; margin:0; display:grid; gap:12px; }
.comments-area .comment-body{
  background:#fbfbfd; border:1px solid #eef0f5; border-radius:12px; padding:12px;
}
.comments-area .comment-meta{ color:#6b7280; font-size:.92rem; margin-bottom:6px; }
.comments-area .comment-author{ font-weight:800; color:#111827; }
.comments-area .reply a{
  display:inline-flex; align-items:center; gap:6px; border-radius:10px; padding:6px 10px;
  background:#f8fafc; border:1px solid #e5e7eb; color:#374151; text-decoration:none; font-weight:700;
}
.comments-area .reply a:hover{ background:#eef2ff; border-color:#c7d2fe; }

/* نموذج التعليق */
.comment-respond .comment-reply-title{
  font-weight:800; color:#111827; margin:0 0 10px;
}
.comment-respond p{ margin:0 0 10px; }
.comment-respond input[type="text"],
.comment-respond input[type="email"],
.comment-respond textarea{
  width:100%; background:#f9fafb; border:1px solid #e5e7eb; border-radius:12px;
  padding:12px 14px; transition:border-color .15s ease, box-shadow .15s ease, background .15s ease;
}
.comment-respond textarea{ min-height:160px; resize:vertical; }
.comment-respond input:focus, .comment-respond textarea:focus{
  outline:0; background:#fff; border-color:#7a4be1; box-shadow:0 0 0 3px rgba(124,58,237,.12);
}
.comment-respond .form-submit .submit{
  width:100%; border:none; border-radius:12px; padding:12px 18px; cursor:pointer;
  background:linear-gradient(135deg,#667eea,#7a4be1); color:#fff; font-weight:800;
  box-shadow:0 10px 26px rgba(107,116,255,.28);
}
.comment-respond .form-submit .submit:hover{ transform:translateY(-1px); box-shadow:0 14px 30px rgba(107,116,255,.36); }

/* Related Posts (بنفس روح related posts) */
.bein-related{ margin-top: 28px; padding:0; }
.bein-related__head{
  display:flex; align-items:baseline; justify-content:space-between; gap:12px; margin-bottom:14px;
}
.bein-related__title{
  margin:0; font-size:clamp(1.2rem, 2vw, 1.6rem); font-weight:800; color:#1f2937;
}
.bein-related__sub{ margin:0; color:#6b7280; font-size:.95rem; }

.posts-grid{
  display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:18px;
}
@media (max-width: 992px){ .posts-grid{ grid-template-columns:repeat(2, minmax(0,1fr)); } }
@media (max-width: 560px){ .posts-grid{ grid-template-columns:1fr; } }

.post-card{
    background: #fff;
    border: 1px solid #eef0f5;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 6px 18px rgba(15, 23, 42, .06);
    transition: transform .12s ease, box-shadow .12s ease;
    display: flex;
    flex-direction: column;
    padding: 14px;
}

.post-card:hover{ 
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
    border-color: #667eea;
}

.post-card .thumb img {
    display: block;
    width: 100%;
    height: auto;
    background: #fbfbfd;
    border-radius: 16px;
}

.post-card:hover .post-card .thumb img {
    transform: scale(1.05);
}

.post-card .post-card-content{ padding:12px 14px; }
.post-card .post-title {
    margin: 0 0 15px 0;
    font-size: 1.4rem;
    font-weight: 700;
    color: #333;
}
.post-card .post-title a{ color:inherit; text-decoration:none; }
.post-card .post-title a:hover{ color:var(--brand-2); }
.post-card .view-details-link{
    display: block;
    text-align: center;
    color: #667eea;
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: 500;
    transition: color 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
.post-card .view-details-link:hover{ text-decoration:underline; }

/* Utilities */
.single-article-container .sr-hidden{
  position:absolute !important; width:1px !important; height:1px !important;
  padding:0 !important; margin:-1px !important; overflow:hidden !important;
  clip: rect(0 0 0 0) !important; white-space:nowrap !important; border:0 !important;
}

/* تخفيض الحركة */
@media (prefers-reduced-motion: reduce){
  .bein-single-article *{ transition:none !important; animation:none !important; }
}