/*
Theme Name: Công Minh Web Theme Child
Description: Công Minh Web Theme Child là một theme con được phát triển bởi Công Minh
Author: Công Minh Web
Author URI: https://congminhdev.com/
Template: hello-elementor
Version: 1.0.3
Text Domain: Công Minh Web Theme Child
License:
License URI: https://congminhdev.com/
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* ===== DCC fix 06/11/2026 — P0.1: H1/H2 bai viet don + H1 archive o che do toi ===== */
/* Moc che do toi: nut doi theme dang o trang thai pressed (da kiem chung bang CSS thu); kem cac class/attr du phong. */
/* Luu y: Hello Elementor dung .page-content (khong phai .entry-content) cho noi dung bai viet. */
:is(html:has(button[aria-pressed="true"]), html.dark, html.dark-mode, html.theme-dark, html[data-theme="dark"], body.dark, body.dark-mode, body.theme-dark, body[data-theme="dark"]) :is(.entry-title, .page-title, .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .page-content h1, .page-content h2, .page-content h3, .page-content h4, .post-content h1, .post-content h2, .post-content h3, .post-content h4, #reply-title, .comment-reply-title, .comments-title) {
  color: #FFFFFF !important;
}
/* P0.1b — Chu thich anh (figcaption) o che do toi: xam sang */
:is(html:has(button[aria-pressed="true"]), html.dark, html.dark-mode, html.theme-dark, html[data-theme="dark"], body.dark, body.dark-mode, body.theme-dark, body[data-theme="dark"]) :is(.entry-content figcaption, .page-content figcaption, .post-content figcaption, figure figcaption, .wp-caption-text) {
  color: #CBD5E1 !important;
}
/* ===== P0.2 — Form binh luan o che do toi ===== */
:is(html:has(button[aria-pressed="true"]), html.dark, html.dark-mode, html.theme-dark, html[data-theme="dark"], body.dark, body.dark-mode, body.theme-dark, body[data-theme="dark"]) :is(#commentform textarea, #commentform input[type="text"], #commentform input[type="email"], #commentform input[type="url"], .comment-form textarea, .comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"]) {
  background-color: #1E293B !important;
  color: #E2E8F0 !important;
  border-color: #334155 !important;
/* ===== DCC fix 06/11/2026 — P1.4/P1.5/P1.7: trang Tin tuc (plugin dcc-news) ===== */
/* Moc che do toi chinh thuc cua plugin: html[data-dcc-theme="dark"] (theme.js). */
/* Luu y: CSS cua plugin duoc nap muon (tu shortcode) nen cac ghi de o day dung do dac hieu cao hon + !important. */

/* P1.7 — Tieu de the bai thuong: trang o che do toi; chi the noi bat giu xanh mint. */
html[data-dcc-theme="dark"] .dcc-app .dcc-news-card h3 a,
html:has(button[aria-pressed="true"]) .dcc-app .dcc-news-card h3 a {
  color: #FFFFFF !important;
}

/* P1.5 — Luoi "Bai viet moi nhat": 4 cot o man hinh rong de 4 the deu 1 hang, khong con the le o hang 2. */
@media (min-width: 1025px) {
  .dcc-app.dcc-news .dcc-news-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

/* P1.5 — Nut "Xem tat ca bai viet" duoi luoi (them bang PHP trong includes/about.php cua plugin). */
.dcc-news-more {
  display: flex;
  justify-content: center;
  margin-top: 28px;
}
.dcc-news-more .dcc-btn-outline {
  background: #FFFFFF !important;
  border-color: #168447 !important;
  color: #168447 !important;
}
.dcc-news-more .dcc-btn-outline:hover {
  background: #E5F5EF !important;
  border-color: #168447 !important;
  color: #168447 !important;
}
html[data-dcc-theme="dark"] .dcc-news-more .dcc-btn-outline,
html:has(button[aria-pressed="true"]) .dcc-news-more .dcc-btn-outline {
  background: transparent !important;
  border-color: #8FD4BA !important;
  color: #8FD4BA !important;
}
html[data-dcc-theme="dark"] .dcc-news-more .dcc-btn-outline:hover,
html:has(button[aria-pressed="true"]) .dcc-news-more .dcc-btn-outline:hover {
  background: #FFFFFF15 !important;
}

/* P1.4 — Thu gon hero trang Tin tuc tren mobile: H1 nho hon, gioi thieu rut gon 2 dong,
   chi giu 1 nut CTA chinh, anh thap hon, an chu thich anh. */
@media (max-width: 767px) {
  .dcc-app.dcc-news .dcc-about-hero h1 {
    font-size: 28px !important;
    line-height: 1.25 !important;
    letter-spacing: -1px !important;
    margin: 14px 0 !important;
  }
  .dcc-app.dcc-news .dcc-about-hero-copy > p {
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden !important;
    font-size: 12px !important;
    line-height: 1.7 !important;
    margin-bottom: 18px !important;
  }
  .dcc-app.dcc-news .dcc-actions .dcc-btn-outline {
    display: none !important;
  }
  .dcc-app.dcc-news .dcc-actions .dcc-btn {
    flex: 1 1 100% !important;
    min-width: 0 !important;
  }
  .dcc-app.dcc-news .dcc-news-hero-art img {
    height: 150px !important;
    object-fit: cover !important;
  }
  .dcc-app.dcc-news .dcc-news-hero-art figcaption {
    display: none !important;
  }
  .dcc-app.dcc-news .dcc-about-hero {
    gap: 16px !important;
  }
}

/* P1.6 (bo sung) — Bottom nav: cung ap dung cho .dcc-mobile-dock cua plugin. */
@media (max-width: 480px) {
  .dcc-mobile-dock a {
    font-size: 11px !important;
    white-space: nowrap !important;
    letter-spacing: 0 !important;
    padding: 0 2px !important;
  }
  .dcc-mobile-dock ul {
    gap: 2px !important;
  }
}

}
:is(html:has(button[aria-pressed="true"]), html.dark, html.dark-mode, html.theme-dark, html[data-theme="dark"], body.dark, body.dark-mode, body.theme-dark, body[data-theme="dark"]) :is(#commentform input[type="submit"], #commentform #submit, .comment-form input[type="submit"], #submit) {
  background-color: #23865C !important;
  border-color: #23865C !important;
  color: #FFFFFF !important;
}
:is(html:has(button[aria-pressed="true"]), html.dark, html.dark-mode, html.theme-dark, html[data-theme="dark"], body.dark, body.dark-mode, body.theme-dark, body[data-theme="dark"]) :is(.comment-form label, #commentform label) {
  color: #CBD5E1 !important;
}
/* ===== P1.6 — Bottom nav: nhan khong xuong 2 dong o kho nho ===== */
@media (max-width: 480px) {
  nav[aria-label="Điều hướng nhanh"] a {
    font-size: 11px !important;
    white-space: nowrap !important;
    letter-spacing: 0 !important;
    padding-left: 2px !important;
    padding-right: 2px !important;
  }
  nav[aria-label="Điều hướng nhanh"] ul {
    gap: 2px !important;
  }
}