/*
  QP Network English Master — Reusable Components
  Scope: public_html/en/ only
  Version: 2.0.0

  Structural rule: every light surface uses .en-card.en-card--light.
  This replaces the old page-class allow-list and permanently prevents
  white-on-white inheritance inside .darksec sections.
*/

.en-card {
  box-sizing: border-box;
}

.en-card--light {
  --en-card-heading: #123f35;
  --en-card-copy: #355b52;
  --en-card-link: #155d4b;
  color: var(--en-card-copy) !important;
  -webkit-text-fill-color: currentColor;
}

.en-card--light :where(h1,h2,h3,h4,h5,h6,strong,b,label,legend) {
  color: var(--en-card-heading) !important;
  -webkit-text-fill-color: var(--en-card-heading) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.en-card--light :where(p,li,small,dd,dt) {
  color: var(--en-card-copy) !important;
  -webkit-text-fill-color: var(--en-card-copy) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.en-card--light :where(a:not(.btn)) {
  color: var(--en-card-link) !important;
  -webkit-text-fill-color: var(--en-card-link) !important;
}

.en-card--light .kicker {
  color: #d4ad4b !important;
  -webkit-text-fill-color: #d4ad4b !important;
}

/* Form controls always remain readable even when their parent is in a dark section. */
html[lang="en"] :where(input,select,textarea,option) {
  -webkit-text-fill-color: currentColor;
}

/* Status messages use semantic readable text. */
html[lang="en"] :where(.form-message,.contact-message,.request-summary) {
  color: #123f35;
  -webkit-text-fill-color: #123f35;
}