/* v115 – typography and visual refinements */

/* Opening crossroads: Montserrat throughout. */
body.entry-page,
body.entry-page button,
body.entry-page input,
body.entry-page select,
body.entry-page textarea{
  font-family:"Montserrat","Segoe UI",Arial,sans-serif!important;
}
body.entry-page .tile.operator{
  background:#fff!important;
}

/* Navigation typography across the entire website. */
.nav,
.nav button,
.nav a,
.nav .links,
.nav .links a,
.nav .nav-dropbtn,
.nav .nav-menu a,
.nav .mobile-panel a,
.nav .mobile-toggle{
  font-family:"Montserrat","Segoe UI",Arial,sans-serif!important;
}
.nav .links,
.nav .links>a,
.nav .nav-dropbtn,
.nav .nav-menu a,
.nav .mobile-panel a{
  font-weight:600!important;
}
.nav .btn{
  font-family:"Montserrat","Segoe UI",Arial,sans-serif!important;
  font-weight:650!important;
}

/* QRvisit and QRbus have wider artwork, so visually normalize them. */
.brand-constellation .constellation-logo img[alt="QRvisit"],
.brand-constellation .constellation-logo img[alt="QRbus"]{
  max-width:132px!important;
  max-height:39px!important;
  transform:scale(.88);
  transform-origin:center;
}

/* Application hero: clean alternating orange/green service squares. */
.app-page-hero .app-service-list{
  gap:12px!important;
}
.app-page-hero .app-service-list li{
  min-height:58px!important;
  display:flex!important;
  align-items:center!important;
  padding:11px 14px 11px 58px!important;
  border-radius:15px!important;
  background:#fff!important;
  border:1px solid #dce8e6!important;
  color:#263632!important;
  box-shadow:0 8px 22px rgba(12,44,41,.07)!important;
}
.app-page-hero .app-service-list li:before{
  content:""!important;
  position:absolute!important;
  left:13px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:32px!important;
  height:32px!important;
  border-radius:9px!important;
  background:linear-gradient(135deg,#079b94,#19c3bb)!important;
  box-shadow:0 7px 16px rgba(7,155,148,.22)!important;
}
.app-page-hero .app-service-list li:nth-child(even):before{
  background:linear-gradient(135deg,#f37016,#ff9a48)!important;
  box-shadow:0 7px 16px rgba(243,112,22,.24)!important;
}
.app-page-hero .app-service-list li:after{
  content:"";
  position:absolute;
  left:24px;
  top:50%;
  width:10px;
  height:10px;
  border:2px solid rgba(255,255,255,.96);
  border-radius:3px;
  transform:translateY(-50%) rotate(45deg);
}

/* Payment steps: alternate green and orange number squares. */
.payment-steps .payment-step:before{
  background:linear-gradient(135deg,#079b94,#19c3bb)!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(7,155,148,.22)!important;
}
.payment-steps .payment-step:nth-child(even):before{
  background:linear-gradient(135deg,#f37016,#ff9a48)!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(243,112,22,.24)!important;
}

@media(max-width:760px){
  .brand-constellation .constellation-logo img[alt="QRvisit"],
  .brand-constellation .constellation-logo img[alt="QRbus"]{
    max-width:122px!important;
    max-height:36px!important;
  }
}