/*
 * DHTD Child — main.css
 * Override giao diện theo brand palette (xem brand-colors.css cho token gốc).
 *
 * GHI CHÚ SPECIFICITY (quan trọng — đã kiểm chứng thực tế trên site chạy Kadence):
 * Kadence tự enqueue thêm global.min.css/header.min.css/content.min.css/footer.min.css
 * SAU main.css của child theme (không nằm trong dependency chain mình khai báo), và các
 * rule gốc của Kadence dùng cùng specificity với override đơn giản (vd thẻ `a`, class
 * `.site-header`, hoặc ID `#masthead`) — dẫn tới rule của Kadence thắng vì load sau.
 * => Toàn bộ selector dưới đây được tăng specificity có chủ đích (thêm `body` / kết hợp
 * ID+class) để thắng cascade một cách ổn định, KHÔNG dùng !important tràn lan.
 */

html body {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}
html body h1, html body h2, html body h3, html body h4, html body h5, html body h6 {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  font-weight: 700;
  letter-spacing: -0.01em;
}

body {
  color: var(--dhtd-text);
}

body a {
  color: var(--dhtd-sky);
  text-decoration: underline;
}
body a:hover,
body a:focus {
  color: var(--dhtd-navy);
}

/* Section nền xen kẽ dùng class .dhtd-bg-light (gắn tay trong block editor / template) */
.dhtd-bg-light {
  background-color: var(--dhtd-light-bg);
}

/* ---- Buttons: WordPress core block button + Kadence advanced button (nội dung Gutenberg) ---- */
body .wp-block-button__link,
body .kt-btn,
body .kb-btn {
  background-color: var(--dhtd-navy);
  border-color: var(--dhtd-navy);
  color: var(--dhtd-white);
  border-radius: 4px;
}
body .wp-block-button__link:hover,
body .kt-btn:hover,
body .kb-btn:hover {
  background-color: var(--dhtd-navy-hover);
  border-color: var(--dhtd-navy-hover);
  color: var(--dhtd-white);
}

/* Nút outline / secondary — gắn class .is-style-outline (WP core) hoặc .dhtd-btn-secondary */
body .is-style-outline .wp-block-button__link,
body .dhtd-btn-secondary {
  background-color: transparent;
  border: 2px solid var(--dhtd-sky);
  color: var(--dhtd-sky);
}
body .is-style-outline .wp-block-button__link:hover,
body .dhtd-btn-secondary:hover {
  background-color: var(--dhtd-sky);
  color: var(--dhtd-white);
}

/* CTA nổi bật (Yêu cầu báo giá / Đặt lịch tư vấn) — gắn class .dhtd-btn-cta trong nội dung */
body .dhtd-btn-cta {
  background-color: var(--dhtd-gold);
  border-color: var(--dhtd-gold);
  color: var(--dhtd-navy); /* chữ Navy trên nền Gold — đạt chuẩn contrast, xem brand-colors.md mục 3 */
  font-weight: 700;
}
body .dhtd-btn-cta:hover {
  background-color: var(--dhtd-gold-hover);
  border-color: var(--dhtd-gold-hover);
  color: var(--dhtd-navy);
}

/* ---- Header / Site branding ----
   v1.5.0 (31/08/2026 — Task "Sửa Header Logo & Hero"): đổi nền header từ
   Navy sang White theo mockup chuẩn "DHTD - Trang chủ mới".
   LÝ DO (không phải chỉ thẩm mỹ): logo chính thức dhtd-logo-horizontal.png
   có chữ "DHTD" vẽ sẵn màu Navy trong file ảnh (xem Logo mới/DHTD Logo
   Horizontal - Transparent.png) — đặt trên nền Navy khiến chữ gần như biến
   mất (kiểm chứng bằng zoom screenshot thực tế trên dhtd.local), đây mới là
   nguyên nhân thật của phản hồi "logo khó đọc", không đơn thuần do kích
   thước. Không tạo phiên bản logo mới — sửa nền header để logo hiện có hiển
   thị đúng như thiết kế.
   Dọn luôn CSS chết của lockup icon+HTML-text (.dhtd-logo-lockup/.dhtd-logo-
   name/.dhtd-logo-slogan...) từ bản v1.1.5 — không còn markup nào dùng các
   class này từ khi logo-bootstrap.php chuyển sang ảnh logo ngang ở v1.4.0.
   Kadence render header background qua rule `#masthead{background-color:...}` (ID) sinh
   động từ Customizer — phải match bằng ID mới thắng được, class đơn thuần sẽ luôn thua. */
#masthead.site-header,
#masthead .kadence-header-wrap {
  background-color: var(--dhtd-white);
  box-shadow: 0 1px 0 var(--dhtd-border);
}
#masthead.site-header a,
#masthead .kadence-header-wrap a,
#masthead.site-header .site-branding .site-title,
#masthead.site-header .site-branding .site-title a,
#masthead.site-header .site-branding .site-tagline {
  color: var(--dhtd-navy);
}
#masthead.site-header a:hover,
#masthead .kadence-header-wrap a:hover {
  color: var(--dhtd-sky);
}

/* ---- Header CTA button (gắn qua inc/header-layout-bootstrap.php, module
   "Header Button" có sẵn của Kadence) — đè màu mặc định (xanh) bằng gold/navy
   theo brand, khớp .dhtd-btn--cta dùng ở nơi khác trong site. ---- */
#masthead.site-header .header-button-wrap {
  margin-left: 28px;
}
#masthead.site-header .header-button-wrap .button.header-button {
  background-color: var(--dhtd-gold);
  border-color: var(--dhtd-gold);
  color: var(--dhtd-navy) !important;
  font-weight: 700;
  border-radius: 6px;
  padding: 11px 22px;
}
#masthead.site-header .header-button-wrap .button.header-button:hover {
  background-color: var(--dhtd-gold-hover);
  border-color: var(--dhtd-gold-hover);
  color: var(--dhtd-navy) !important;
}
@media (max-width: 1080px) {
  #masthead.site-header .header-button-wrap { display: none; } /* Nhường chỗ cho hamburger — Bước 4 sẽ xử lý CTA riêng cho mobile nếu cần */
}

/* ---- Cân khoảng cách logo badge (rộng hơn icon cũ) với menu — Bước "Bố cục
   header row" 26/08/2026. ---- */
#masthead.site-header .site-header-main-section-left {
  margin-right: 32px;
}
#masthead.site-header .main-navigation #primary-menu > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
}

/* ---- Footer 4 cột (gắn qua inc/footer-custom.php, thay hoàn toàn footer_markup
   mặc định của Kadence — xem lịch sử trong file đó) — theo mockup trang chủ
   31/08/2026. ---- */
.dhtd-footer {
  background-color: var(--dhtd-navy);
  padding: 72px 0 0;
}
.dhtd-footer__grid {
  display: grid;
  /* Task 9.1 (05/09/2026): grid trước đây chỉ khai 4 track nhưng có 5 khối con
     (brand + Giải pháp + Dịch vụ + Công ty + Liên hệ) nên cột "Liên hệ" bị đẩy
     xuống hàng dưới thay vì nằm cùng hàng — sửa thành 5 track cân đối. */
  /* Task 9.2 (05/09/2026): tang ty le cot brand de logo to hon (~220px) +
     logo-plate khong bi chat, van giu 5 track can doi cung hang. */
  grid-template-columns: 1.5fr 0.68fr 0.68fr 0.68fr 0.78fr;
  gap: 40px;
  padding-bottom: 56px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}
.dhtd-footer__logo-row {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px; /* Task 9.2: khoang cach logo -> mo ta, muc tieu 18-22px */
}
.dhtd-footer__icon {
  height: 38px;
  width: auto;
}
.dhtd-footer__wordmark {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  font-weight: 800;
  font-size: 18px;
  color: var(--dhtd-white);
}
.dhtd-footer__desc {
  font-size: 14px;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.68);
  max-width: 320px; /* Task 9.2: cot brand rong hon, noi dung khong bi be thanh qua nhieu dong ngan */
  margin: 0;
}
.dhtd-footer__heading {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.45);
  margin: 0 0 18px;
}
.dhtd-footer__col {
  display: flex;
  flex-direction: column;
}
.dhtd-footer__col a,
.dhtd-footer__col span.dhtd-footer__address {
  font-size: 14.5px;
  color: rgba(255, 255, 255, 0.82);
  margin-bottom: 12px;
  line-height: 1.5;
}
.dhtd-footer__col a:hover {
  color: var(--dhtd-white);
}
.dhtd-footer__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 22px 24px;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.5);
}
@media (max-width: 900px) {
  .dhtd-footer__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 600px) {
  .dhtd-footer__grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .dhtd-footer__bottom {
    flex-direction: column;
    gap: 6px;
    text-align: center;
  }
}

/* ---- Card dùng cho nội dung Gutenberg tự do (không phải grid Dịch vụ/Sản phẩm tự dựng) ---- */
.dhtd-card {
  background-color: var(--dhtd-white);
  border: 1px solid var(--dhtd-border);
  border-radius: 8px;
  padding: 24px;
}
.dhtd-card__title {
  color: var(--dhtd-navy);
}
.dhtd-card__meta {
  color: var(--dhtd-muted);
  font-size: 0.9em;
}

/* =====================================================================
 * DESIGN SYSTEM DÙNG CHUNG — Trang chủ (home.css) + Dịch vụ/Sản phẩm/
 * Giải pháp/Case Study/Khách hàng/Tài nguyên (catalog.css) đều build trên
 * cùng bộ utility này để không lặp code, không lệch style giữa các trang.
 * Chuyển từ home.css sang đây (trước đó chỉ home.css dùng, giờ dùng chung).
 * ===================================================================== */

.dhtd-container {
  max-width: 1160px;
  margin-inline: auto;
  padding-inline: 24px;
}

.dhtd-eyebrow {
  font-size: 0.8125rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--dhtd-sky);
  margin: 0 0 12px;
}

.dhtd-section-title {
  font-size: clamp(1.6rem, 2.4vw, 2.1rem);
  line-height: 1.25;
  color: var(--dhtd-navy);
  margin: 0;
}

.dhtd-section-head {
  max-width: 620px;
  margin-bottom: 48px;
}

/* ---------------------------------- Buttons ---------------------------------- */
.dhtd-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 13px 26px;
  border-radius: 6px;
  font-weight: 700;
  font-size: 0.95rem;
  text-decoration: none !important;
  border: 1.5px solid transparent;
  transition: background-color .15s ease, color .15s ease, border-color .15s ease;
  cursor: pointer;
  font-family: inherit;
}
.dhtd-btn--primary {
  background-color: var(--dhtd-navy);
  color: var(--dhtd-white) !important;
}
.dhtd-btn--primary:hover { background-color: var(--dhtd-navy-hover); }
.dhtd-btn--outline {
  border-color: var(--dhtd-border);
  color: var(--dhtd-navy) !important;
}
.dhtd-btn--outline:hover { border-color: var(--dhtd-navy); background-color: var(--dhtd-light-bg); }
.dhtd-btn--cta {
  background-color: var(--dhtd-gold);
  color: var(--dhtd-navy) !important;
  white-space: nowrap;
}
.dhtd-btn--cta:hover { background-color: var(--dhtd-gold-hover); }
.dhtd-btn--sm { padding: 10px 18px; font-size: 0.875rem; }
.dhtd-btn--full { width: 100%; justify-content: center; }
/* Outline gold — dùng trên nền tối (navy), ví dụ banner "Dự án nổi bật" ở archive-dhtd_case_study.php */
.dhtd-btn--gold-outline {
  border-color: var(--dhtd-gold);
  color: var(--dhtd-gold) !important;
  background-color: transparent;
}
.dhtd-btn--gold-outline:hover {
  background-color: var(--dhtd-gold);
  color: var(--dhtd-navy) !important;
}

/* ---- Site Logo v1.4.0 (31/08/2026) — ảnh logo chính thức thay cho icon+HTML-text ----
   File nguồn 1725x589 (tỉ lệ ~2.93:1) — giới hạn chiều cao, width tự theo tỉ lệ. */
#masthead.site-header .dhtd-header-logo-img {
  height: 46px;
  width: auto;
  max-width: none;
}
@media (max-width: 600px) {
  #masthead.site-header .dhtd-header-logo-img { height: 34px; }
}

/* ---- Menu chính: không cho wrap xuống dòng 2 trên desktop (bug đã báo cáo
   31/08/2026) — 7 item + CTA gold cần vừa 1 dòng ở >=1080px. ---- */
@media (min-width: 1081px) {
  #masthead.site-header .main-navigation ul.primary-menu {
    flex-wrap: nowrap;
  }
  #masthead.site-header .main-navigation #primary-menu > li > a {
    white-space: nowrap;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 0.9375rem;
  }
}

/* ---- Footer logo (ảnh logo chính thức, thay icon+wordmark HTML cũ) ---- */
/* Task 9.2 (05/09/2026): logo qua nho (height:34px) va wordmark mau navy chim
   tren nen navy cua Footer. Bo gioi han height, dat width muc tieu theo
   breakpoint (auto height, giu dung ty le, khong bop meo), va boc logo trong
   1 "logo plate" nen sang de tao tuong phan — khong doi mau logo goc, khong
   dung CSS filter. */
.dhtd-footer__brand {
  display: flex;
  flex-direction: column;
  min-width: 0; /* cho phep grid item co lai dung, tranh day tran o man hep */
}
.dhtd-footer__logo-plate {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #F3F7FC;
  border-radius: 9px;
  padding: 12px 14px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.14);
  max-width: 100%;
}
.dhtd-footer__logo-img {
  display: block;
  width: 220px; /* desktop: muc tieu 210-230px */
  max-width: 100%;
  height: auto;
}
@media (max-width: 900px) {
  .dhtd-footer__logo-img {
    width: 200px; /* tablet: muc tieu 190-210px */
  }
}
@media (max-width: 600px) {
  .dhtd-footer__logo-img {
    width: 190px; /* mobile: muc tieu 180-200px */
  }
  .dhtd-footer__logo-plate {
    padding: 10px 12px;
  }
}
.dhtd-footer__legal-links a {
  color: rgba(255, 255, 255, 0.6);
  margin-left: 18px;
  text-decoration: none;
}
.dhtd-footer__legal-links a:hover {
  color: var(--dhtd-white);
  text-decoration: underline;
}
@media (max-width: 600px) {
  .dhtd-footer__legal-links a { margin-left: 0; margin-right: 14px; }
}
/* Task 61 (03/10/2026): 4 link pháp lý — nav flex, tự xuống dòng khi hẹp, không tràn ngang */
.dhtd-footer__legal-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 4px 0;
}
.dhtd-footer__bottom { flex-wrap: wrap; gap: 8px 24px; }
@media (max-width: 600px) {
  .dhtd-footer__legal-links { justify-content: center; }
  .dhtd-footer__legal-links a { margin-right: 0; padding: 0 8px; }
}

/* ---- Task 9.1 (05/09/2026): address block, 2 số điện thoại tách link, focus-visible ---- */
.dhtd-footer__contact {
  font-style: normal; /* <address> mặc định italic — không hợp design, tắt bằng CSS */
}
.dhtd-footer__phones {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 2px 8px;
  margin: 0 0 12px;
}
.dhtd-footer__phones a {
  margin-bottom: 0; /* override .dhtd-footer__col a — 2 link nằm chung 1 dòng, không cần spacing dọc */
}
.dhtd-footer__phone-sep {
  color: rgba(255, 255, 255, 0.4);
}
@media (max-width: 360px) {
  /* Màn rất hẹp: cho 2 số xuống 2 dòng riêng thay vì ép chung 1 dòng chật */
  .dhtd-footer__phones {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }
  .dhtd-footer__phone-sep {
    display: none;
  }
}
.dhtd-footer a:focus-visible {
  outline: 2px solid var(--dhtd-gold);
  outline-offset: 2px;
  border-radius: 2px;
}


/* ---- Task 60A (02/10/2026): dropdown submenu desktop ----
   Menu chinh truoc day khong co submenu nen Kadence dung mau dropdown mac dinh (nen toi,
   chu navy -> khong doc duoc). Them submenu "Microsoft 365" duoi "Giai phap" nen chi bo sung
   style toi thieu cho dropdown desktop, cung bang mau thuong hieu. Khong doi layout Header. */
#masthead .header-navigation ul ul.sub-menu {
  background: var(--dhtd-white);
  border: 1px solid var(--dhtd-border);
  border-radius: 8px;
  box-shadow: 0 6px 18px rgba(22, 62, 124, 0.08);
  min-width: 220px;
  width: auto;
  padding: 6px 0;
}
#masthead .header-navigation ul ul.sub-menu li a {
  width: auto;
  background: transparent;
  color: var(--dhtd-navy);
  font-size: 0.875rem;
  font-weight: 600;
  padding: 11px 18px;
  white-space: nowrap;
}
#masthead .header-navigation ul ul.sub-menu li a:hover,
#masthead .header-navigation ul ul.sub-menu li a:focus-visible,
#masthead .header-navigation ul ul.sub-menu li.current-menu-item > a {
  background: var(--dhtd-light-bg);
  color: var(--dhtd-sky-hover);
}


/* ---- Task 61.1/61.2 (03-04/10/2026): form lien he (Fluent Form 3) — thong bao privacy + consent ----
   Ap dung cho form tren Trang chu va /lien-he/. Loi hien thi >= 15px, mau dat do du tuong phan. */
.dhtd-form-privacy-note-wrap { margin-bottom: 10px; }
.dhtd-form-privacy-note {
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.6;
  color: var(--dhtd-muted);
}
.dhtd-form-privacy-note a {
  color: var(--dhtd-sky-hover);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.dhtd-form-privacy-note a:hover { color: var(--dhtd-navy); }
.dhtd-form-consent .ff_tc_label {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  cursor: pointer;
}
.dhtd-form-consent .ff_tc_checkbox { flex: 0 0 auto; margin-top: 3px; }
.dhtd-form-consent .ff_t_c { font-size: 0.9375rem; line-height: 1.55; color: var(--dhtd-text); }
.dhtd-form-consent input[type="checkbox"] {
  width: 18px;
  height: 18px;
  margin: 0;
  accent-color: var(--dhtd-navy);
}
.dhtd-form-privacy-note a:focus-visible,
.dhtd-form-consent input[type="checkbox"]:focus-visible {
  outline: 2px solid var(--dhtd-sky);
  outline-offset: 2px;
  border-radius: 2px;
}
.frm-fluent-form.fluent_form_3 .ff-el-group .error.text-danger,
.frm-fluent-form.fluent_form_3 .ff-el-is-error .error.text-danger {
  font-size: 0.9375rem !important;
  line-height: 1.5;
  color: #b42318;
  margin-top: 6px;
}


/* ---- Task 62 (04/10/2026): cai thien giao dien footer ----
   Chi chinh CSS gioi han trong .dhtd-footer (+ sua href tel trong footer-custom.php).
   Nen navy dam hon khoi CTA (cung #163E7C) + vien tren gold nhe de tach footer khoi body.
   --dhtd-footer-bg: navy toi di khoang 25% tu --dhtd-navy (#163E7C), dung rieng cho footer. */
body .dhtd-footer {
  --dhtd-footer-bg: #0F2D5C;
  background-color: var(--dhtd-footer-bg);
  border-top: 2px solid rgba(245, 166, 35, 0.6);
  padding: 64px 0 0;
}
body .dhtd-footer .dhtd-footer__grid {
  grid-template-columns:
    minmax(0, 1.2fr) minmax(0, 1.1fr) minmax(0, 0.85fr) minmax(0, 0.7fr) minmax(0, 1.55fr);
  gap: 36px 40px;
  padding-bottom: 48px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}
body .dhtd-footer .dhtd-footer__heading {
  font-size: 14.5px;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: rgba(255, 255, 255, 0.95);
  margin: 0 0 16px;
}
body .dhtd-footer .dhtd-footer__desc { color: rgba(255, 255, 255, 0.74); }
body .dhtd-footer .dhtd-footer__col a,
body .dhtd-footer .dhtd-footer__col span.dhtd-footer__address {
  font-size: 14.5px;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.78);
  margin-bottom: 10px;
  overflow-wrap: break-word;
  text-decoration: none;
}
body .dhtd-footer .dhtd-footer__col a:hover,
body .dhtd-footer .dhtd-footer__col a:focus-visible,
body .dhtd-footer .dhtd-footer__legal-links a:hover,
body .dhtd-footer .dhtd-footer__legal-links a:focus-visible {
  color: var(--dhtd-white);
  text-decoration: underline;
  text-underline-offset: 3px;
}
/* Khoi lien he: 3 nhom rieng (dien thoai / email / dia chi) */
body .dhtd-footer .dhtd-footer__contact {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}
body .dhtd-footer .dhtd-footer__contact > * { margin: 0; }
body .dhtd-footer .dhtd-footer__phones {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}
body .dhtd-footer .dhtd-footer__phones a,
body .dhtd-footer .dhtd-footer__contact > a { margin-bottom: 0; }
body .dhtd-footer .dhtd-footer__phone-sep { display: none; }
body .dhtd-footer .dhtd-footer__contact > a { overflow-wrap: anywhere; }
body .dhtd-footer .dhtd-footer__address { display: block; margin-bottom: 0; }
/* Copyright + 4 link phap ly */
body .dhtd-footer .dhtd-footer__bottom {
  padding: 20px 24px;
  gap: 10px 24px;
  color: rgba(255, 255, 255, 0.62);
}
body .dhtd-footer .dhtd-footer__legal-links { gap: 6px 22px; }
body .dhtd-footer .dhtd-footer__legal-links a {
  margin: 0;
  padding: 4px 0;
  color: rgba(255, 255, 255, 0.74);
  text-decoration: none;
}
body .dhtd-footer a:focus-visible {
  outline: 2px solid var(--dhtd-gold);
  outline-offset: 3px;
  border-radius: 3px;
}
@media (max-width: 1100px) {
  body .dhtd-footer .dhtd-footer__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 36px 32px;
  }
  body .dhtd-footer .dhtd-footer__brand { grid-column: 1 / -1; }
}
@media (max-width: 600px) {
  body .dhtd-footer { padding-top: 44px; }
  body .dhtd-footer .dhtd-footer__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 28px;
    padding-bottom: 36px;
  }
  body .dhtd-footer .dhtd-footer__bottom { padding: 18px 24px; text-align: center; }
  body .dhtd-footer .dhtd-footer__legal-links { justify-content: center; gap: 4px 18px; }
  body .dhtd-footer .dhtd-footer__legal-links a { padding: 6px 0; }
}