/*
  QP Network Tamil Master — Reusable Components
  Scope: public_html/ta/ only
  Version: 2.0.0

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

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

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

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

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

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

.ta-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="ta"] :where(input,select,textarea,option) {
  -webkit-text-fill-color: currentColor;
}

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

/* ==========================================================
   QPN Tamil — text visibility hardening
   Ensures light cards/form/status content stays visibly rendered
   under dark-section or WebKit text-fill inheritance.
   ========================================================== */
html[lang="ta"] .ta-card,
html[lang="ta"] .ta-card--light,
html[lang="ta"] :where(.notice-box,.status-box,.page-card,.privacy-card,.access-card,.resource-card,.sitemap-card,.update-card,.disclaimer-card,.terms-card,.download-item) {
  opacity: 1 !important;
  visibility: visible !important;
}

html[lang="ta"] .ta-card--light :where(h1,h2,h3,h4,h5,h6,p,li,small,strong,b,label,legend,dd,dt,a,span),
html[lang="ta"] :where(.form-message,.contact-message,.request-summary) {
  opacity: 1 !important;
  visibility: visible !important;
}

html[lang="ta"] :where(input,select,textarea,option,button) {
  visibility: visible !important;
}