/* Hallmark · redesign (giữ khung) · design-system: awesome-design-md/bmw · tone: corporate-measured · anchor hue: gold đồng logo DND #ddb876
 * Hallmark · pre-emit critique: P4 H4 E4 S4 R5 V5 — khác NTH (trắng–đỏ, bo tròn) và angia (kiểu Apple, đỏ): nền kem, dải navy, góc vuông, vàng đồng
 * dndrealty – body.dnd-bmw. Nạp bởi mu-plugins/dnd-giao-dien-bmw.php. CHỈ đổi trình bày: không đổi khung, chữ, ảnh, heading. */

body.dnd-bmw {
  --k-canvas: #fbfaf7; --k-soft: #f4f1ea; --k-card: #ffffff; --k-strong: #ebe7de;
  --k-ink: #1a1a1a; --k-body: #3c3c3c; --k-mute: #6b6b6b; --k-line: #e6e3dc; --k-line2: #cfcabe;
  --k-navy: #0e1b30; --k-navy2: #1a2a44; --k-on-navy: #ffffff; --k-on-navy2: #bfc6d1;
  --k-gold: #ddb876; --k-gold2: #c9a25e; --k-gold-ink: #85642c;
  --k-font: "Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --k-ease: cubic-bezier(.2, .7, .2, 1);
  background: var(--k-canvas) !important; color: var(--k-body);
}

/* ---------- Chữ: một họ chữ, 2 độ đậm (700 tiêu đề / 300–400 thân) ---------- */
body.dnd-bmw, body.dnd-bmw *:not(i):not(.fa):not([class*="fa-"]):not(svg *):not(.hamburger-inner) { font-family: var(--k-font) !important; }
body.dnd-bmw h1, body.dnd-bmw h2, body.dnd-bmw h3, body.dnd-bmw h4, body.dnd-bmw h5 { font-style: normal !important; font-weight: 700 !important; letter-spacing: 0 !important; text-transform: none !important; }
body.dnd-bmw h1 { line-height: 1.08 !important; }
body.dnd-bmw h2 { line-height: 1.15 !important; }
body.dnd-bmw em, body.dnd-bmw i:not([class*="fa"]) { font-style: normal; }
body.dnd-bmw p:not([class*="font-"]), body.dnd-bmw li:not([class*="font-"]) { font-weight: 300; }
body.dnd-bmw strong, body.dnd-bmw b { font-weight: 700; }
body.dnd-bmw .font-display { font-style: normal !important; }

/* ---------- Góc vuông, phẳng (đường kẻ mảnh thay bóng đổ) ---------- */
body.dnd-bmw *:not(.rounded-full):not(.hamburger-inner) { border-radius: 0 !important; }
body.dnd-bmw .rounded-full:not(img):not([class*="h-6"]):not([class*="h-10"]):not([class*="w-10"]):not([class*="h-32"]) { border-radius: 0 !important; }
body.dnd-bmw .shadow-elegant, body.dnd-bmw .shadow-2xl, body.dnd-bmw .shadow-xl, body.dnd-bmw .shadow-lg { box-shadow: none !important; }
body.dnd-bmw .backdrop-blur, body.dnd-bmw .backdrop-blur-sm, body.dnd-bmw .backdrop-blur-xl { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }

/* ---------- Nút: vàng đồng logo, chữ navy, vuông ---------- */
body.dnd-bmw .bg-brand-500, body.dnd-bmw .bg-gold-500, body.dnd-bmw .bg-amber-500, body.dnd-bmw a.bg-brand-600, body.dnd-bmw button.bg-brand-600,
body.dnd-bmw input[type="submit"], body.dnd-bmw button[type="submit"], body.dnd-bmw .wpcf7-submit {
  background: var(--k-gold) !important; background-image: none !important; color: var(--k-navy) !important; border: 0 !important;
  font-weight: 700 !important; letter-spacing: 0 !important; text-transform: none !important; box-shadow: none !important;
  transition: background-color 200ms var(--k-ease) !important; transform: none !important;
}
body.dnd-bmw .bg-brand-500:hover, body.dnd-bmw .bg-gold-500:hover, body.dnd-bmw .bg-amber-500:hover, body.dnd-bmw input[type="submit"]:hover, body.dnd-bmw button[type="submit"]:hover, body.dnd-bmw .wpcf7-submit:hover { background: var(--k-gold2) !important; }
body.dnd-bmw .bg-brand-500 *, body.dnd-bmw .bg-gold-500 * { color: inherit !important; }
body.dnd-bmw a:focus-visible, body.dnd-bmw button:focus-visible, body.dnd-bmw input:focus-visible, body.dnd-bmw textarea:focus-visible, body.dnd-bmw select:focus-visible { outline: 2px solid var(--k-gold-ink) !important; outline-offset: 2px; }
body.dnd-bmw .text-brand-500, body.dnd-bmw .text-brand-600, body.dnd-bmw .text-gold-500, body.dnd-bmw .text-gold-600, body.dnd-bmw .text-accent { color: var(--k-gold-ink) !important; }

/* Ô nhập */
body.dnd-bmw input[type="text"], body.dnd-bmw input[type="tel"], body.dnd-bmw input[type="email"], body.dnd-bmw input[type="search"], body.dnd-bmw textarea, body.dnd-bmw select {
  border: 1px solid var(--k-line2) !important; background: #fff !important; color: var(--k-ink) !important; box-shadow: none !important; font-weight: 400 !important;
}

/* ---------- Đầu trang: trắng đặc, đường kẻ mảnh, chữ thường ---------- */
body.dnd-bmw #site-header { background: #fff !important; box-shadow: 0 1px 0 var(--k-line) !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
html body.dnd-bmw #site-header a, html body.dnd-bmw #site-header .dnd-lang, html body.dnd-bmw #site-header .dnd-lang a, html body.dnd-bmw #mobile-menu-toggle, html body.dnd-bmw #site-header #menu-menu-chinh > li > a { color: var(--k-ink) !important; }
body.dnd-bmw #site-header nav a, body.dnd-bmw #menu-menu-chinh > li > a { text-transform: none !important; letter-spacing: 0 !important; font-weight: 400 !important; font-size: 15px !important; }
html body.dnd-bmw #site-header #menu-menu-chinh > .current-menu-item > a, html body.dnd-bmw #site-header #menu-menu-chinh > .current-menu-ancestor > a { color: var(--k-ink) !important; font-weight: 700 !important; box-shadow: inset 0 -2px 0 var(--k-gold); }
html body.dnd-bmw #site-header #menu-menu-chinh > li > a:hover { color: var(--k-gold-ink) !important; }
html body.dnd-bmw #site-header .hamburger-inner, html body.dnd-bmw #site-header .hamburger-inner::before, html body.dnd-bmw #site-header .hamburger-inner::after { background-color: var(--k-ink) !important; }

/* ---------- Chân trang: dải navy ---------- */
body.dnd-bmw .footer-gold { background: var(--k-navy) !important; background-image: none !important; color: var(--k-on-navy2) !important; }
body.dnd-bmw .footer-gold h2, body.dnd-bmw .footer-gold h3, body.dnd-bmw .footer-gold h4, body.dnd-bmw .footer-gold strong { color: #fff !important; }
body.dnd-bmw .footer-gold a { color: var(--k-on-navy2) !important; }
body.dnd-bmw .footer-gold a:hover { color: var(--k-gold) !important; }
body.dnd-bmw .footer-gold .bg-white\/5 { background: var(--k-navy2) !important; border-color: rgba(255,255,255,.12) !important; }

/* ---------- Nền tối cũ → nền kem (giữ nguyên khung) ---------- */
body.dnd-bmw.page-template-template-news,
body.dnd-bmw .dnd-newsroom, body.dnd-bmw .dnd-video-gallery, body.dnd-bmw .dnd-progress-directory, body.dnd-bmw .dnd-cn-page {
  background: var(--k-canvas) !important; background-image: none !important; color: var(--k-body) !important;
}
body.dnd-bmw .dnd-progress-directory::before, body.dnd-bmw .dnd-newsroom::before, body.dnd-bmw .dnd-newsroom::after { display: none !important; }
body.dnd-bmw .dnd-newsroom h1, body.dnd-bmw .dnd-newsroom h2, body.dnd-bmw .dnd-newsroom h3,
body.dnd-bmw .dnd-video-gallery h1, body.dnd-bmw .dnd-video-gallery h2, body.dnd-bmw .dnd-video-gallery h3,
body.dnd-bmw .dnd-progress-directory h1, body.dnd-bmw .dnd-progress-directory h2, body.dnd-bmw .dnd-progress-directory h3,
body.dnd-bmw .dnd-cn-page h1, body.dnd-bmw .dnd-cn-page h2, body.dnd-bmw .dnd-cn-page h3 { color: var(--k-ink) !important; }
body.dnd-bmw .dnd-newsroom p, body.dnd-bmw .dnd-newsroom span, body.dnd-bmw .dnd-newsroom time, body.dnd-bmw .dnd-newsroom a,
body.dnd-bmw .dnd-video-gallery p, body.dnd-bmw .dnd-video-gallery span, body.dnd-bmw .dnd-video-gallery a,
body.dnd-bmw .dnd-progress-directory p, body.dnd-bmw .dnd-progress-directory span, body.dnd-bmw .dnd-progress-directory a,
body.dnd-bmw .dnd-cn-page p, body.dnd-bmw .dnd-cn-page span, body.dnd-bmw .dnd-cn-page a { color: var(--k-body) !important; }
/* Thẻ trên nền kem: trắng, kẻ mảnh, không kính mờ */
body.dnd-bmw .dnd-n-card, body.dnd-bmw .dnd-n-grid .dnd-n-card, body.dnd-bmw .dnd-v-card, body.dnd-bmw .dnd-progress-card, body.dnd-bmw .dnd-progress-item {
  background: var(--k-card) !important; border: 1px solid var(--k-line) !important; box-shadow: none !important;
}
body.dnd-bmw .dnd-n-card:hover, body.dnd-bmw .dnd-v-card:hover { border-color: var(--k-gold) !important; }
body.dnd-bmw .dnd-n-controls button { border: 1px solid var(--k-line2) !important; color: var(--k-ink) !important; background: #fff !important; }
body.dnd-bmw .dnd-n-position { color: var(--k-mute) !important; }
body.dnd-bmw .dnd-n-progress { background: var(--k-line) !important; }
body.dnd-bmw .dnd-n-progress > span { background: var(--k-gold) !important; }
body.dnd-bmw .dnd-v-play-symbol { background: var(--k-navy) !important; border-color: var(--k-gold) !important; }

/* ---------- Dải navy ôm ảnh dự án ---------- */
body.dnd-bmw .dnd-hero, body.dnd-bmw section.dnd-bc { background: var(--k-navy) !important; color: var(--k-on-navy) !important; }
body.dnd-bmw .dnd-hero h1, body.dnd-bmw .dnd-hero h2, body.dnd-bmw .dnd-bc h1, body.dnd-bmw .dnd-bc h2 { color: #fff !important; }
body.dnd-bmw .dnd-hero p, body.dnd-bmw .dnd-hero span, body.dnd-bmw .dnd-hero nav, body.dnd-bmw .dnd-hero nav a, body.dnd-bmw .dnd-bc p, body.dnd-bmw .dnd-bc nav, body.dnd-bmw .dnd-bc nav a, body.dnd-bmw .dnd-bc nav span, body.dnd-bmw .dnd-bc .breadcrumbs, body.dnd-bmw .dnd-bc .breadcrumbs * { color: var(--k-on-navy2) !important; }

/* Khối nền trắng / xám nhạt của theme → kem / trắng xen kẽ */
body.dnd-bmw .bg-slate-50, body.dnd-bmw .bg-slate-100 { background-color: var(--k-soft) !important; }
body.dnd-bmw section.bg-white { background-color: var(--k-canvas) !important; }
body.dnd-bmw .bg-slate-900, body.dnd-bmw .bg-slate-950, body.dnd-bmw .bg-\[\#0F172A\] { background-color: var(--k-navy) !important; }
body.dnd-bmw .text-slate-900, body.dnd-bmw .text-navy-600 { color: var(--k-ink) !important; }
body.dnd-bmw .text-slate-600, body.dnd-bmw .text-slate-700 { color: var(--k-body) !important; }
body.dnd-bmw .text-slate-500, body.dnd-bmw .text-slate-400 { color: var(--k-mute) !important; }
body.dnd-bmw .border-slate-100, body.dnd-bmw .border-slate-200 { border-color: var(--k-line) !important; }

/* Link trong bài */
body.dnd-bmw .entry-content a, body.dnd-bmw .prose a { color: var(--k-gold-ink) !important; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
body.dnd-bmw .entry-content a:hover, body.dnd-bmw .prose a:hover { color: var(--k-ink) !important; }

@media (prefers-reduced-motion: reduce) { body.dnd-bmw * { transition-duration: 1ms !important; animation-duration: 1ms !important; } }

/* Nút: chữ thường, không giãn chữ (BMW) */
body.dnd-bmw a[class*="bg-"][class*="uppercase"], body.dnd-bmw button[class*="uppercase"], body.dnd-bmw .bg-amber-500, body.dnd-bmw .bg-brand-500 { text-transform: none !important; letter-spacing: 0 !important; font-size: 15px !important; }
/* Băng chuyền ảnh dự án trong dải navy: nút điều hướng, số trang */
body.dnd-bmw .dnd-bc a:not([class*="bg-"]), body.dnd-bmw .dnd-bc button:not([class*="bg-"]) { color: #fff; }
/* Đầu trang dự án (băng chuyền) trong dải navy */
body.dnd-bmw .dnd-bc { border-bottom: 0 !important; }
body.dnd-bmw .dnd-bc__nhan { color: var(--k-gold) !important; letter-spacing: .12em !important; }
body.dnd-bmw .dnd-bc__h1 { color: #fff !important; }
body.dnd-bmw .dnd-bc__cta { background: var(--k-gold) !important; color: var(--k-navy) !important; letter-spacing: 0 !important; text-transform: none !important; font-size: 15px !important; }
body.dnd-bmw .dnd-bc__cta:hover { background: var(--k-gold2) !important; color: var(--k-navy) !important; }
body.dnd-bmw .dnd-bc__phu { border-color: rgba(255,255,255,.6) !important; color: #fff !important; letter-spacing: 0 !important; text-transform: none !important; font-size: 15px !important; }
body.dnd-bmw .dnd-bc__phu:hover { background: rgba(255,255,255,.08) !important; }
body.dnd-bmw .dnd-bc__the { box-shadow: none !important; }
body.dnd-bmw .dnd-bc__the-chu { text-transform: none !important; letter-spacing: 0 !important; }
body.dnd-bmw .dnd-bc__dem { color: var(--k-on-navy2) !important; }
body.dnd-bmw .dnd-bc__dem b { color: #fff !important; }
body.dnd-bmw .dnd-bc__breadcrumb, body.dnd-bmw .dnd-bc__breadcrumb * { color: var(--k-on-navy2) !important; text-transform: none !important; letter-spacing: 0 !important; }
body.dnd-bmw .dnd-bc__breadcrumb a:hover { color: var(--k-gold) !important; }
/* Hộp "Thông số chi tiết" trang dự án: dải navy (chữ trắng sẵn có) */
body.dnd-bmw .dnd-specbox { background: var(--k-navy) !important; border: 0 !important; }
body.dnd-bmw .dnd-specbox h3 { color: var(--k-gold) !important; }

/* Trang /du-an/: nền xanh rêu → kem; ảnh đầu trang giữ, phủ navy */
body.dnd-bmw .dnd-project-directory { background: var(--k-canvas) !important; color: var(--k-body) !important; --p-white: var(--k-ink); --p-muted: var(--k-mute); --p-border: var(--k-line); }
body.dnd-bmw .dnd-p-hero { background: var(--k-navy) !important; }
body.dnd-bmw .dnd-p-hero-shade { background: linear-gradient(180deg, rgba(14,27,48,.25) 0%, rgba(14,27,48,.55) 45%, rgba(14,27,48,.92) 100%) !important; }
body.dnd-bmw .dnd-p-hero-copy h1 { color: #fff !important; letter-spacing: -.01em !important; }
body.dnd-bmw .dnd-p-hero-copy nav, body.dnd-bmw .dnd-p-hero-copy nav * { color: var(--k-on-navy2) !important; text-transform: none !important; letter-spacing: 0 !important; font-size: 13px !important; }
body.dnd-bmw .dnd-p-watermark { display: none !important; }
body.dnd-bmw .dnd-p-kicker, body.dnd-bmw .dnd-p-other-heading > span { color: var(--k-gold-ink) !important; letter-spacing: .1em !important; }
body.dnd-bmw .dnd-p-feature-card { background: var(--k-card) !important; border: 1px solid var(--k-line) !important; }
body.dnd-bmw .dnd-p-feature-card:hover { border-color: var(--k-gold) !important; }
body.dnd-bmw .dnd-project-directory h2, body.dnd-bmw .dnd-project-directory h3 { color: var(--k-ink) !important; }
body.dnd-bmw .dnd-project-directory p, body.dnd-bmw .dnd-p-index, body.dnd-bmw .dnd-p-label { color: var(--k-body) !important; }
body.dnd-bmw .dnd-p-detail { color: var(--k-ink) !important; text-transform: none !important; letter-spacing: 0 !important; font-size: 14px !important; font-weight: 700 !important; }
body.dnd-bmw .dnd-p-detail > span { background: var(--k-line2) !important; }
body.dnd-bmw .dnd-p-feature-card:hover .dnd-p-detail > span, body.dnd-bmw .dnd-p-row:hover .dnd-p-detail > span { background: var(--k-gold) !important; }
body.dnd-bmw .dnd-p-row { border-top: 1px solid var(--k-line) !important; }
body.dnd-bmw .dnd-p-row:nth-child(even) { background: var(--k-soft) !important; }
body.dnd-bmw .dnd-p-row:hover { background: #fff !important; }
body.dnd-bmw .dnd-p-feature-image, body.dnd-bmw .dnd-p-row-image { background: var(--k-strong) !important; }
body.dnd-bmw .dnd-p-contact > a { border-color: var(--k-ink) !important; color: var(--k-ink) !important; text-transform: none !important; letter-spacing: 0 !important; font-size: 15px !important; font-weight: 700; }
body.dnd-bmw .dnd-p-contact > a:hover { background: var(--k-gold) !important; border-color: var(--k-gold) !important; }
/* Giới thiệu (27) và chuyên mục Tuyển dụng (28): lớp xanh rêu cũ → kem; khối lãnh đạo thành dải navy */
body.dnd-bmw.page-id-27 main, body.dnd-bmw.category-28 main.news-archive-section { background: var(--k-canvas) !important; color: var(--k-body) !important; }
body.dnd-bmw.page-id-27 main h1, body.dnd-bmw.page-id-27 main h2, body.dnd-bmw.page-id-27 main h3, body.dnd-bmw.page-id-27 main summary, body.dnd-bmw.page-id-27 main strong { color: var(--k-ink) !important; }
body.dnd-bmw.page-id-27 main p, body.dnd-bmw.page-id-27 main .text-slate-600, body.dnd-bmw.page-id-27 main .text-slate-500, body.dnd-bmw.page-id-27 main .text-slate-400, body.dnd-bmw.page-id-27 main .prose { color: var(--k-body) !important; }
body.dnd-bmw.page-id-27 main .bg-white, body.dnd-bmw.page-id-27 main .bg-slate-100, body.dnd-bmw.page-id-27 main details { background-color: #fff !important; border-color: var(--k-line) !important; }
body.dnd-bmw.page-id-27 main .border-slate-100, body.dnd-bmw.page-id-27 main .border-slate-200 { border-color: var(--k-line) !important; }
body.dnd-bmw.page-id-27 main .text-brand-600, body.dnd-bmw.page-id-27 main .text-brand-500 { color: var(--k-gold-ink) !important; }
body.dnd-bmw.page-id-27 main a.bg-brand-500, body.dnd-bmw.page-id-27 main a.bg-brand-600 { background: var(--k-gold) !important; color: var(--k-navy) !important; }
body.dnd-bmw.page-id-27 main > section:first-child > .absolute > div.absolute { background: linear-gradient(180deg, rgba(14,27,48,.35) 0%, rgba(14,27,48,.6) 45%, rgba(14,27,48,.95) 100%) !important; }
body.dnd-bmw.page-id-27 main > section:first-child h1, body.dnd-bmw.page-id-27 main > section:first-child p, body.dnd-bmw.page-id-27 main > section:first-child a, body.dnd-bmw.page-id-27 main > section:first-child span { color: #fff !important; }
body.dnd-bmw.page-id-27 main .dnd-leaders { background: var(--k-navy) !important; }
body.dnd-bmw.page-id-27 main .dnd-leaders h2, body.dnd-bmw.page-id-27 main .dnd-leaders h3, body.dnd-bmw.page-id-27 main .dnd-leaders strong { color: #fff !important; }
body.dnd-bmw.page-id-27 main .dnd-leaders p { color: var(--k-on-navy2) !important; }
body.dnd-bmw.page-id-27 main .dnd-leaders__kicker, body.dnd-bmw.page-id-27 main .dnd-leaders__role { color: var(--k-gold) !important; }
body.dnd-bmw.page-id-27 main .dnd-leaders__card { background: var(--k-navy2) !important; border-color: rgba(255,255,255,.12) !important; }
/* Khối navy có sẵn (bg-[#0F172A], "Đồng hành cùng DnD Realty") giữ chữ trắng */
body.dnd-bmw main .bg-\[\#0F172A\] h2, body.dnd-bmw main .bg-\[\#0F172A\] p, body.dnd-bmw main .bg-\[\#0F172A\] span { color: #fff !important; }
body.dnd-bmw.category-28 .news-archive-title, body.dnd-bmw.category-28 .news-card-title, body.dnd-bmw.category-28 .news-card-title a { color: var(--k-ink) !important; }
body.dnd-bmw.category-28 .news-archive-title span { color: var(--k-gold-ink) !important; }
body.dnd-bmw.category-28 .archive-description, body.dnd-bmw.category-28 main .breadcrumbs, body.dnd-bmw.category-28 main .breadcrumbs a { color: var(--k-mute) !important; }
body.dnd-bmw.category-28 .news-card-horizontal { background: #fff !important; border: 1px solid var(--k-line) !important; }
body.dnd-bmw.category-28 .news-pagination .page-numbers { color: var(--k-ink) !important; background: #fff !important; border-color: var(--k-line) !important; }
/* Thanh số mục (khung giữ nguyên): tông kem–vàng đồng */
html body.dnd-bmw .dnd-section-nav { background: var(--k-navy) !important; border-color: transparent !important; }
html body.dnd-bmw .dnd-section-nav a { color: var(--k-on-navy2) !important; }
html body.dnd-bmw .dnd-section-nav a[aria-current="true"], html body.dnd-bmw .dnd-section-nav a.is-active { background: var(--k-gold) !important; color: var(--k-navy) !important; }
/* Nút gửi ở chân trang */
body.dnd-bmw .footer-gold button, body.dnd-bmw .footer-gold input[type="submit"] { background: var(--k-gold) !important; background-image: none !important; color: var(--k-navy) !important; box-shadow: none !important; }
/* Bảng: hàng tiêu đề navy chữ trắng (bản cũ có chỗ chữ trắng trên nền trắng), số liệu thẳng cột */
body.dnd-bmw table th { background: var(--k-navy) !important; color: #fff !important; border-color: var(--k-navy2) !important; font-weight: 700 !important; letter-spacing: 0 !important; }
body.dnd-bmw table td { border-color: var(--k-line) !important; font-variant-numeric: tabular-nums; }
body.dnd-bmw table tbody tr:nth-child(even) td { background-color: var(--k-soft); }