/* RTH Payment Engine v3.6.18 — Payment-page copy and hierarchy refinement.
 * Scoped overrides only. Theme v1.8.367 remains byte-identical.
 */

/* Replace green completion/status accents with Rity blue / light Rity blue. */
.rth-payment-page .rth-pay-live-dot:before{
  background:#006dff!important;
  box-shadow:0 0 0 5px rgba(0,109,255,.11)!important;
}
.rth-payment-page .rth-pay-stepper button.is-complete span{
  border-color:#8bbdff!important;
  background:#edf5ff!important;
  color:#006dff!important;
}
.rth-payment-page .rth-pay-stepper i.is-complete{background:#8bbdff!important}
.rth-payment-page .rth-pay-email-sent{
  border-color:#cfe2ff!important;
  background:#f1f7ff!important;
}
.rth-payment-page .rth-pay-email-sent svg{stroke:#006dff!important}
.rth-payment-page .rth-pay-email-sent strong{color:#064fba!important}
.rth-payment-page .rth-pay-email-sent p{color:#526b89!important}
.rth-payment-page .rth-pay-email-sent button{color:#006dff!important}
.rth-payment-page .rth-bank-rate-row b{color:#006dff!important}
.rth-payment-page .rth-rate-preview-pill:before{
  background:#006dff!important;
  box-shadow:0 0 0 4px rgba(0,109,255,.12)!important;
}
.rth-payment-page .rth-proof-received{color:#006dff!important}
.rth-payment-page .rth-status-progress__icon{
  border-color:#c8ddfa!important;
  background:linear-gradient(145deg,#f8fbff,#e6f0ff)!important;
  color:#075abd!important;
  box-shadow:0 8px 18px rgba(7,90,189,.10),inset 0 1px 0 #fff!important;
}
.rth-payment-page .rth-team-review__token{
  background:#edf5ff!important;
  color:#064fba!important;
}
.rth-payment-page .rth-team-review__token:before{
  background:#dcecff!important;
  color:#006dff!important;
}
.rth-payment-page .rth-status-card--success span{
  background:#edf5ff!important;
  color:#064fba!important;
}
.rth-payment-page .rth-contact-choice__item--whatsapp{
  --support-accent:#006dff!important;
  --support-soft:#edf5ff!important;
}
.rth-payment-page .rth-contact-choice__item--whatsapp .rth-contact-choice__icon{
  background:#edf5ff!important;
  color:#006dff!important;
}

/* The Order Summary no longer repeats the hero's Manual verification label. */
.rth-payment-page .rth-order-badge{display:none!important}

/* Payment FAQ — current Homepage FAQ visual parity without changing Theme files. */
.rth-payment-page .rth-pay-faq--homepage-style{
  position:relative;
  overflow:hidden;
  padding:clamp(4rem,7vw,7rem) 0;
  background:#fff;
  border-top:1px solid rgba(0,26,72,.07);
}
.rth-payment-page .rth-pay-faq--homepage-style .rth-pay-faq__grid{
  display:grid;
  grid-template-columns:minmax(270px,.76fr) minmax(0,1.24fr);
  gap:clamp(3rem,7vw,7rem);
  align-items:start;
}
.rth-payment-page .rth-pay-faq--homepage-style .rth-pay-faq__grid>div:first-child{
  position:sticky;
  top:calc(var(--rth-header-height) + 35px);
  padding:0;
}
.rth-payment-page .rth-pay-faq--homepage-style .rth-pay-faq__label{
  margin:0!important;
  color:var(--rth-muted,#5e6a82)!important;
  font-family:"Manrope",sans-serif!important;
  font-size:clamp(3.9rem,8vw,7.2rem)!important;
  font-weight:900!important;
  letter-spacing:-.065em!important;
  line-height:.88!important;
  text-transform:none!important;
}
.rth-payment-page .rth-pay-faq--homepage-style .rth-pay-faq__grid>div:first-child h2{
  max-width:440px;
  margin:1.25rem 0 .9rem;
  color:#001a48;
  font-size:clamp(1.55rem,2.5vw,2.45rem);
  font-weight:780;
  letter-spacing:-.035em;
  line-height:1.12;
}
.rth-payment-page .rth-pay-faq--homepage-style .rth-pay-faq__grid>div:first-child>p:last-child{
  max-width:470px;
  margin:0;
  color:#5b6d88;
  font-size:.94rem;
  line-height:1.75;
}
.rth-payment-page .rth-pay-faq--homepage-style .rth-pay-accordions{
  display:block;
  border-top:1px solid rgba(0,26,72,.14);
}
.rth-payment-page .rth-pay-faq--homepage-style .rth-pay-accordions details{
  margin:0;
  border:0;
  border-bottom:1px solid rgba(0,26,72,.14);
  border-radius:0;
  background:transparent;
  box-shadow:none;
  overflow:visible;
}
.rth-payment-page .rth-pay-faq--homepage-style .rth-pay-accordions details:hover{
  border-color:rgba(0,109,255,.28);
}
.rth-payment-page .rth-pay-faq--homepage-style .rth-pay-accordions summary{
  display:grid;
  grid-template-columns:1fr 38px;
  align-items:center;
  gap:1rem;
  width:100%;
  padding:1.28rem 0;
  color:#001a48;
  font-family:"Manrope",sans-serif;
  font-size:1rem;
  font-weight:750;
  line-height:1.5;
  cursor:pointer;
  list-style:none;
}
.rth-payment-page .rth-pay-faq--homepage-style .rth-pay-accordions summary::-webkit-details-marker{display:none}
.rth-payment-page .rth-pay-faq--homepage-style .rth-pay-accordions summary span{
  position:relative;
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  justify-self:end;
  border-radius:50%;
  background:#eaf2fb;
  color:#006dff;
  transition:transform .22s ease,background .22s ease;
}
.rth-payment-page .rth-pay-faq--homepage-style .rth-pay-accordions summary span:before,
.rth-payment-page .rth-pay-faq--homepage-style .rth-pay-accordions summary span:after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  right:auto;
  width:14px;
  height:2px;
  background:#006dff;
  transform:translate(-50%,-50%);
  transition:transform .22s ease;
}
.rth-payment-page .rth-pay-faq--homepage-style .rth-pay-accordions summary span:after{
  transform:translate(-50%,-50%) rotate(90deg);
}
.rth-payment-page .rth-pay-faq--homepage-style .rth-pay-accordions details[open] summary span{
  background:#dcecff;
  transform:rotate(45deg);
}
.rth-payment-page .rth-pay-faq--homepage-style .rth-pay-accordions details[open] summary span:after{
  transform:translate(-50%,-50%) rotate(90deg);
}
.rth-payment-page .rth-pay-faq--homepage-style .rth-pay-accordions details p{
  margin:0;
  padding:0 3rem 1.28rem 0;
  color:#5b6d88;
  font-size:.93rem;
  line-height:1.75;
}
@media(max-width:980px){
  .rth-payment-page .rth-pay-faq--homepage-style .rth-pay-faq__grid{
    grid-template-columns:1fr;
    gap:2.5rem;
  }
  .rth-payment-page .rth-pay-faq--homepage-style .rth-pay-faq__grid>div:first-child{
    position:static;
    max-width:720px;
  }
}
@media(max-width:680px){
  .rth-payment-page .rth-pay-faq--homepage-style .rth-pay-faq__label{
    font-size:clamp(3.4rem,18vw,5.5rem)!important;
  }
  .rth-payment-page .rth-pay-faq--homepage-style .rth-pay-faq__grid>div:first-child h2{font-size:1.5rem}
  .rth-payment-page .rth-pay-faq--homepage-style .rth-pay-accordions summary{
    padding:1.1rem 0;
    font-size:.95rem;
  }
  .rth-payment-page .rth-pay-faq--homepage-style .rth-pay-accordions details p{
    padding:0 0 1.1rem;
  }
}

/* v3.6.18 — Payment copy/hierarchy refinement completion.
 * Hero title is 30% smaller than the protected Theme baseline.
 * Step 3 keeps one global proof heading and removes the duplicate inner form heading; FAQ intro uses normal body typography.
 */
.rth-payment-page .rth-pay-hero__copy h1{
  font-size:clamp(2.205rem,4.445vw,4.375rem)!important;
}
.rth-payment-page .rth-pay-faq--homepage-style .rth-pay-faq__intro-copy{
  max-width:470px;
  margin:1.15rem 0 0;
  color:#5b6d88;
  font-family:"Manrope",sans-serif;
  font-size:1rem!important;
  font-weight:400!important;
  letter-spacing:0!important;
  line-height:1.75;
}
@media(max-width:680px){
  .rth-payment-page .rth-pay-hero__copy h1{
    font-size:clamp(1.89rem,9.1vw,3.01rem)!important;
  }
  .rth-payment-page .rth-pay-faq--homepage-style .rth-pay-faq__intro-copy{
    font-size:1rem!important;
  }
}


/* v3.6.22 — Proof-step final heading refinement.
 * The Step 3 global heading is 30% smaller than the protected Theme Step-card heading scale.
 */
.rth-payment-page.rth-pay-step3-clean-heading #pay-step-title{
  font-size:clamp(1.19rem,2.1vw,1.715rem)!important;
}
@media(max-width:520px){
  .rth-payment-page.rth-pay-step3-clean-heading #pay-step-title{
    font-size:1.085rem!important;
  }
}

/* v3.6.67 exact server locked amount integrity feedback for Bank Transfer and Selar. */
.rth-payment-page .rth-amount-match-error {
  margin: 8px 0 0;
  color: #b42318;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.45;
}
.rth-payment-page #transfer-amount[aria-invalid="true"],
.rth-payment-page #selar-amount[aria-invalid="true"] {
  border-color: #d92d20 !important;
  box-shadow: 0 0 0 3px rgba(217, 45, 32, 0.10);
}
