/* PayPo info banner: uses the unmodified official PayPo SVG on a white brand tile. */
.umr-paypo-banner {
  --umr-paypo-purple: #372495;
  display: grid;
  grid-template-columns: minmax(95px, .55fr) minmax(0, 1.8fr) auto auto;
  gap: clamp(12px, 2vw, 24px);
  align-items: center;
  min-width: 0;
  margin: 0;
  padding: 18px 22px;
  border: 1px solid #e7def4;
  border-radius: 16px;
  background: linear-gradient(110deg, #f8f5fe 0%, #fff 66%, #fff8f2 100%);
  box-shadow: 0 8px 24px rgba(55,36,149,.07);
  color: #28203d;
  font-family: var(--umr-font-body, 'Titillium Web', sans-serif);
}
.umr-paypo-brand { display: flex; justify-content: center; align-items: center; min-width: 0; padding: 9px 12px; border-radius: 10px; background: #fff; }
.umr-paypo-brand img { display: block; width: min(100%, 116px); height: auto; }
.umr-paypo-copy { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.umr-paypo-kicker { font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: #6446a0; }
.umr-paypo-title { font-family: var(--umr-font-heading, 'Montserrat', sans-serif); font-size: clamp(17px, 1.75vw, 24px); line-height: 1.25; font-weight: 800; color: var(--umr-paypo-purple); overflow-wrap: anywhere; }
.umr-paypo-note { color: #605c6d; font-size: 12px; line-height: 1.4; font-weight: 400; }
.umr-paypo-days { width: 68px; height: 68px; flex: 0 0 68px; border-radius: 50%; display: flex; flex-direction: column; justify-content: center; align-items: center; color: #fff; background: #ff5a00; }
.umr-paypo-days b { font-size: 23px; line-height: 1; }
.umr-paypo-days span { font-size: 10px; font-weight: 700; text-transform: uppercase; }
.umr-paypo-link { color: var(--umr-paypo-purple); border: 1px solid #d8ceec; border-radius: 10px; padding: 9px 12px; background: #fff; text-align: center; text-decoration: none; font-size: 13px; font-weight: 700; white-space: nowrap; }
.umr-paypo-link:hover, .umr-paypo-link:focus { color: #27186f; background: #f5f0fc; text-decoration: underline; }
.umr-paypo-link:focus-visible { outline: 3px solid #ff5a00; outline-offset: 3px; }
.umr-paypo-banner.compact { grid-template-columns: 82px minmax(0,1fr) auto; padding: 13px 15px; gap: 12px; }
.umr-paypo-banner.compact .umr-paypo-days { width: 54px; height: 54px; flex-basis: 54px; }
.umr-paypo-banner.compact .umr-paypo-days b { font-size: 20px; }
.umr-paypo-banner.compact .umr-paypo-title { font-size: 16px; }
.umr-paypo-banner.compact .umr-paypo-link { grid-column: 2 / 4; justify-self: start; }
.umr-exam-paypo-wrap { max-width: 1280px; margin: 18px auto 0; padding: 0 24px; }
.umr-exam-section--pricing .umr-paypo-banner { margin-top: 16px; }
/* A banner in the CE pricing widget is inside the price list's normal flow. */
[class*="elementor-widget-ultramr_pricing_list"] .umr-paypo-banner { margin-bottom: 16px; }
@media (max-width: 760px) {
  .umr-exam-paypo-wrap { padding: 0 16px; margin-top: 14px; }
  .umr-paypo-banner, .umr-paypo-banner.compact { grid-template-columns: 78px minmax(0,1fr) 54px; padding: 13px; gap: 9px; }
  .umr-paypo-title { font-size: 16px; }
  .umr-paypo-note { font-size: 11px; }
  .umr-paypo-days { width: 54px; height: 54px; flex-basis: 54px; }
  .umr-paypo-days b { font-size: 19px; }
  .umr-paypo-link, .umr-paypo-banner.compact .umr-paypo-link { grid-column: 1 / -1; justify-self: stretch; }
}
@media (max-width: 360px) {
  .umr-paypo-banner, .umr-paypo-banner.compact { grid-template-columns: 68px minmax(0, 1fr); }
  .umr-paypo-brand { padding: 6px; }
  .umr-paypo-days { grid-column: 1; grid-row: 2; }
  .umr-paypo-link, .umr-paypo-banner.compact .umr-paypo-link { grid-column: 2; grid-row: 2; align-self: center; }
}