/* ===== quote-attention =====
   A step the visitor has not done yet is shown on the control itself: the
   selector's own text and its label turn red and grow. This replaces the
   floating "Select Principal Age" / "Select Inpatient First" note that used to
   pop up over the form when a click was blocked.

   The repeated id (#quote-form#quote-form#quote-form) is deliberate: the golden
   "next step" cue in quote-required-cues.css is written with three ids inside
   the members step, and a blocked control has to win over it. */

/* The control the visitor still has to fill in. */
#quote-form#quote-form#quote-form #principalAge.member-attention,
#quote-form#quote-form#quote-form #principalAge.sequence-prerequisite-error,
#quote-form#quote-form#quote-form #childrenCount.member-attention,
#quote-form#quote-form#quote-form #childrenAge017.member-attention,
#quote-form#quote-form#quote-form #childrenAge1824.member-attention,
#quote-form#quote-form#quote-form #inpatientLimit.member-attention,
#quote-form#quote-form#quote-form #inpatientLimit.limit-attention-red,
#quote-form#quote-form#quote-form #inpatientLimit.sequence-prerequisite-error,
#quote-form#quote-form#quote-form #outpatientLimit.sequence-prerequisite-error,
#quote-form#quote-form#quote-form #maternityLimit.sequence-prerequisite-error,
#quote-form#quote-form#quote-form #dentalLimit.sequence-prerequisite-error,
#quote-form#quote-form#quote-form #opticalLimit.sequence-prerequisite-error,
#quote-form#quote-form#quote-form input.sequence-prerequisite-error,
#quote-form#quote-form#quote-form input.member-attention,
#quote-form#quote-form#quote-form .member-attention-card select.member-attention,
#quote-form#quote-form#quote-form .member-attention-card select.limit-attention-red{
  color:#c62828!important;
  -webkit-text-fill-color:#c62828!important;
  font-size:1.02rem!important;
  font-weight:800!important;
}
/* The label above (or beside) the control, at the size that reads at a glance. */
#quote-form#quote-form#quote-form .member-attention-field>label,
#quote-form#quote-form#quote-form .member-attention-field label,
#quote-form#quote-form#quote-form .member-attention-field>label span,
#quote-form#quote-form#quote-form .member-attention-field label span,
#quote-form#quote-form#quote-form .member-attention-field>strong,
#quote-form#quote-form#quote-form .member-attention-field small,
#quote-form#quote-form#quote-form .member-attention-field .children-band-label strong,
#quote-form#quote-form#quote-form .member-attention-field .group-plain-heading strong{
  color:#c62828!important;
  -webkit-text-fill-color:#c62828!important;
  font-size:1.02rem!important;
  font-weight:800!important;
}
/* The Inpatient Limit heading sits in the card header, beside the select. */
#quote-form#quote-form#quote-form .member-attention-card .cover-type-heading,
#quote-form#quote-form#quote-form .member-attention-card .cover-type-heading span,
#quote-form#quote-form#quote-form .member-attention-card .cover-type-heading strong,
#quote-form#quote-form#quote-form .member-attention-card .cover-type-heading p{
  color:#c62828!important;
  -webkit-text-fill-color:#c62828!important;
  font-size:1.02rem!important;
  font-weight:800!important;
}
#quote-form#quote-form#quote-form .member-attention-card .cover-type-heading i{
  color:#c62828!important;
  background:#fdeaea!important;
}
/* A greyed-out control must not swallow the click: it has to reach the wrapper
   around it, so a click on a locked benefit can name the step that unlocks it. */
#quote-form select:disabled,
#quote-form input:disabled{
  pointer-events:none!important;
}
/* With the click passing through, the wrapper carries the blocked cursor. */
#quote-form .form-group:has(select:disabled),
#quote-form .limit-scope-wrapper:has(select:disabled),
#quote-form .inpatient-control:has(select:disabled),
#quote-form .optional-benefit-row:has(select:disabled){
  cursor:not-allowed;
}
/* The option the control is showing follows the same red while it is blocked. */
#quote-form#quote-form#quote-form #principalAge.member-attention option[value=""],
#quote-form#quote-form#quote-form #principalAge.sequence-prerequisite-error option[value=""],
#quote-form#quote-form#quote-form #inpatientLimit.limit-attention-red option[value=""],
#quote-form#quote-form#quote-form #inpatientLimit.limit-attention-red option[value="all"],
#quote-form#quote-form#quote-form #inpatientLimit.limit-attention-red option[value="none"],
#quote-form#quote-form#quote-form #inpatientLimit.sequence-prerequisite-error option[value=""],
#quote-form#quote-form#quote-form #inpatientLimit.sequence-prerequisite-error option[value="all"],
#quote-form#quote-form#quote-form #inpatientLimit.sequence-prerequisite-error option[value="none"]{
  color:#c62828!important;
  font-weight:800!important;
}
@media (max-width:700px){
  #quote-form#quote-form#quote-form .member-attention-field>label,
  #quote-form#quote-form#quote-form .member-attention-field label,
  #quote-form#quote-form#quote-form .member-attention-card .cover-type-heading,
  #quote-form#quote-form#quote-form .member-attention-card .cover-type-heading span,
  #quote-form#quote-form#quote-form #principalAge.member-attention,
  #quote-form#quote-form#quote-form #inpatientLimit.limit-attention-red{
    font-size:1.06rem!important;
  }
}