/*
  QP Network Urdu Master — Reusable Components
  Scope: public_html/ur/ only
  Version: 2.0.0

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

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

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

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

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

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

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

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