/*
 * Rank Math breadcrumb links are 13px on Dulce's warm-white background.
 * The theme's former #d4a373 link color measured only 2.17:1. This scoped
 * brand-brown is 6.25:1 on #fdfaf7 and the underline avoids color-only cues.
 */
.dulce-breadcrumbs-container .rank-math-breadcrumb a {
  color: #8a4f28;
  text-decoration: underline;
  text-underline-offset: 0.15em;
}

.dulce-breadcrumbs-container .rank-math-breadcrumb a:hover,
.dulce-breadcrumbs-container .rank-math-breadcrumb a:focus-visible {
  color: #6f3e1f;
}

/*
 * Elementor's homepage fade briefly blends this H1 into the warm background
 * at only 1.51:1. Keep the brand red at full opacity: #bf3217 is comfortably
 * above the 3:1 requirement for the 40px bold heading and avoids an LCP delay.
 */
.elementor-element-2cfbadd3 h1.elementor-heading-title {
  color: #bf3217 !important;
  animation: none !important;
  opacity: 1 !important;
  transform: none !important;
}

/*
 * Keep all seven localized primary-navigation labels on one desktop row.
 * The full Vietnamese "Bánh sinh nhật" label is clearer than the former
 * generic "Bánh", but needs a compact treatment inside Elementor's fixed
 * header grid. The mobile/tablet menu is intentionally unaffected.
 */
@media (min-width: 1025px) and (max-width: 1199px) {
  #header_pop .elementor-element-5e20e17 {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }

  #header_pop .elementor-element-5e20e17 > .e-con-inner {
    max-width: none;
  }

  #header_pop .elementor-element-73e77d63 .elementor-nav-menu--main .elementor-item {
    font-size: 13px;
    padding-right: 5px;
    padding-left: 5px;
    white-space: nowrap;
  }
}

@media (min-width: 1200px) and (max-width: 1279px) {
  #header_pop .elementor-element-73e77d63 .elementor-nav-menu--main .elementor-item {
    font-size: 14px;
    padding-right: 5px;
    padding-left: 5px;
    white-space: nowrap;
  }
}

@media (min-width: 1280px) {
  #header_pop .elementor-element-73e77d63 .elementor-nav-menu--main .elementor-item {
    font-size: 15px;
    padding-right: 7px;
    padding-left: 7px;
    white-space: nowrap;
  }
}

/*
 * Vietnamese has nine labels (EN seven) and needs ~940px at 15px, so it wrapped
 * to two rows from 1201 to 1535 (measured 2026-10-22, origin render). Narrow the
 * header's 4% side padding in that band and step the VI labels down; EN keeps
 * the rules above. Holds one row with letter-spacing +0.02em as render slack.
 */
@media (min-width: 1201px) and (max-width: 1535px) {
  #header_pop .elementor-element-5e20e17 {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
}

@media (min-width: 1201px) and (max-width: 1365px) {
  #header_pop .elementor-element-73e77d63 .elementor-nav-menu--main .elementor-item:lang(vi) {
    font-size: 12px;
    padding-right: 3px;
    padding-left: 3px;
  }
}

@media (min-width: 1366px) and (max-width: 1535px) {
  #header_pop .elementor-element-73e77d63 .elementor-nav-menu--main .elementor-item:lang(vi) {
    font-size: 13px;
    padding-right: 4px;
    padding-left: 4px;
  }
}