/* v117 – final visual alignment requested on 24 July 2026 */

/* INDEX: provider actions use the same button language as the user card. */
body.entry-page .tile.operator .quick-link{
  border-color:rgba(0,153,153,.34)!important;
  background:#e9f7f6!important;
  color:#006666!important;
}
body.entry-page .tile.operator .quick-link:hover,
body.entry-page .tile.operator .quick-link:focus-visible{
  border-color:#009999!important;
  background:#009999!important;
  color:#fff!important;
}
body.entry-page .tile.operator .continue{
  background:#009999!important;
  color:#fff!important;
  box-shadow:0 12px 28px rgba(0,153,153,.22)!important;
}
body.entry-page .tile.operator .continue:hover,
body.entry-page .tile.operator .continue:focus-visible{
  background:#008b8b!important;
  color:#fff!important;
}
body.entry-page .brand-top img{
  height:50px!important;
  max-width:min(76vw,220px)!important;
}

/* HOME: remove the two decorative colour bubbles from the hero. */
body.user-area .wertyz-entry{
  background:linear-gradient(145deg,#f4ffff 0%,#ffffff 52%,#eef8f8 100%)!important;
}
body.user-area .wertyz-entry:before,
body.user-area .wertyz-entry:after{
  content:none!important;
  display:none!important;
}

/* HOME: visually normalize QRpark and QRsport with the remaining QR brands. */
body.user-area .brand-constellation .constellation-logo img[alt="QRpark"],
body.user-area .brand-constellation .constellation-logo img[alt="QRsport"]{
  max-width:132px!important;
  max-height:39px!important;
  transform:scale(.88);
  transform-origin:center;
}

/* APP HERO: quieter, consistent icon treatment across every service. */
body.user-area .app-page-hero .app-service-list{
  gap:10px!important;
}
body.user-area .app-page-hero .app-service-list li{
  min-height:62px!important;
  gap:11px!important;
  padding:9px 13px 9px 9px!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.88)!important;
  border:1px solid #dce8e6!important;
  box-shadow:0 7px 18px rgba(12,44,41,.055)!important;
}
body.user-area .app-page-hero .app-service-list li:hover{
  transform:translateY(-2px)!important;
  border-color:#bfdedb!important;
  box-shadow:0 11px 24px rgba(12,44,41,.08)!important;
}
body.user-area .app-service-icon,
body.user-area .app-page-hero .app-service-list li:nth-child(even) .app-service-icon{
  width:42px!important;
  height:42px!important;
  flex:0 0 42px!important;
  border-radius:13px!important;
  color:#087e82!important;
  background:#edf8f7!important;
  border:1px solid #cee8e5!important;
  box-shadow:none!important;
}
body.user-area .app-service-icon:after{
  content:none!important;
  display:none!important;
}
body.user-area .app-page-hero .app-service-list li:hover .app-service-icon{
  transform:none!important;
  background:#e5f5f3!important;
}
body.user-area .app-service-icon svg{
  width:22px!important;
  height:22px!important;
  stroke-width:1.65!important;
}
body.user-area .app-service-label{
  font-size:13px!important;
  font-weight:600!important;
  line-height:1.3!important;
}

/* Less heavy subtitles and supporting copy. */
body.entry-page .intro p,
body.user-area .wertyz-subtitle,
body.user-area .title p,
body.user-area .subpage-hero p,
body.user-area .payment-hero p,
body.user-area .app-section-title p,
body.user-area .reach-copy>p,
body.provider-site .lead,
body.provider-site .provider-head p,
body.provider-site .section-head p,
body.provider-site .detail-head p,
body.provider-site .seg-title p,
body.provider-site .choice-hero p,
body.provider-site .detail-hero p,
body.provider-site .operator-hero p,
body.provider-site .article-hero p,
body.provider-site .seg-hero p,
body.provider-site .solution-overview p{
  font-weight:400!important;
}

/* PROVIDER: match the typography scale and reading rhythm of the user site. */
body.provider-site{
  font-family:"Manrope","Segoe UI",Arial,sans-serif!important;
  font-weight:400!important;
  line-height:1.62!important;
}
body.provider-site *,
body.provider-site button,
body.provider-site input,
body.provider-site select,
body.provider-site textarea{
  font-family:"Manrope","Segoe UI",Arial,sans-serif!important;
}
body.provider-site p{
  font-size:16px!important;
  line-height:1.65!important;
  font-weight:400!important;
}
body.provider-site h1{
  font-size:clamp(34px,4.3vw,54px)!important;
  line-height:1.05!important;
  letter-spacing:-1.8px!important;
  font-weight:800!important;
}
body.provider-site h2{
  font-size:clamp(28px,3.2vw,42px)!important;
  line-height:1.10!important;
  letter-spacing:-1.3px!important;
  font-weight:800!important;
}
body.provider-site h3{
  font-size:clamp(20px,1.9vw,23px)!important;
  line-height:1.20!important;
  letter-spacing:-.55px!important;
  font-weight:700!important;
}
body.provider-site h4,
body.provider-site h5,
body.provider-site h6{
  font-weight:700!important;
}
body.provider-site .links,
body.provider-site .links>a,
body.provider-site .nav-dropbtn,
body.provider-site .nav-menu a,
body.provider-site .mobile-panel a{
  font-weight:600!important;
}
body.provider-site .btn{
  font-weight:800!important;
}
body.provider-site .kicker,
body.provider-site .provider-topline,
body.provider-site .seg-eyebrow,
body.provider-site .eyebrow{
  font-weight:650!important;
}
body.provider-site .choice-hero p,
body.provider-site .detail-hero p,
body.provider-site .operator-hero p,
body.provider-site .article-hero p,
body.provider-site .seg-hero p,
body.provider-site .solution-overview p{
  font-size:18px!important;
  line-height:1.65!important;
}

@media(max-width:650px){
  body.entry-page .brand-top img{height:43px!important}
  body.user-area .app-service-icon,
  body.user-area .app-page-hero .app-service-list li:nth-child(even) .app-service-icon{
    width:40px!important;
    height:40px!important;
    flex-basis:40px!important;
  }
  body.provider-site h1{font-size:34px!important;letter-spacing:-1.2px!important}
  body.provider-site h2{font-size:28px!important;letter-spacing:-.9px!important}
  body.provider-site h3{font-size:20px!important}
}