/* =====================================================================
   DLBM-CONTENT.CSS — CSS riêng của Du Lịch Bình Minh cho vùng NỘI DUNG
   (bài blog .js-toc-content · mô tả tour .faq-tab-new .content-faq · trang .content-page)

   Mục đích: nội dung dán từ Google Docs / ChatGPT / Word hiển thị đồng bộ theo
   theme mà KHÔNG cần style gắn trong bài. Nạp trên mọi trang, sau shortcodes.css.
   Chỉ nắn định dạng dán vào — không đổi màu chữ, không đụng component dl-*/dlbm-*.
   Tạo 30/09/2026.
   ===================================================================== */

/* 1. Danh sách dán từ Google Docs / ChatGPT: <li><p>…</p></li>
      Theme cho <p> cách dưới 18px nên danh sách bị thưa. Bỏ khoảng cách đoạn trong dòng danh sách. */
.js-toc-content li > p { margin: 0; }
.js-toc-content li > p + p { margin-top: 6px; }

/* 2. Font và cỡ chữ gắn cứng khi dán (Times New Roman, Arial 11pt/12pt…) -> về font/cỡ của theme */
.js-toc-content [style*="font-family"],
.faq-tab-new .content-faq [style*="font-family"],
.content-page [style*="font-family"] { font-family: inherit !important; }

.js-toc-content [style*="font-size:10pt"], .js-toc-content [style*="font-size: 10pt"],
.js-toc-content [style*="font-size:10.5pt"], .js-toc-content [style*="font-size: 10.5pt"],
.js-toc-content [style*="font-size:11pt"], .js-toc-content [style*="font-size: 11pt"],
.js-toc-content [style*="font-size:12pt"], .js-toc-content [style*="font-size: 12pt"],
.faq-tab-new .content-faq [style*="font-size:11pt"], .faq-tab-new .content-faq [style*="font-size: 11pt"],
.faq-tab-new .content-faq [style*="font-size:12pt"], .faq-tab-new .content-faq [style*="font-size: 12pt"] { font-size: inherit !important; }

/* 3. Google Docs hay dán kèm white-space:pre-wrap và nền trắng/trong suốt -> chữ vỡ dòng, lệch nền */
.js-toc-content [style*="pre-wrap"],
.faq-tab-new .content-faq [style*="pre-wrap"],
.content-page [style*="pre-wrap"] { white-space: normal !important; }
.js-toc-content span[style*="background-color: transparent"], .js-toc-content span[style*="background-color:transparent"],
.js-toc-content span[style*="background-color: #ffffff"], .js-toc-content span[style*="background-color:#ffffff"],
.faq-tab-new .content-faq span[style*="background-color:#ffffff"], .faq-tab-new .content-faq span[style*="background-color: #ffffff"] { background-color: transparent !important; }

/* 4. Dòng trống dán thừa (<p>&nbsp;</p>, <p><br></p>) — không để tạo khoảng hở */
.js-toc-content p:empty,
.js-toc-content > p > br:only-child { display: none; }