/* =========================================================
   Detail / Single Post page enhancements
   (only affects the article detail page)
   ========================================================= */
:root{
  --detail-primary:#dc3545;
  --detail-primary-soft:#fff5f5;
  --detail-text:#444;
  --detail-heading:#222;
  --detail-card:#ffffff;
  --detail-border:#ececf1;
  --detail-soft-bg:#fafafc;
}

/* ---------- Article & comment cards ---------- */
.single-post-content{
  background:var(--detail-card);
  border:1px solid var(--detail-border);
  border-radius:16px;
  padding:36px;
  box-shadow:0 10px 40px rgba(17,17,26,.06);
}
.send-comment{
  background:var(--detail-card);
  border:1px solid var(--detail-border);
  border-radius:16px;
  padding:36px;
  box-shadow:0 10px 40px rgba(17,17,26,.06);
}

/* ---------- Title ---------- */
.post-single-title{
  font-size:32px;
  line-height:1.35;
  font-weight:700;
  color:var(--detail-heading);
  letter-spacing:-.01em;
}

/* ---------- Cover image ---------- */
.single-post-img{
  border-radius:14px;
  box-shadow:0 12px 30px rgba(17,17,26,.12);
}
.single-post-img img{
  width:100%;
  height:auto;
  display:block;
  object-fit:cover;
}

/* ---------- Meta bar ---------- */
.single-post-meta-box{
  background:var(--detail-soft-bg);
  border:1px solid var(--detail-border);
  border-radius:12px;
  padding:14px 18px;
  margin:24px 0;
}
.single-post-meta li{font-size:13px;}
.single-post-meta li img.rounded-circle{
  width:34px;height:34px;object-fit:cover;
}
.single-post-meta li i{color:var(--detail-primary);}
.single-post-meta li:before{background:#cfcfd6;}
/* unified meta spans (same as module cards) */
.single-post-meta .meta-author,
.single-post-meta .meta-views,
.single-post-meta .meta-shares,
.single-post-meta .meta-comments,
.single-post-meta .meta-date{
  position:relative;
  display:inline-flex;
  align-items:center;
  margin-right:16px;
  padding-right:20px;
  font-size:13px;
  color:#999;
}
.single-post-meta .meta-author:last-child,
.single-post-meta .meta-views:last-child,
.single-post-meta .meta-shares:last-child,
.single-post-meta .meta-comments:last-child,
.single-post-meta .meta-date:last-child{
  margin-right:0px;
  padding-right:0px;
}
.single-post-meta .meta-author:before,
.single-post-meta .meta-views:before,
.single-post-meta .meta-shares:before,
.single-post-meta .meta-comments:before,
.single-post-meta .meta-date:before{
  position:absolute;
  content:"";
  width:6px;
  height:6px;
  border-radius:100%;
  background-color:#cfcfd6;
  top:50%;
  right:0px;
  transform:translateY(-50%);
}
.single-post-meta .meta-author:last-child:before,
.single-post-meta .meta-views:last-child:before,
.single-post-meta .meta-shares:last-child:before,
.single-post-meta .meta-comments:last-child:before,
.single-post-meta .meta-date:last-child:before{
  display:none;
}
.single-post-meta .meta-author i,
.single-post-meta .meta-views i,
.single-post-meta .meta-shares i,
.single-post-meta .meta-comments i,
.single-post-meta .meta-date i{
  margin-right:6px;
  color:var(--detail-primary);
}

/* ---------- Rich text body ---------- */
.article-content{
  font-size:16.5px;
  line-height:1.9;
  color:var(--detail-text);
  word-break:break-word;
}
.article-content p{margin:0 0 1.35em;}
.article-content h2,
.article-content h3,
.article-content h4{
  color:var(--detail-heading);
  font-weight:700;
  line-height:1.4;
  margin:1.8em 0 .7em;
}
.article-content h2{font-size:26px;}
.article-content h3{font-size:22px;}
.article-content h4{font-size:19px;}
.article-content img{
  display:block;
  max-width:100%;
  height:auto;
  margin:1.6em auto;
  border-radius:12px;
  box-shadow:0 8px 24px rgba(17,17,26,.1);
}
.article-content a{
  color:var(--detail-primary);
  text-decoration:underline;
  text-underline-offset:2px;
}
.article-content ul,
.article-content ol{margin:0 0 1.35em;padding-left:1.4em;}
.article-content li{margin-bottom:.5em;}
.article-content blockquote{
  margin:1.6em 0;
  background:var(--detail-primary-soft);
  border-left:4px solid var(--detail-primary);
  border-radius:12px;
  padding:22px 24px 22px 64px;
  position:relative;
}
.article-content blockquote p{
  color:#5b3a3d;
  font-style:italic;
  font-size:18px;
  line-height:1.7;
  margin:0;
}
.article-content blockquote i.fas{
  position:absolute;top:18px;left:20px;
  color:var(--detail-primary);font-size:30px;
}

/* ---------- Summary quote (bottom of article) ---------- */
.content-info > blockquote{
  margin:28px 0 0;
  background:var(--detail-primary);
  border:none;
  border-radius:14px;
  padding:26px 26px 26px 80px;
  position:relative;
}
.content-info > blockquote i{
  color:rgba(255,255,255,.35);
  font-size:42px;
  top:50%;
  left:26px;
}
.content-info > blockquote p{
  color:#fff;font-size:17px;line-height:1.7;font-style:italic;
}

/* ---------- Share buttons ---------- */
.share-this-post-list{margin-top:8px;}
.share-this-post-list li a{
  background:#e9e9ef;
  color:#fff;
  box-shadow:0 4px 10px rgba(17,17,26,.08);
}
.share-this-post-list li a:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 18px rgba(17,17,26,.15);
  opacity:.95;
}
.share-this-post-list li a.facebook-color{background:#3a559f;}
.share-this-post-list li a.twitter-color{background:#2aaae0;}
.share-this-post-list li a.pinterest-color{background:#cb2027;} /* youtube */
.share-this-post-list li a.instagram-color{background:#c82d9e;}

/* ---------- Comment form ---------- */
.send-comment-form input,
.send-comment-form textarea{
  background:#fff;
  border:1px solid #e1e1e8;
  border-radius:10px;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.03);
  transition:border-color .2s,box-shadow .2s;
  font-size:14px;
}
.send-comment-form input{height:50px;padding:0 16px;}
.send-comment-form textarea{padding:14px 16px;resize:vertical;}
.send-comment-form input:focus,
.send-comment-form textarea:focus{
  border-color:var(--detail-primary);
  box-shadow:0 0 0 3px rgba(220,53,69,.12);
  outline:none;
}
.send-comment .btn-style-1{
  padding:12px 34px;
  font-weight:600;
  letter-spacing:.02em;
}

/* ---------- Sidebar ---------- */
.sidebar{
  background:var(--detail-card);
  border:1px solid var(--detail-border);
  border-radius:16px;
  padding:32px;
  box-shadow:0 10px 40px rgba(17,17,26,.06);
}
.sidebar .block-title{
  border-bottom:none;
  border-left:3px solid var(--detail-primary);
  border-radius:0;
  padding-left:12px;
  margin-bottom:22px;
}
.sidebar .block-title h2{
  font-size:18px;font-weight:700;color:var(--detail-heading);
}
.sidebar-social-icon{
  display:flex;flex-wrap:wrap;gap:12px;margin-bottom:40px;
}
.sidebar-social-icon li{
  flex:1 1 auto;
  border-radius:10px;
  overflow:hidden;
  margin:0;
}
.sidebar-social-icon li.facebook-color{background:#3a559f;}
.sidebar-social-icon li.twitter-color{background:#2aaae0;}
.sidebar-social-icon li.pinterest-color{background:#cb2027;} /* youtube */
.sidebar-social-icon li.instagram-color{background:#c82d9e;}
.sidebar-social-icon li a{
  display:flex;align-items:center;justify-content:center;
  gap:8px;padding:12px;color:#fff;
}
.sidebar-social-icon li a span{color:#fff;}
.sidebar .sidebar-subscribe-widget{
  background:linear-gradient(135deg,#1f2024,#2c2d33);
  margin-top:6px;
}
.sidebar .sidebar-subscribe-widget form button{
  background:var(--detail-primary);
  transition:opacity .2s;
}
.sidebar .sidebar-subscribe-widget form button:hover{opacity:.9;}

/* ---------- Recommended list ---------- */
.recommended-list{
  list-style:none;
  margin:0;
  padding:0;
}
.recommended-item{
  display:flex;
  align-items:center;
  gap:14px;
  padding:12px 0;
  border-bottom:1px dashed var(--detail-border);
}
.recommended-item:first-child{padding-top:0;}
.recommended-item:last-child{
  border-bottom:none;
  padding-bottom:0;
}
.recommended-thumb{
  flex-shrink:0;
  width:82px;
  height:62px;
  border-radius:8px;
  overflow:hidden;
  background:var(--detail-soft-bg);
}
.recommended-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .3s;
}
.recommended-thumb:hover img{transform:scale(1.06);}
.recommended-info{
  flex:1;
  min-width:0;
}
.recommended-title{
  margin:0 0 6px;
  font-size:14px;
  font-weight:600;
  line-height:1.5;
}
.recommended-title a{
  color:var(--detail-heading);
  transition:color .2s;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.recommended-title a:hover{color:var(--detail-primary);}
.recommended-date{
  font-size:12px;
  color:#999;
}
.recommended-date i{
  margin-right:5px;
  color:var(--detail-primary);
}

/* ---------- Empty state ---------- */
.empty-data-container{
  text-align:center;
  padding:60px 20px;
  background:#fff;
  border:1px dashed var(--detail-border);
  border-radius:16px;
}
.empty-data-icon i{font-size:54px;color:var(--detail-primary);opacity:.7;}
.empty-data-title{margin:18px 0 10px;font-weight:700;color:var(--detail-heading);}
.empty-data-description{color:#888;max-width:420px;margin:0 auto 22px;}
.empty-data-button{
  display:inline-block;
  background:var(--detail-primary);
  color:#fff;
  padding:12px 26px;
  border-radius:10px;
  text-decoration:none;
}
.empty-data-button:hover{color:#fff;opacity:.92;}

/* ---------- Responsive ---------- */
@media(max-width:767px){
  .single-post-content,
  .send-comment,
  .sidebar{padding:22px;}
  .post-single-title{font-size:26px;}
  .article-content{font-size:16px;}
}