/* ==========================================================================
   TYPOGRAPHY CHO NỘI DUNG CKEDITOR  (.wp-content)
   Sao chép thang chữ của matkinhtamduc.com (Tailwind Typography):
     - Cỡ chữ gốc đổi theo màn hình: 0.875rem -> 1rem (md) -> 1.125rem (lg)
     - Tiêu đề tính theo em nên tự giãn theo cỡ gốc
     - Font tiêu đề: Plus Jakarta Sans, font nội dung: Be Vietnam Pro
   Đồng bộ 100% với bản gốc, bao gồm cả màu link xanh lá #3dae4e.
   Nếu muốn đổi về đỏ thương hiệu Mắt Kính Sài Gòn: sửa .wp-content a
   thành #ed1c24 và :hover thành #b91419.
   ========================================================================== */

.wp-content {
    font-family: 'Be Vietnam Pro', 'Be Vietnam Pro Fallback', system-ui, -apple-system, sans-serif;
    font-size: 0.875rem;
    line-height: 1.71429;
    color: #2a2a24;
}

/* --- Tiêu đề ---------------------------------------------------------- */

.wp-content h1,
.wp-content h2,
.wp-content h3,
.wp-content h4,
.wp-content h5,
.wp-content h6 {
    font-family: 'Plus Jakarta Sans', 'Plus Jakarta Sans Fallback', system-ui, sans-serif;
    color: #111827;
    font-weight: 700;
    scroll-margin-top: 168px;
}

.wp-content h1 { font-size: 2.14286em; line-height: 1.2;     margin-top: 0;         margin-bottom: 0.8em; }
.wp-content h2 { font-size: 1.42857em; line-height: 1.4;     margin-top: 1.6em;     margin-bottom: 0.8em; }
.wp-content h3 { font-size: 1.28571em; line-height: 1.55556; margin-top: 1.55556em; margin-bottom: 0.444444em; }
.wp-content h4 {                       line-height: 1.42857; margin-top: 1.42857em; margin-bottom: 0.571429em; }

.wp-content h1 strong { font-weight: 900; color: inherit; }
.wp-content h2 strong { font-weight: 800; color: inherit; }
.wp-content h3 strong,
.wp-content h4 strong { font-weight: 700; color: inherit; }

/* --- Đoạn văn, link, nhấn mạnh ---------------------------------------- */

.wp-content p {
    margin-top: 1.14286em;
    margin-bottom: 1rem;
    line-height: 1.625;
}

.wp-content a {
    color: #3dae4e;
    font-weight: 500;
    text-decoration: underline;
    transition: color 0.2s ease;
}

.wp-content a:hover { color: #1e7c31; }
.wp-content a strong { color: inherit; }

.wp-content strong { color: #1a1a17; font-weight: 600; }

/* --- Danh sách --------------------------------------------------------- */

.wp-content ul,
.wp-content ol {
    margin-top: 1.14286em;
    margin-bottom: 1rem;
    padding-inline-start: 1.625em;
}

.wp-content ul { list-style-type: disc; }
.wp-content ol { list-style-type: decimal; }

.wp-content li { margin-top: 0.285714em; margin-bottom: 0.5rem; }
.wp-content ol > li { padding-inline-start: 0.375em; }

.wp-content ul ul,
.wp-content ul ol,
.wp-content ol ul,
.wp-content ol ol { margin-top: 0.571429em; margin-bottom: 0.571429em; }

/* --- Trích dẫn, đường kẻ ---------------------------------------------- */

.wp-content blockquote {
    margin-top: 1.33333em;
    margin-bottom: 1.33333em;
    padding-inline-start: 1em;
    border-inline-start: 0.25rem solid #e5e7eb;
    color: #2a2a24;
    font-style: normal;
    font-weight: 500;
}

.wp-content hr { margin-top: 2.85714em; margin-bottom: 2.85714em; border-top: 1px solid #e5e7eb; }
.wp-content hr + * { margin-top: 0; }

/* --- Ảnh, video, figure ------------------------------------------------ */

.wp-content img,
.wp-content video,
.wp-content figure { margin-top: 1.71429em; margin-bottom: 1.71429em; }

.wp-content img { max-width: 100%; height: auto; }
.wp-content figure > * { margin-top: 0; margin-bottom: 0; }
.wp-content picture > img { margin-top: 0; margin-bottom: 0; }

.wp-content figcaption {
    margin-top: 0.666667em;
    font-size: 0.857143em;
    line-height: 1.33333;
    color: #6b7280;
}

/* --- Bảng, khối mã ----------------------------------------------------- */

.wp-content table {
    width: 100%;
    max-width: 100%;
    display: block;
    overflow-x: auto;
    margin-top: 2em;
    margin-bottom: 2em;
    font-size: 0.857143em;
    line-height: 1.5;
    table-layout: auto;
}

.wp-content thead { border-bottom: 1px solid #d1d5db; }
.wp-content thead th { color: #111827; vertical-align: bottom; padding: 0 0.571429em 0.571429em; font-weight: 600; }
.wp-content tbody tr { border-bottom: 1px solid #e5e7eb; }
.wp-content tbody td,
.wp-content tfoot td { padding: 0.571429em; vertical-align: baseline; }
.wp-content thead th:first-child,
.wp-content tbody td:first-child { padding-inline-start: 0; }
.wp-content thead th:last-child,
.wp-content tbody td:last-child { padding-inline-end: 0; }

.wp-content pre { max-width: 100%; overflow-x: auto; padding: 0.666667em 1em; border-radius: 0.25rem; background: #1f2937; color: #e5e7eb; }
.wp-content code { font-size: 0.857143em; font-weight: 600; color: #111827; }
.wp-content pre code { font: inherit; color: inherit; background: none; }

/* --- Bỏ khoảng cách thừa ở đầu và cuối --------------------------------- */

.wp-content > :first-child { margin-top: 0; }
.wp-content > :last-child  { margin-bottom: 0; }

/* ==========================================================================
   MÀN HÌNH VỪA  (>= 768px)  - tương ứng prose-base của bản gốc
   ========================================================================== */
@media (min-width: 768px) {
    .wp-content { font-size: 1rem; line-height: 1.75; }

    .wp-content h1 { font-size: 2.25em; line-height: 1.11111; margin-bottom: 0.888889em; }
    .wp-content h2 { font-size: 1.5em;  line-height: 1.33333; margin-top: 2em;     margin-bottom: 1em; }
    .wp-content h3 { font-size: 1.25em; line-height: 1.6;     margin-top: 1.6em;   margin-bottom: 0.6em; }
    .wp-content h4 {                    line-height: 1.5;     margin-top: 1.5em;   margin-bottom: 0.5em; }

    .wp-content p  { margin-top: 1.25em; }
    .wp-content ul,
    .wp-content ol { margin-top: 1.25em; }
    .wp-content li { margin-top: 0.5em; }

    .wp-content blockquote { margin-top: 1.6em; margin-bottom: 1.6em; }
    .wp-content hr { margin-top: 3em; margin-bottom: 3em; }
    .wp-content img,
    .wp-content video,
    .wp-content figure { margin-top: 2em; margin-bottom: 2em; }
    .wp-content table { font-size: 0.875em; line-height: 1.71429; }
    .wp-content figcaption { margin-top: 0.857143em; font-size: 0.875em; line-height: 1.42857; }
    .wp-content code { font-size: 0.875em; }
}

/* ==========================================================================
   MÀN HÌNH LỚN  (>= 1024px)  - tương ứng prose-lg của bản gốc
   ========================================================================== */
@media (min-width: 1024px) {
    .wp-content { font-size: 1.125rem; line-height: 1.77778; }

    .wp-content h1 { font-size: 2.66667em; line-height: 1;       margin-bottom: 0.833333em; }
    .wp-content h2 { font-size: 1.66667em; line-height: 1.33333; margin-top: 1.86667em; margin-bottom: 1.06667em; }
    .wp-content h3 { font-size: 1.33333em; line-height: 1.5;     margin-top: 1.66667em; margin-bottom: 0.666667em; }
    .wp-content h4 {                       line-height: 1.55556; margin-top: 1.77778em; margin-bottom: 0.444444em; }

    .wp-content p  { margin-top: 1.33333em; }
    .wp-content ul,
    .wp-content ol { margin-top: 1.33333em; padding-inline-start: 1.55556em; }
    .wp-content li { margin-top: 0.666667em; }

    .wp-content blockquote { margin-top: 1.66667em; margin-bottom: 1.66667em; }
    .wp-content hr { margin-top: 3.11111em; margin-bottom: 3.11111em; }
    .wp-content img,
    .wp-content video,
    .wp-content figure { margin-top: 1.77778em; margin-bottom: 1.77778em; }
    .wp-content table { font-size: 0.888889em; line-height: 1.5; }
    .wp-content figcaption { margin-top: 1em; font-size: 0.888889em; line-height: 1.5; }
    .wp-content code { font-size: 0.888889em; }
}

/* ==========================================================================
   Nội dung CKEditor mang theo inline style font-family/font-size.

   font-family: vẫn ép kế thừa để cả site dùng chung bộ chữ (dữ liệu cũ lẫn
   lộn 'Be Vietnam', Arial, Times...). Bỏ dòng dưới nếu muốn người biên tập
   được tự chọn phông.

   font-size: KHÔNG ép kế thừa nữa. Trước đây ở đây có
   `.wp-content [style*="font-size"] { font-size: inherit !important; }`
   nên cỡ chữ đặt tay trong admin (nút cỡ chữ trên toolbar CKEditor) bị vô
   hiệu khi ra web. Đoạn nào không đặt tay thì vẫn theo thang chữ khai báo ở
   trên.
   ========================================================================== */
.wp-content [style*="font-family"] { font-family: inherit !important; }

/* ==========================================================================
   ĐOẠN CMS NGẮN  (.cms-text)
   Dùng cho các mẩu nội dung ngắn nhập từ admin rồi đặt vào một khung đã có
   sẵn kiểu chữ: thông tin pháp lý và giờ làm việc ở footer, địa chỉ chi nhánh
   ở header, dòng bản quyền...

   Dữ liệu cũ từ CKEditor gắn cứng font-size:12pt, font-family:'Be Vietnam' và
   color:#000000 vào từng thẻ <span>. Nếu để nguyên thì mỗi cột ở footer một cỡ
   chữ khác nhau. Ở đây ép mọi thứ kế thừa từ khung chứa để nhìn đồng nhất.

   Khác .wp-content: lớp kia dựng thang chữ riêng cho bài viết dài, lớp này thì
   ngược lại - xoá hết định dạng để hoà vào thiết kế xung quanh.
   ========================================================================== */

.cms-text,
.cms-text * {
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    color: inherit !important;
}

/* Gộp khoảng cách giữa các đoạn cho gọn, đoạn cuối không thừa khoảng trắng */
.cms-text p { margin: 0 0 0.5rem; }
.cms-text p:last-child { margin-bottom: 0; }
.cms-text div:last-child p:last-child { margin-bottom: 0; }

.cms-text br { line-height: inherit; }

/* Link giữ màu của khung chứa, chỉ gạch chân khi rê chuột */
.cms-text a { text-decoration: none; }
.cms-text a:hover { text-decoration: underline; }

/* Ảnh chèn trong nội dung (logo Bộ Công Thương...) không được tràn cột */
.cms-text img {
    max-width: 100%;
    height: auto;
    display: block;
}

.cms-text ul,
.cms-text ol { margin: 0 0 0.5rem; padding-inline-start: 1.25em; }

.cms-text ul { list-style-type: disc; }
.cms-text ol { list-style-type: decimal; }

/* Ảnh chèn trong nội dung CMS ở footer (logo Bộ Công Thương) — dữ liệu không
   khai báo kích thước nên ảnh gốc chiếm gần hết chiều rộng cột. */
footer .cms-text img {
    max-width: 200px;
    margin-top: 0.75rem;
}