/* Nexus light comparison header. Preserve the existing 50px height and DOM/actions.
   Subtitle IDs identify the three header containers without changing their renderers.
   Important declarations override the existing inline presentation styles. */
#cmp-overlay > div:has(#cmp-subtitle),
#fiveg-overlay > div:has(#fg-subtitle),
#mobile-overlay > div:has(#mob-subtitle) {
  background:#fdfefe!important;
  color:#20324a!important;
  border-bottom:1px solid #e7ebf0;
  box-sizing:border-box;
  box-shadow:none!important;
}

#cmp-overlay div:has(> #cmp-subtitle) > div:first-child,
#fiveg-overlay div:has(> #fg-subtitle) > div:first-child,
#mobile-overlay div:has(> #mob-subtitle) > div:first-child {
  color:#20324a!important;
  font-weight:600!important;
  letter-spacing:.15px;
  line-height:1.45;
}

#cmp-subtitle,
#fg-subtitle,
#mob-subtitle {
  color:#69788d!important;
  font-weight:400;
  line-height:1.45;
}

#cmp-overlay > div:has(#cmp-subtitle) .ti-table,
#fiveg-overlay > div:has(#fg-subtitle) .ti-antenna-bars-5,
#mobile-overlay > div:has(#mob-subtitle) .ti-device-mobile {
  color:#ca763d!important;
}

:is(#cmp-overlay,#fiveg-overlay,#mobile-overlay) button:is(
  [onclick="closeComparePanel()"],
  [onclick="close5gCompare()"],
  [onclick="closeMobileCompare()"]
) {
  padding:0 12px!important;
  border-color:transparent!important;
  border-radius:9px!important;
  background:transparent!important;
  color:#59697f!important;
  box-shadow:none;
}

:is(#cmp-overlay,#fiveg-overlay,#mobile-overlay) button:is(
  [onclick="closeComparePanel()"],
  [onclick="close5gCompare()"],
  [onclick="closeMobileCompare()"]
):hover {
  background:#f0f3f7!important;
  color:#20324a!important;
}

:is(#cmp-overlay,#fiveg-overlay,#mobile-overlay) button:is(
  [onclick="closeComparePanel()"],
  [onclick="close5gCompare()"],
  [onclick="closeMobileCompare()"]
):focus-visible {
  outline:2px solid #72859e;
  outline-offset:2px;
}

/* Keep the existing mobile filter control readable on the light header. */
#cmp-mob-filter {
  color:#566679!important;
  border-color:#e3e8ef!important;
  background:transparent!important;
}
