/* ---------------------------------------------------------------------------
 * Đức Phát - khóa màu chữ.
 *
 * Flatsome (hoặc plugin gộp/nén CSS) đặt màu cho h1-h6, p, a ở mức toàn trang.
 * Trong bộ thiết kế, nhiều tiêu đề nằm trên nền xanh đậm KHÔNG tự khai báo màu
 * mà kế thừa màu trắng của khối cha (ví dụ .hero h1, .cta h2). Một khai báo màu
 * trực tiếp của theme cha luôn thắng giá trị kế thừa, nên các chữ đó bị xám.
 *
 * File này xử lý 2 lớp:
 *   1. Cho h1-h6, p, li kế thừa màu của khối cha như HTML gốc. Độ ưu tiên cố ý
 *      để thấp hơn các rule của design.css nên không phá màu đã thiết kế.
 *   2. Khai báo thẳng màu cho mọi khối nền tối (danh sách quét từ design.css)
 *      kèm !important để không CSS nào đổi được nữa.
 * ------------------------------------------------------------------------- */

/* 1. Trả lại hành vi kế thừa mặc định.
      Dùng :where() cho phần scope để rule này chỉ có độ ưu tiên ngang một
      selector thẻ đơn (như h1{} của theme cha) - thắng theme cha nhờ thứ tự
      nạp, nhưng vẫn thua mọi rule theo class của design.css. */
:where(body.ducphat-site:not(.dp-woo-native)) :is(h1,h2,h3,h4,h5,h6,p,li,blockquote){color:inherit}

/* 2. Các khối nền tối - màu lấy đúng theo design.css */

/* Thanh trên cùng */
body.ducphat-site .topbar{color:#dce9ef!important}
body.ducphat-site .topbar span,body.ducphat-site .topbar a{color:inherit!important}
body.ducphat-site .topbar a:hover{color:#fff!important}

/* Thanh danh mục, nút tìm kiếm, nút lọc đang chọn */
body.ducphat-site .category-trigger,body.ducphat-site .search button,
body.ducphat-site .filter.active,body.ducphat-site .filter:hover,
body.ducphat-site .toast,body.ducphat-site .dp-nav-head,
body.ducphat-site .dp-nav-head span,body.ducphat-site .dp-nav-close{color:#fff!important}

/* Hero trang chủ */
body.ducphat-site .hero-copy,body.ducphat-site .hero h1{color:#fff!important}
body.ducphat-site .hero h1 span{color:#ffd51e!important}
body.ducphat-site .hero p{color:#e2f6eb!important}
body.ducphat-site .hero-copy .eyebrow{color:#d1f4df!important}
body.ducphat-site .hero-caption{color:#285342!important}

/* Nút */
body.ducphat-site .btn-primary{color:#003d2d!important}
body.ducphat-site .btn-outline,body.ducphat-site .btn-navy,
body.ducphat-site .buy:hover,body.ducphat-site .dp-primary{color:#fff!important}
body.ducphat-site .dp-solid{color:#123c2d!important}
body.ducphat-site .dp-ghost{color:#fff!important}
body.ducphat-site .dp-secondary{color:#006443!important}

/* Dải kêu gọi cuối trang chủ */
body.ducphat-site .cta,body.ducphat-site .cta h2{color:#fff!important}
body.ducphat-site .cta p{color:#d2e9df!important}

/* Chân trang */
body.ducphat-site .footer,body.ducphat-site .footer p,
body.ducphat-site .footer a,body.ducphat-site .copyright{color:#c2d0da!important}
body.ducphat-site .footer h3,body.ducphat-site .footer .brand{color:#fff!important}
body.ducphat-site .footer a:hover{color:#fff!important}

/* Trang Giới thiệu */
body.ducphat-site .about-hero,body.ducphat-site .about-hero h1{color:#fff!important}
body.ducphat-site .about-hero h1 em{color:#ffd51e!important}
body.ducphat-site .about-hero p{color:#e0eee9!important}
body.ducphat-site .about-process,body.ducphat-site .about-process h2{color:#fff!important}
body.ducphat-site .about-process h2 span,
body.ducphat-site .about-process .about-kicker{color:#ffd51e!important}
body.ducphat-site .about-process-grid>div>p{color:#cfe4da!important}
body.ducphat-site .about-cta-actions a{color:#fff!important}

/* Trang Báo giá / Dịch vụ */
body.ducphat-site .dp-feature-hero,body.ducphat-site .dp-feature-hero h1{color:#fff!important}
body.ducphat-site .dp-feature-hero h1 em{color:#ffd51e!important}
body.ducphat-site .dp-feature-hero p{color:#d4e8df!important}
body.ducphat-site .dp-feature-hero .dp-eyebrow{color:#a8dbc5!important}
body.ducphat-site .dp-hero-small{color:#b8d7c9!important}
body.ducphat-site .dp-hero-small span{color:#ffd51e!important}
body.ducphat-site .dp-bottom-cta a{color:#fff!important}

/* Thư ngỏ trang chủ */
body.ducphat-site .dp-letter-side,body.ducphat-site .dp-letter-side h2{color:#fff!important}
body.ducphat-site .dp-letter-side p{color:#d7e9df!important}
body.ducphat-site .dp-letter-eyebrow{color:#ffdb4e!important}
body.ducphat-site .dp-letter-mark{color:#ffda38!important}
body.ducphat-site .dp-letter-stamp,body.ducphat-site .dp-letter-stamp span{color:#fff!important}

/* Trang Tin tức */
body.ducphat-site .dp-news-cta{color:#fff!important}
body.ducphat-site .dp-news-lead,
body.ducphat-site .dp-news-lead-overlay,
body.ducphat-site .dp-news-lead h2{color:#fff!important}
body.ducphat-site .dp-news-lead p{color:#e4efe9!important}
body.ducphat-site .dp-news-read{color:#ffe080!important}
body.ducphat-site .dp-news-tag{color:#153d2b!important}
body.ducphat-site .dp-news-filters button.active,
body.ducphat-site .dp-news-filters button:hover{color:#fff!important}
body.ducphat-site .dp-news-bottom,body.ducphat-site .dp-news-bottom h2{color:#fff!important}
body.ducphat-site .dp-news-bottom p{color:#cde2d7!important}
body.ducphat-site .dp-news-bottom span{color:#f6d451!important}
body.ducphat-site .dp-news-bottom a{color:#173f2e!important}