/* Ascend Site Contrast Hardening V4 — desktop + mobile.
   Purpose: prevent dark-on-dark / faded text on dark panels and dark price pills.
   This file is intentionally viewport-agnostic so the same components remain
   readable on phones, tablets and desktop. */

/* Contact information panel: transaction-flow styling deliberately makes this
   panel dark, so all of its content must use the dark-surface palette. */
html body.contact-page main#main .page-section .contact-info{
  color:#f4fbff!important;
  background:linear-gradient(145deg,#234f68,#2f7086 68%,#465f80)!important;
  border-color:rgba(190,229,238,.24)!important;
}
html body.contact-page main#main .page-section .contact-info :is(h1,h2,h3,h4,strong){
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  text-shadow:none!important;
}
html body.contact-page main#main .page-section .contact-info :is(p,li,small,.contact-item){
  color:#e3f1f6!important;
  -webkit-text-fill-color:#e3f1f6!important;
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
  mix-blend-mode:normal!important;
}
html body.contact-page main#main .page-section .contact-info .eyebrow{
  color:#8de5ee!important;
  -webkit-text-fill-color:#8de5ee!important;
  opacity:1!important;
  visibility:visible!important;
  text-shadow:none!important;
}
html body.contact-page main#main .page-section .contact-info a{
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
  text-decoration-color:rgba(255,255,255,.45)!important;
}
html body.contact-page main#main .page-section .contact-info .contact-actions a{
  border-color:rgba(220,246,250,.38)!important;
  background:rgba(255,255,255,.10)!important;
}

/* Membership / Managed IT price pills sit on dark blue gradients. Broad light-card
   visibility rules must never recolor the actual price text dark. */
html body main#main .page-section .membership-grid .membership-card :is(.plan-price-tab,.membership-price){
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
  mix-blend-mode:normal!important;
}
html body main#main .page-section .membership-grid .membership-card :is(.plan-price-tab,.membership-price) strong{
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  text-shadow:none!important;
}
html body main#main .page-section .membership-grid .membership-card :is(.plan-price-tab,.membership-price) span{
  color:#edf9fd!important;
  -webkit-text-fill-color:#edf9fd!important;
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
  mix-blend-mode:normal!important;
}

/* Generic safety for genuine dark surfaces used elsewhere in the commercial
   pages. This does not recolor light cards. */
html body main#main :is(.cta,.resource-top,.visual-panel,.application-footer) :is(h1,h2,h3,h4,strong){
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
}

@media(max-width:760px){
  html body.contact-page main#main .page-section .contact-info{
    box-shadow:0 16px 36px rgba(11,45,63,.14)!important;
  }
  html body main#main .page-section .membership-grid .membership-card :is(.plan-price-tab,.membership-price) strong{
    font-weight:900!important;
  }
}


/* Dynamic department contact panel: preserve high contrast on every page. */
html body .ascend-email-panel .ascend-email-heading h2{
  color:#f4fbff!important;
  -webkit-text-fill-color:#f4fbff!important;
  background:none!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  text-shadow:0 1px 1px rgba(0,0,0,.12)!important;
}
html body .ascend-email-panel .ascend-email-heading p,
html body .ascend-email-panel .ascend-email-card p{
  color:#e3f1f6!important;
  -webkit-text-fill-color:#e3f1f6!important;
  opacity:1!important;
  visibility:visible!important;
}
html body .ascend-email-panel .ascend-email-label{
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
}
html body .ascend-email-panel .ascend-email-kicker{
  color:#92eaff!important;
  -webkit-text-fill-color:#92eaff!important;
}