/* V102 Force Articles Card Rebuild
   แก้ articles.php ตัวหนังสือยังไม่หาย เพราะมี CSS/inline layer เก่าทับอยู่
   รอบนี้บังคับ rebuild เฉพาะการ์ดบทความแบบแรงกว่า V101
*/

/* ===== reset การ์ดบทความทุกแบบ ===== */
.v71-archive-grid article,
.v71-archive-grid .v71-archive-card,
.v71-archive-card,
.v71-post-card,
.article-card,
.post-card,
.articles-card,
.blog-card,
.card.post,
.card.article{
  position:relative!important;
  isolation:isolate!important;
  display:flex!important;
  flex-direction:column!important;
  background:#ffffff!important;
  color:#071b35!important;
  border:1px solid #dce7f2!important;
  border-radius:24px!important;
  overflow:hidden!important;
  box-shadow:0 18px 45px rgba(7,27,53,.12)!important;
  min-height:0!important;
}

/* ปิด overlay/gradient/pseudo ที่ทำให้ตัวหนังสือขาวบนขาว */
.v71-archive-card::before,
.v71-archive-card::after,
.v71-post-card::before,
.v71-post-card::after,
.article-card::before,
.article-card::after,
.post-card::before,
.post-card::after,
.articles-card::before,
.articles-card::after,
.blog-card::before,
.blog-card::after,
.card.post::before,
.card.post::after,
.card.article::before,
.card.article::after{
  content:none!important;
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  background:none!important;
  box-shadow:none!important;
}

/* รูปอยู่บน ตัวหนังสืออยู่ล่าง */
.v71-archive-card img,
.v71-post-card img,
.article-card img,
.post-card img,
.articles-card img,
.blog-card img,
.card.post img,
.card.article img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:16/10!important;
  object-fit:cover!important;
  background:#edf3f9!important;
  position:relative!important;
  z-index:1!important;
  border-radius:0!important;
  box-shadow:none!important;
}

/* พื้นที่เนื้อหา */
.v71-archive-card > div,
.v71-post-card > div,
.article-card > div,
.post-card > div,
.articles-card > div,
.blog-card > div,
.card.post > div,
.card.article > div,
.v71-archive-card .card-body,
.v71-post-card .card-body,
.article-card .card-body,
.post-card .card-body{
  position:relative!important;
  z-index:5!important;
  background:#ffffff!important;
  color:#071b35!important;
  padding:22px 24px!important;
  text-shadow:none!important;
  opacity:1!important;
  filter:none!important;
  mix-blend-mode:normal!important;
}

/* meta/category/date */
.v71-archive-card .meta,
.v71-post-card .meta,
.article-card .meta,
.post-card .meta,
.post-meta,
.entry-meta,
.v71-meta,
.v71-archive-card time,
.v71-post-card time,
.article-card time,
.post-card time,
.v71-archive-card small,
.v71-post-card small,
.article-card small,
.post-card small{
  color:#38516a!important;
  -webkit-text-fill-color:#38516a!important;
  text-shadow:none!important;
  opacity:1!important;
  filter:none!important;
  mix-blend-mode:normal!important;
}

/* badge */
.v71-archive-card .badge,
.v71-post-card .badge,
.article-card .badge,
.post-card .badge,
.category-badge,
.post-category,
.v71-archive-card a[class*="cat"],
.v71-post-card a[class*="cat"]{
  background:#eaf4ff!important;
  color:#156cc4!important;
  -webkit-text-fill-color:#156cc4!important;
  border:0!important;
  text-shadow:none!important;
  opacity:1!important;
  box-shadow:none!important;
}

/* หัวข้อบทความ - สำคัญสุด */
.v71-archive-card h1,
.v71-archive-card h2,
.v71-archive-card h3,
.v71-archive-card h4,
.v71-archive-card h1 *,
.v71-archive-card h2 *,
.v71-archive-card h3 *,
.v71-post-card h1,
.v71-post-card h2,
.v71-post-card h3,
.v71-post-card h1 *,
.v71-post-card h2 *,
.v71-post-card h3 *,
.article-card h1,
.article-card h2,
.article-card h3,
.article-card h1 *,
.article-card h2 *,
.article-card h3 *,
.post-card h1,
.post-card h2,
.post-card h3,
.post-card h1 *,
.post-card h2 *,
.post-card h3 *,
.articles-card h1,
.articles-card h2,
.articles-card h3,
.blog-card h1,
.blog-card h2,
.blog-card h3,
.card.post h1,
.card.post h2,
.card.post h3,
.card.article h1,
.card.article h2,
.card.article h3,
.card-title,
.card-title *,
.post-title,
.post-title *,
.article-title,
.article-title *{
  color:#071b35!important;
  -webkit-text-fill-color:#071b35!important;
  background:none!important;
  text-shadow:none!important;
  opacity:1!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  position:relative!important;
  z-index:10!important;
  font-weight:1000!important;
}

/* ตัด pseudo ของหัวข้อ */
.v71-archive-card h1::before,
.v71-archive-card h1::after,
.v71-archive-card h2::before,
.v71-archive-card h2::after,
.v71-archive-card h3::before,
.v71-archive-card h3::after,
.v71-post-card h2::before,
.v71-post-card h2::after,
.article-card h2::before,
.article-card h2::after,
.post-card h2::before,
.post-card h2::after{
  content:none!important;
  display:none!important;
}

/* excerpt */
.v71-archive-card p,
.v71-archive-card p *,
.v71-post-card p,
.v71-post-card p *,
.article-card p,
.article-card p *,
.post-card p,
.post-card p *,
.articles-card p,
.blog-card p,
.card.post p,
.card.article p,
.excerpt,
.excerpt *,
.post-excerpt,
.post-excerpt *,
.article-excerpt,
.article-excerpt *{
  color:#445b73!important;
  -webkit-text-fill-color:#445b73!important;
  background:none!important;
  text-shadow:none!important;
  opacity:1!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  position:relative!important;
  z-index:10!important;
  line-height:1.75!important;
}

/* อ่านต่อ */
.v71-archive-card a,
.v71-post-card a,
.article-card a,
.post-card a,
.articles-card a,
.blog-card a,
.card.post a,
.card.article a,
.readmore,
.read-more{
  text-shadow:none!important;
  opacity:1!important;
  filter:none!important;
  mix-blend-mode:normal!important;
}
.v71-archive-card a:not(.badge):not(.btn),
.v71-post-card a:not(.badge):not(.btn),
.article-card a:not(.badge):not(.btn),
.post-card a:not(.badge):not(.btn),
.readmore,
.read-more{
  color:#156cc4!important;
  -webkit-text-fill-color:#156cc4!important;
  font-weight:1000!important;
}

/* กัน CSS broad selector จาก V92/V93 ที่จับ main section:last-of-type */
main section .v71-archive-card h1,
main section .v71-archive-card h2,
main section .v71-archive-card h3,
main section .v71-post-card h1,
main section .v71-post-card h2,
main section .v71-post-card h3,
main section .article-card h1,
main section .article-card h2,
main section .article-card h3,
main section .post-card h1,
main section .post-card h2,
main section .post-card h3{
  color:#071b35!important;
  -webkit-text-fill-color:#071b35!important;
  text-shadow:none!important;
}

/* ถ้ามี inline style color:white ให้ทับด้วย attribute selector */
.v71-archive-card [style*="color"],
.v71-post-card [style*="color"],
.article-card [style*="color"],
.post-card [style*="color"]{
  color:inherit!important;
  -webkit-text-fill-color:inherit!important;
}

/* highlight ตอนลากเมาส์ยังมองชัด */
.v71-archive-card ::selection,
.v71-post-card ::selection,
.article-card ::selection,
.post-card ::selection{
  background:#b9ddff!important;
  color:#071b35!important;
}

/* mobile */
@media(max-width:760px){
  .v71-archive-card > div,
  .v71-post-card > div,
  .article-card > div,
  .post-card > div{
    padding:18px!important;
  }
  .v71-archive-card h2,
  .v71-post-card h2,
  .article-card h2,
  .post-card h2{
    font-size:22px!important;
    line-height:1.28!important;
  }
}