/* Bá Phát - giao diện bài viết nền đen, chữ trắng, điểm nhấn vàng.
   Chỉ tác động main.abp-single-post, không ảnh hưởng trang khác. */
main.abp-single-post {
 --post-bg:#0a0a0c; --post-card:#151518; --post-line:#343238;
 --post-text:#f3f1eb; --post-muted:#c9c5bb; --post-gold:#f6c544;
 width:min(1240px,calc(100% - 36px)); margin:0 auto; padding:28px 0 64px;
 background:var(--post-bg)!important; color:var(--post-text)!important;
}
main.abp-single-post, main.abp-single-post * {box-sizing:border-box}
main.abp-single-post .abp-post-hero {
 margin:0 0 28px; padding:clamp(28px,5vw,58px); border:1px solid rgba(246,197,68,.28);
 border-radius:22px; background:radial-gradient(circle at 88% 15%,rgba(246,197,68,.14),transparent 32%),linear-gradient(130deg,#121214,#242117)!important; color:#fff!important;
}
main.abp-single-post .abp-service-hero-grid {display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:clamp(24px,4vw,50px);align-items:center}
main.abp-single-post .abp-service-eyebrow {color:#ffdc70!important;font-size:12px;font-weight:800}
main.abp-single-post .abp-post-hero h1 {margin:0 0 18px;color:#fff!important;font-size:clamp(29px,4vw,45px);line-height:1.2;overflow-wrap:anywhere}
main.abp-single-post .abp-post-meta, main.abp-single-post .abp-post-meta span {color:#d2cfc6!important}
main.abp-single-post .abp-post-meta a {color:var(--post-gold)!important}
main.abp-single-post .abp-service-summary {color:#e2ded4!important}
main.abp-single-post .abp-service-hero-image {min-width:0;padding:8px;border:1px solid rgba(246,197,68,.32);border-radius:18px;background:rgba(255,255,255,.05)!important}
main.abp-single-post .abp-service-hero-image img {display:block;width:100%;max-height:430px;object-fit:cover;border-radius:12px}
main.abp-single-post .abp-service-columns {display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start}
main.abp-single-post .abp-service-main {min-width:0;padding:clamp(20px,3.5vw,42px);border:1px solid var(--post-line)!important;border-radius:18px;background:var(--post-card)!important;color:var(--post-text)!important;box-shadow:0 14px 36px rgba(0,0,0,.28);overflow:hidden}
main.abp-single-post .abp-service-breadcrumb, main.abp-single-post .abp-service-breadcrumb span {color:#aaa59a!important}
main.abp-single-post .abp-service-breadcrumb a {color:var(--post-gold)!important}
main.abp-single-post .abp-service-breadcrumb [aria-current=page] {color:#eee9dd!important}

/* Khóa màu chữ toàn bộ nội dung, kể cả thẻ span/b/strong và màu inline cũ. */
main.abp-single-post .abp-post-content,
main.abp-single-post .abp-post-content p,
main.abp-single-post .abp-post-content li,
main.abp-single-post .abp-post-content td,
main.abp-single-post .abp-post-content th,
main.abp-single-post .abp-post-content span,
main.abp-single-post .abp-post-content strong,
main.abp-single-post .abp-post-content em,
main.abp-single-post .abp-post-content b,
main.abp-single-post .abp-post-content i,
main.abp-single-post .abp-post-content figcaption {color:var(--post-text)!important}
main.abp-single-post .abp-post-content {padding:0!important;color:var(--post-text)!important;font-size:17px;line-height:1.9;overflow-wrap:anywhere}
main.abp-single-post .abp-post-content h2,
main.abp-single-post .abp-post-content h3,
main.abp-single-post .abp-post-content h4 {color:var(--post-gold)!important;line-height:1.4;font-weight:800}
main.abp-single-post .abp-post-content h2 {margin:1.7em 0 .65em;padding-bottom:10px;border-bottom:1px solid var(--post-line);font-size:clamp(23px,2.7vw,31px)}
main.abp-single-post .abp-post-content h3 {margin:1.4em 0 .55em;font-size:21px}
main.abp-single-post .abp-post-content h4 {font-size:18px}
main.abp-single-post .abp-post-content a {color:#ffd45c!important;text-decoration:underline;text-underline-offset:3px}
main.abp-single-post .abp-post-content a:hover {color:#fff0ad!important}
main.abp-single-post .abp-post-content ul, main.abp-single-post .abp-post-content ol {padding-left:1.5em;margin:0 0 1.3em}
main.abp-single-post .abp-post-content li {margin-bottom:.45em}
main.abp-single-post .abp-post-content blockquote {margin:1.5em 0;padding:18px 22px;border-left:4px solid var(--post-gold);border-radius:0 12px 12px 0;background:#242116!important;color:#f4e9c5!important}
main.abp-single-post .abp-post-content blockquote * {color:#f4e9c5!important}
main.abp-single-post .abp-post-content img {display:block;max-width:100%;height:auto;margin:18px auto;border-radius:12px}
main.abp-single-post .abp-post-content figure {margin:1.5em auto}
main.abp-single-post .abp-post-content table {width:100%;border-collapse:collapse;margin:1.5em 0;background:#17171a!important}
main.abp-single-post .abp-post-content th {background:#292516!important;color:#ffdc70!important;font-weight:800}
main.abp-single-post .abp-post-content th, main.abp-single-post .abp-post-content td {border:1px solid var(--post-line)!important;padding:10px 12px}
main.abp-single-post .abp-post-content hr {border:0;border-top:1px solid var(--post-line)}
main.abp-single-post .abp-post-content pre, main.abp-single-post .abp-post-content code {background:#222126!important;color:#f4d77c!important;border-radius:6px}
main.abp-single-post .abp-service-cta {margin:34px 0 24px;padding:28px 22px;border:1px solid rgba(246,197,68,.28);border-radius:16px;background:linear-gradient(145deg,#1c1b1e,#292416)!important;text-align:center}
main.abp-single-post .abp-service-cta h2 {color:var(--post-gold)!important}
main.abp-single-post .abp-service-cta p {color:#e5dfd1!important}
main.abp-single-post .abp-btn-primary {background:var(--post-gold)!important;color:#17130a!important}
main.abp-single-post .abp-btn-outline {border:1px solid #b9b2a2!important;color:#fff!important}
main.abp-single-post .abp-service-disclaimer {margin:0 0 24px;padding:14px 16px;border-left:3px solid var(--post-gold);border-radius:0 8px 8px 0;background:#211f19!important;color:#c9c2b2!important}
main.abp-single-post .abp-post-tags, main.abp-single-post .abp-post-tags strong {color:#eee9dd!important}
main.abp-single-post .abp-post-tags strong {color:var(--post-gold)!important}
main.abp-single-post .abp-post-tags a {border:1px solid #65552a!important;background:#242116!important;color:#ffdc70!important}
main.abp-single-post .abp-post-navigation {border-top:1px solid var(--post-line);border-bottom:1px solid var(--post-line)}
main.abp-single-post .abp-post-navigation a {color:#ffdc70!important}
main.abp-single-post .abp-post-related > h2 {color:var(--post-gold)!important}
main.abp-single-post .abp-post-related-card {border:1px solid var(--post-line)!important;border-radius:12px;background:#1c1b1e!important}
main.abp-single-post .abp-post-related-title {color:#fff!important}
main.abp-single-post .abp-post-related-card p {color:#c9c5bb!important}
main.abp-single-post .abp-post-related-more {color:var(--post-gold)!important}
main.abp-single-post .abp-service-side-card {border:1px solid rgba(246,197,68,.28)!important;border-radius:16px;background:linear-gradient(145deg,#19191c,#252116)!important;color:#eee!important}
main.abp-single-post .abp-service-side-card h2 {color:var(--post-gold)!important;border-bottom:1px solid rgba(246,197,68,.35)}
main.abp-single-post .abp-service-side-card p {color:#d8d3c8!important}
main.abp-single-post .abp-service-side-phone a {color:#ffdc70!important}
main.abp-single-post .abp-service-side-zalo {background:var(--post-gold)!important;color:#17130a!important}
main.abp-single-post .abp-service-related a, main.abp-single-post .abp-service-related span {color:#e9e4d9!important;border-color:var(--post-line)!important}
main.abp-single-post .abp-service-related a:hover {color:var(--post-gold)!important}
@media(max-width:900px) {
 main.abp-single-post .abp-service-columns {grid-template-columns:1fr}
 main.abp-single-post .abp-service-sidebar {position:static;grid-template-columns:repeat(2,minmax(0,1fr))}
 main.abp-single-post .abp-service-hero-grid {grid-template-columns:1fr}
 main.abp-single-post .abp-post-related-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px) {
 main.abp-single-post {width:calc(100% - 24px);padding-top:18px}
 main.abp-single-post .abp-post-hero {padding:23px 18px;border-radius:15px}
 main.abp-single-post .abp-service-main {padding:20px 17px}
 main.abp-single-post .abp-post-content {font-size:16px;line-height:1.85}
 main.abp-single-post .abp-service-sidebar, main.abp-single-post .abp-post-related-grid {grid-template-columns:1fr}
 main.abp-single-post .abp-post-navigation {flex-direction:column}
 main.abp-single-post .abp-post-content table {display:block;overflow-x:auto}
}


/* ==========================================================
   GALLERY / NHOM ANH REVIEW: 3 ANH MOI HANG
   Chi ap dung cho doan paragraph co tu 2 anh tro len.
   Khong thay doi URL va khong cat anh goc.
========================================================== */
main.abp-single-post .abp-post-content p:has(> img:nth-of-type(2)) {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: start;
  gap: 14px;
  width: 100%;
  max-width: 100%;
  margin: 24px auto !important;
  padding: 0;
  text-align: center;
}

main.abp-single-post .abp-post-content p:has(> img:nth-of-type(2)) > img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0;
  object-fit: contain !important;
  border: 1px solid #39363a;
  border-radius: 10px;
  background: #fff;
}

/* Neu anh duoc boc trong the a, van xep thanh cac o grid */
main.abp-single-post .abp-post-content p:has(> a:nth-of-type(2)) {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: start;
  gap: 14px;
  width: 100%;
  max-width: 100%;
  margin: 24px auto !important;
}
main.abp-single-post .abp-post-content p:has(> a:nth-of-type(2)) > a {
  display: block;
  min-width: 0;
}
main.abp-single-post .abp-post-content p:has(> a:nth-of-type(2)) > a img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  object-fit: contain !important;
  border-radius: 10px;
  background: #fff;
}

@media (max-width: 900px) {
  main.abp-single-post .abp-post-content p:has(> img:nth-of-type(2)),
  main.abp-single-post .abp-post-content p:has(> a:nth-of-type(2)) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }
}
@media (max-width: 600px) {
  main.abp-single-post .abp-post-content p:has(> img:nth-of-type(2)),
  main.abp-single-post .abp-post-content p:has(> a:nth-of-type(2)) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
  }
}