/* HR Page Builder Pro v2.7.8 — dark/colored surface text contrast.
 * Loaded on front-end and inside the same Visual Editor. No geometry, fonts,
 * font-weight, heading size, template content, imagery or DOM changes.
 * Applies equally to saved legacy pages and newly inserted library samples.
 */

/* DATAART: the imported source contains navy results, hero, CTA, consultant
 * and dark page-hero surfaces. Explicit descendants override WordPress
 * theme anchor/visited palettes and historic purple/burgundy inline colors. */
:is(.red-builder-output,#bvb-canvas) .da-section
  :is(.hero,.results-section,.expert-section,.contact-section,.contact-banner,.content-section.wine,.page-hero.dark,.page-hero.image-hero)
  :is(h1,h2,h3,h4,h5,h6,p,li,dt,dd,blockquote,span,small,strong,b,em,label,a,
      .section-title,.large-title,.page-h1,.metric,.mini,.eyebrow,.label-upper,
      .results-description,.subtle-link,.link-arrow,.page-intro,.crumbs,.pill-tag)
  :not(:is(.feature-card,.feature-card *, .story-tile,.story-tile *,
      .partner-card,.partner-card *, .partner-logo-card,.partner-logo-card *,
      .rs-card,.rs-card *, .rs-mini-card,.rs-mini-card *,
      .btn,.btn *, .btn-white,.btn-white *, .cta-solid,.cta-solid *,
      .hero-arrow,.hero-arrow *, .quote-nav button,.quote-nav button *,
      .field input,.field textarea,.field select)) {
  color:#fff!important;
}

/* Explicitly cover linked metrics in the results cards, e.g. 70%/10%/30%.
 * Without this, visited-anchor text inherits the Theme's purple accent. */
:is(.red-builder-output,#bvb-canvas) .da-section .results-section
  :is(.result-card,.result-card:link,.result-card:visited,.result-card:hover,
      .result-card:focus-visible,.result-card .metric,.result-card .mini,
      .result-card .mini *, .result-card p,.results-description,.subtle-link,
      .section-title) {color:#fff!important;}

/* Ensure contact form field labels and dark form input values are legible. */
:is(.red-builder-output,#bvb-canvas) .da-section .contact-section
  :is(.field label,.field input,.field textarea,.field select,.form-check,.form-check a,.office a,
      .rating,.contact-copy p,.form-status) {color:#fff!important;}
:is(.red-builder-output,#bvb-canvas) .da-section .contact-section
  :is(.field input,.field textarea)::placeholder {color:#e6edff!important;opacity:1;}

/* Buttons that are deliberately white must keep navy/dark text. */
:is(.red-builder-output,#bvb-canvas) .da-section
  :is(.hero,.results-section,.expert-section,.contact-section,.contact-banner,.content-section.wine,.page-hero.dark,.page-hero.image-hero)
  :is(.btn-white,.btn-white *, .hero-arrow,.hero-arrow *, .cta-solid,.cta-solid *) {
  color:#172785!important;
}
/* CTA styles use a dark/blue background in some source variants. Do not
 * force navy text unless the button is actually defined as a white button. */
:is(.red-builder-output,#bvb-canvas) .da-section
  :is(.hero,.results-section,.expert-section,.contact-section,.contact-banner,.content-section.wine)
  .btn:not(.btn-white):not(.btn-outline) {color:#fff!important;}
:is(.red-builder-output,#bvb-canvas) .da-section
  :is(.contact-banner,.page-hero.dark,.page-hero.image-hero) .cta-solid {
  background:#fff!important;border-color:#fff!important;color:#172785!important;
}

/* Light cards nested in a dark section keep their original dark text. */
:is(.red-builder-output,#bvb-canvas) .da-section
  :is(.hero,.results-section,.expert-section,.contact-section,.contact-banner,.content-section.wine,.page-hero.dark,.page-hero.image-hero)
  :is(.feature-card,.story-tile,.partner-card,.partner-logo-card,.rs-card,.rs-mini-card)
  :is(h1,h2,h3,h4,h5,h6,p,a,span,small,strong,b,em,li,label) {
  color:#161a37!important;
}

/* The HR source has its own navy blocks; prevent global brand/visited anchor
 * colors from recoloring readable text on those colored backgrounds. */
:is(.red-builder-output.avada-corp,#bvb-canvas.avada-corp)
  :is(.hero,.subhero,.blue-panel,.callout,.footer-contact,.footer-main,.footer-bottom)
  :is(h1,h2,h3,h4,h5,h6,p,li,blockquote,span,small,strong,b,em,label,a)
  :not(:is(.btn,.btn *, .button,.button *, .nav-link,.nav-link *,
           .submenu,.submenu *, .drawer,.drawer *,
           .price-card,.price-card *, .image-feature,.image-feature *,
           .project-card,.project-card *, .rs-card,.rs-card *,
           .feature-card,.feature-card *, .card,.card *,
           .bvb-cta-banner .bvbg-builder-btn,.bvb-cta-banner .bvbg-builder-btn *)) {
  color:#fff!important;
}
/* On white light-surface cards the foreground must remain navy/dark. */
:is(.red-builder-output.avada-corp,#bvb-canvas.avada-corp)
  :is(.hero,.subhero,.blue-panel,.callout,.footer-contact,.footer-main,.footer-bottom)
  :is(.price-card,.image-feature,.project-card,.feature-card,.card)
  :is(h1,h2,h3,h4,h5,h6,p,li,span,small,strong,b,em,label,a) {
  color:#161a37!important;
}

/* RED native templates already have theme token colors; protect visible
 * foreground/link text while honoring the nested white card tokens. */
:is(.red-builder-output,#bvb-canvas) .red-section:is(.theme-dark,.theme-red)
  :is(.rs-display,.rs-h2,.rs-h3,.rs-kicker,.rs-lead,.rs-body,.rs-num,.rs-tag,.rs-breadcrumb,
      h1,h2,h3,h4,h5,h6,p,li,a,strong,small,span)
  :not(:is(.rs-card,.rs-card *, .rs-mini-card,.rs-mini-card *,
           .rs-surface-light,.rs-surface-light *, .rs-btn,.rs-btn *)) {
  color:#fff!important;
}
:is(.red-builder-output,#bvb-canvas) .red-section:is(.theme-dark,.theme-red)
  :is(.rs-card,.rs-mini-card,.rs-surface-light)
  :is(h1,h2,h3,h4,h5,h6,p,li,a,strong,small,span) {color:var(--rs-fg)!important;}
/* Do not recolor the native light-on-dark filled/outline button labels. */
:is(.red-builder-output,#bvb-canvas) .red-section.theme-red .rs-btn:not(.outline):not(.text),
:is(.red-builder-output,#bvb-canvas) .red-section.theme-dark .rs-btn.alt {color:#171719!important;}

/* HR links are often recolored by the user option “force brand colors”;
 * explicit high-specificity dark-surface anchors win even if printed at wp_head. */
.red-builder-output.avada-corp :is(.hero,.subhero,.blue-panel,.callout,.footer-contact,.footer-main,.footer-bottom)
  a:not(.btn):not(.button):not(.nav-link):not(:where(.submenu a,.drawer a,.price-card a,.image-feature a,.project-card a,.feature-card a,.card a)) {
  color:#fff!important;
}
#bvb-canvas.avada-corp :is(.hero,.subhero,.blue-panel,.callout,.footer-contact,.footer-main,.footer-bottom)
  a:not(.btn):not(.button):not(.nav-link):not(:where(.submenu a,.drawer a,.price-card a,.image-feature a,.project-card a,.feature-card a,.card a)) {
  color:#fff!important;
}
:is(.red-builder-output.avada-corp,#bvb-canvas.avada-corp)
  :is(.hero,.subhero,.blue-panel,.callout,.footer-contact,.footer-main,.footer-bottom)
  :is(.hero-content p,.subhero-content p,.solutions p,.footer-contact p,.footer-main p,.footer-bottom p,.callout p) {
  color:#fff!important;
}

/* RED native backgrounds use --rs-muted for light gray supporting copy;
 * user's requirement on strong colored panels is actual white. */
:is(.red-builder-output,#bvb-canvas) .red-section.theme-dark :is(.rs-body,.rs-lead,.rs-kicker),
:is(.red-builder-output,#bvb-canvas) .red-section.theme-red :is(.rs-body,.rs-lead,.rs-kicker) {
  color:#fff!important;
}

/* Luatsugioi.vn · preserve white text on photo/dark hero backgrounds */
.avada-corp .hero .hero-content h2,.avada-corp .hero .hero-content p,.da-section .hero-slide .hero-content h2,.da-section .hero-slide .hero-content p{color:#fff}