/* Operant v3.1.2 — Contrast correctness, scoped to the original Operant component classes.
   Deliberately leaves user-edited HTML, image positions, spacing, font, grid and color tokens untouched.
   RED core has high-specificity !important heading/link rules: compensate only for Operant blocks. */

/* Dark showcase: inherited RED light-theme heading color must not turn the text black. */
.red-builder-output .red-section .dark-showcase .dark-copy,
.red-builder-output .red-section .dark-showcase .dark-copy > h2,
.red-builder-output .red-section .dark-showcase .dark-copy > h2 :not(em) {
  color:#FFFFFF!important;
}
.red-builder-output .red-section .dark-showcase .dark-copy > h2 em {
  color:#FFAB8A!important;
}
.red-builder-output .red-section .dark-showcase .dark-copy .eyebrow,
.red-builder-output .red-section .dark-showcase .dark-copy .eyebrow-light {
  color:#F9EDE6!important;
}
.red-builder-output .red-section .dark-showcase .dark-copy > p,
.red-builder-output .red-section .dark-showcase .dark-bullets,
.red-builder-output .red-section .dark-showcase .dark-bullets > div {
  color:#EDE6E2!important;
}
/* White/light buttons require dark ink (RED used to force every anchor to inherit from the section). */
.red-builder-output .red-section .dark-showcase a.button-light,
.red-builder-output .red-section .dark-showcase a.button-light:visited,
.red-builder-output .red-section .dark-showcase button.button-light {
  background:#FFFFFF!important;color:#1D1D1F!important;border-color:#FFFFFF!important;
}
.red-builder-output .red-section .dark-showcase a.button-light:hover,
.red-builder-output .red-section .dark-showcase a.button-light:focus-visible,
.red-builder-output .red-section .dark-showcase button.button-light:hover,
.red-builder-output .red-section .dark-showcase button.button-light:focus-visible {
  background:#FFF1E9!important;color:#1D1D1F!important;border-color:#FFF1E9!important;
}
/* Pale-white CTA banner: dark title & body, and a dark button with genuinely white glyphs. */
.red-builder-output .red-section .final-cta .cta-shell,
.red-builder-output .red-section .final-cta .cta-content,
.red-builder-output .red-section .final-cta .cta-content h2 {
  color:#1D1D1F!important;
}
.red-builder-output .red-section .final-cta .cta-content h2 em {color:#DE3C00!important;}
.red-builder-output .red-section .final-cta .cta-content > p {color:#4B4540!important;}
.red-builder-output .red-section .final-cta .cta-content > small {color:#665950!important;}
.red-builder-output .red-section .final-cta a.button-dark,
.red-builder-output .red-section .final-cta a.button-dark:visited,
.red-builder-output .red-section .final-cta button.button-dark {
  background:#1D1D1F!important;color:#FFFFFF!important;border-color:#1D1D1F!important;
}
.red-builder-output .red-section .final-cta a.button-dark:hover,
.red-builder-output .red-section .final-cta a.button-dark:focus-visible,
.red-builder-output .red-section .final-cta button.button-dark:hover,
.red-builder-output .red-section .final-cta button.button-dark:focus-visible {
  background:#333333!important;color:#FFFFFF!important;border-color:#333333!important;
}
/* Source buttons in other light sections: enforce foreground/background pairs for all states. */
.red-builder-output .red-section a.button-primary,
.red-builder-output .red-section a.button-primary:visited,
.red-builder-output .red-section button.button-primary {background:#FF4800!important;color:#FFFFFF!important;border-color:#FF4800!important;}
.red-builder-output .red-section a.button-primary:hover,
.red-builder-output .red-section a.button-primary:focus-visible,
.red-builder-output .red-section button.button-primary:hover,
.red-builder-output .red-section button.button-primary:focus-visible {background:#DB3C00!important;color:#FFFFFF!important;border-color:#DB3C00!important;}
.red-builder-output .red-section a.button-outline,
.red-builder-output .red-section a.button-outline:visited,
.red-builder-output .red-section button.button-outline {background:#FFFFFF!important;color:#1D1D1F!important;border-color:#C9C9C9!important;}
.red-builder-output .red-section a.button-outline:hover,
.red-builder-output .red-section a.button-outline:focus-visible,
.red-builder-output .red-section button.button-outline:hover,
.red-builder-output .red-section button.button-outline:focus-visible {background:#FFF1E9!important;color:#1D1D1F!important;border-color:#FF4800!important;}
/* Native source dark showcase should be readable outside imported RED wrappers too. */
.opr-original-layout.dark-showcase .dark-copy h2 {color:#FFFFFF;}
.opr-original-layout.dark-showcase .dark-copy h2 em {color:#FFAB8A;}
.opr-original-layout.dark-showcase .dark-copy > p {color:#EDE6E2;}
.opr-original-layout.dark-showcase a.button-light {background:#FFFFFF;color:#1D1D1F;}
.opr-original-layout.final-cta a.button-dark {background:#1D1D1F;color:#FFFFFF;}

/* Media saved in Operant Builder takes precedence over source preview illustrations. */
.red-builder-output .red-section .photo-target > img.real-photo.is-ready,
.red-builder-output .red-section .photo-target.has-loaded-photo > img.real-photo.is-ready {
  visibility:visible!important;
}
/* Preserve existing position, object-fit, crop, photo aspect ratio and motion. */

/* Công Ty Tốt Orange and White v3.1.8 */
.red-builder-output .red-section .dark-showcase{background:#FF4800!important;color:#fff!important}
.red-builder-output .red-section .dark-showcase .dark-copy :is(h2,p,.eyebrow,.eyebrow-light),
.red-builder-output .red-section .dark-showcase .dark-bullets,
.red-builder-output .red-section .dark-showcase .dark-bullets>div{color:#fff!important}
.red-builder-output .red-section .dark-showcase .dark-copy h2 em{color:#FFF0E6!important}
.red-builder-output .red-section .dark-showcase a.button-light{background:#fff!important;color:#1D1D1F!important;border-color:#fff!important}
.red-builder-output .red-section .final-cta :is(a.button-dark,button.button-dark){background:#FF4800!important;color:#fff!important;border-color:#FF4800!important}
.red-builder-output .red-section .final-cta :is(a.button-dark,button.button-dark):hover{background:#E83F00!important;color:#fff!important;border-color:#E83F00!important}
.red-builder-output .red-section a.button-primary,.red-builder-output .red-section button.button-primary{background:#FF4800!important;color:#fff!important;border-color:#FF4800!important}
.red-builder-output .red-section a.button-primary:hover,.red-builder-output .red-section button.button-primary:hover{background:#E83F00!important;color:#fff!important;border-color:#E83F00!important}