/* Chinese-only integration layer for the canonical Header and business nav.
   The shared files remain the visual authority; these rules only accommodate
   the extra bilingual switch and the Chinese header labels. */

html body #dk-frozen-service-nav.cat-bar > .cat-item > .cat-arrow::before {
  content: none !important;
  display: none !important;
}

@media (min-width: 1360px) {
  html body .navbar:has(#primary-navigation#primary-navigation) .nav-inner {
    grid-template-columns: 381px minmax(0, 1fr) 395px !important;
    gap: 16px !important;
  }

  html:root:root:root:root body .navbar #primary-navigation#primary-navigation {
    width: max-content !important;
    gap: 34px !important;
  }

  html body .navbar:has(#primary-navigation#primary-navigation) .homepage-language-item {
    display: none !important;
  }

  html body .navbar:has(#primary-navigation#primary-navigation) .nav-actions {
    width: 395px !important;
    min-width: 395px !important;
    gap: 8px !important;
  }

  html body .navbar:has(#primary-navigation#primary-navigation) .nav-search,
  html body .navbar:has(#primary-navigation#primary-navigation) .nav-divider {
    display: none !important;
  }

  html body .navbar:has(#primary-navigation#primary-navigation) .header-quote-btn {
    width: 132px !important;
    min-width: 132px !important;
    padding-inline: 18px !important;
    flex-basis: 132px !important;
  }

  html body .navbar:has(#primary-navigation#primary-navigation) .logo-hi-text strong {
    font-size: 19.855px !important;
  }

  html body .navbar:has(#primary-navigation#primary-navigation) .nav-main-phone::before {
    width: 26px !important;
    height: 26px !important;
    flex-basis: 26px !important;
    background-size: 24px 24px !important;
  }
}

@media (min-width: 1680px) {
  html body .navbar:has(#primary-navigation#primary-navigation) .nav-actions {
    width: 418px !important;
    min-width: 418px !important;
    gap: var(--dk-language-switch-search-gap) !important;
  }

  html body .navbar:has(#primary-navigation#primary-navigation) .nav-search {
    display: grid !important;
    width: 44px !important;
    height: 44px !important;
    flex: 0 0 44px !important;
  }

  html body .navbar:has(#primary-navigation#primary-navigation) .nav-search svg {
    width: 22px !important;
    height: 22px !important;
  }
}

@media (min-width: 1440px) and (max-width: 1679px) {
  html body .navbar:has(#primary-navigation#primary-navigation) .nav-search {
    display: grid !important;
    width: 44px !important;
    height: 44px !important;
    flex: 0 0 44px !important;
  }

  html body .navbar:has(#primary-navigation#primary-navigation) .nav-search svg {
    width: 22px !important;
    height: 22px !important;
  }
}

@media (min-width: 769px) and (max-width: 1180px) {
  html body .navbar:has(#primary-navigation#primary-navigation) .nav-main-phone::before {
    width: 22px !important;
    height: 22px !important;
    flex-basis: 22px !important;
    background-size: 20px 20px !important;
  }
}

@media (min-width: 901px) and (max-width: 1180px) {
  html body .navbar:has(#primary-navigation#primary-navigation) .nav-inner {
    grid-template-columns: 260px minmax(0, 1fr) 214px !important;
    gap: 12px !important;
    padding-inline: 16px !important;
  }

  html body .navbar:has(#primary-navigation#primary-navigation) .logo-hi {
    padding-left: 0 !important;
  }

  html body .navbar #primary-navigation#primary-navigation {
    width: max-content !important;
    gap: 14px !important;
    justify-self: center !important;
  }

  html body .navbar:has(#primary-navigation#primary-navigation) .homepage-language-item {
    display: none !important;
  }

  html body .navbar:has(#primary-navigation#primary-navigation) .nav-actions {
    width: 214px !important;
    min-width: 214px !important;
    gap: 7px !important;
    padding-right: 0 !important;
  }

  html body .navbar:has(#primary-navigation#primary-navigation) .homepage-language-switch--desktop {
    font-size: 13px !important;
  }

  html body .navbar:has(#primary-navigation#primary-navigation) .nav-search,
  html body .navbar:has(#primary-navigation#primary-navigation) .nav-divider {
    display: none !important;
  }

  html body .navbar:has(#primary-navigation#primary-navigation) .nav-main-phone {
    width: 22px !important;
    min-width: 22px !important;
    height: 22px !important;
    gap: 0 !important;
    flex-basis: 22px !important;
  }

  html body .navbar:has(#primary-navigation#primary-navigation) .nav-main-phone > span:last-child {
    display: none !important;
  }

  html body .navbar:has(#primary-navigation#primary-navigation) .header-quote-btn {
    width: 120px !important;
    min-width: 120px !important;
    height: 42px !important;
    min-height: 42px !important;
    padding-inline: 14px !important;
    font-size: 13px !important;
    flex-basis: 120px !important;
  }
}

/* Chinese footer alignment: retain the canonical shell geometry while keeping
   translated labels and their arrows together. */
html body .footer-v13 .footer-social-v13 {
  flex-direction: row !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
}

html body .footer-v13 .footer-social-v13 svg.facebook-icon,
html body .footer-v13 .footer-social-v13 svg.houzz-icon {
  stroke: none !important;
}

html body .footer-v13 .footer-social-v13 svg.instagram-icon {
  fill: none !important;
  stroke: currentColor !important;
}

html body .footer-v13 .footer-social-v13 svg.instagram-icon .instagram-dot {
  fill: currentColor !important;
  stroke: none !important;
}

html body .footer.footer-v13 .footer-services-v13 .footer-all-link-v12,
html body .footer.footer-v13 .footer-areas-v13 .footer-all-link-v12 {
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
  gap: 8px !important;
}

html body .footer-v13 .footer-services-v13 .footer-all-link-v12 span,
html body .footer-v13 .footer-areas-v13 .footer-all-link-v12 span {
  margin-left: 0 !important;
}