/* BitcoinRun v21.2 — achievement journey + certificate mobile/print fix */

/* ----- Confirmed participant page ----- */
.success-v11 .success-card-v11{
  width:min(780px,calc(100vw - 32px));
}
.success-v11 .success-summary strong{
  overflow-wrap:anywhere;
}
.success-v11 .success-proof{
  margin:22px 0 18px;
}
.success-v11 .invite-panel{
  margin:18px 0 22px;
}

/* ----- Evidence received page ----- */
.success-v11 .proof-next p:last-child{
  margin-bottom:0;
}
.success-v11 .proof-purpose{
  padding:4px 0;
}

/* ----- Certificate: mobile screen ----- */
.certificate-title{
  overflow-wrap:normal;
  word-break:normal;
}

@media(max-width:700px){
  .success{
    padding:12px;
    align-items:start;
  }
  .success-card-v11{
    padding:22px 16px 24px !important;
    border-radius:22px;
  }
  .success-brand{
    margin-bottom:14px;
  }
  .success-brand img{
    width:34px;
    height:34px;
  }
  .success-card-v11 h1{
    margin:14px 0 8px;
  }
  .success-card-v11 .lede{
    margin-bottom:16px;
    font-size:.98rem;
    line-height:1.5;
  }
  .success-belief{
    padding:16px;
  }
  .success-belief strong{
    font-size:1.08rem;
  }
  .success-belief p{
    margin-top:5px;
    line-height:1.5;
  }
  .success-summary{
    margin:16px 0;
  }
  .success-summary>div{
    padding:13px 14px !important;
  }
  .success-summary strong{
    font-size:.95rem;
    line-height:1.3;
  }
  .proof-explainer.success-proof{
    padding:16px;
    margin:16px 0;
  }
  .proof-explainer.success-proof .kicker,
  .invite-panel .kicker{
    margin-bottom:7px;
  }
  .proof-explainer.success-proof h3,
  .invite-panel h2{
    font-size:1.35rem;
    margin:4px 0 6px;
  }
  .proof-explainer.success-proof p,
  .invite-panel p{
    line-height:1.5;
    margin-bottom:8px;
  }
  .invite-panel{
    padding:16px;
    margin:16px 0;
  }
  .referral-code-line{
    margin:12px 0 8px;
    padding:10px 12px;
  }
  .share-link-row input{
    padding:11px 12px;
  }
  .invite-panel .hero-actions,
  .success-proof .hero-actions{
    margin:12px 0 8px !important;
  }
  .invite-panel .hero-actions .btn,
  .success-proof .hero-actions .btn{
    min-height:44px;
  }
  .backup-box.compact-backup{
    padding:16px !important;
    margin:16px 0;
  }
  .backup-box.compact-backup h2{
    font-size:1.35rem;
  }
  .backup-box.compact-backup .hero-actions{
    margin:10px 0 0;
  }
  .backup-box.compact-backup .btn{
    min-height:40px;
  }
  .success-social{
    margin:14px 0 4px;
  }
  .purpose-line.proof-purpose{
    margin:14px auto;
    line-height:1.45;
  }

  .certificate-toolbar{
    padding:10px 12px;
    gap:10px;
  }
  .certificate-toolbar a{
    font-size:.78rem;
    line-height:1.25;
  }
  .certificate-toolbar button{
    padding:10px 12px;
    font-size:.72rem;
    line-height:1.2;
  }
  .certificate-sheet{
    width:calc(100% - 16px);
    margin:8px auto 28px;
    padding:6px;
  }
  .certificate-frame{
    min-height:auto !important;
    aspect-ratio:auto !important;
    padding:28px 16px 24px !important;
    outline-offset:-6px;
    overflow:hidden;
  }
  .certificate-brand{
    gap:8px;
    font-size:.95rem;
    letter-spacing:1.2px;
  }
  .certificate-brand img{
    width:32px;
  }
  .certificate-kicker{
    margin-top:22px;
    font-size:.62rem;
    letter-spacing:1.25px;
  }
  .certificate-frame .certificate-title{
    font-size:clamp(2.05rem,10.4vw,2.85rem) !important;
    line-height:.91;
    letter-spacing:-.05em;
    margin:12px 0 22px;
    max-width:100%;
  }
  .certificate-intro{
    font-size:.85rem;
  }
  .certificate-name{
    font-size:clamp(1.8rem,9vw,2.7rem);
    margin:8px 0 12px;
  }
  .certificate-copy{
    font-size:.94rem;
    line-height:1.5;
  }
  .certificate-rule{
    margin:20px auto;
  }
  .certificate-meta{
    gap:7px;
  }
  .certificate-meta>div{
    padding:12px 8px;
  }
  .certificate-meta small{
    font-size:.52rem;
  }
  .certificate-meta strong{
    font-size:1rem;
  }
  .certificate-note{
    font-size:.72rem;
    line-height:1.5;
    margin:18px auto 10px;
  }
  .certificate-signoff{
    gap:14px;
    margin:12px auto 8px;
  }
  .certificate-signoff>div:first-child{
    min-width:130px;
  }
  .certificate-signoff span{
    font-size:1.2rem;
  }
  .certificate-seal{
    width:62px;
    height:62px;
  }
  .certificate-line{
    margin-top:14px;
    font-size:.78rem;
    line-height:1.35;
  }
  .certificate-tagline{
    font-size:.82rem;
  }
}

/* ----- Certificate: reliable full-page PDF/print output ----- */
/* Portrait A4 is deliberate: mobile Safari/iOS commonly ignores requested
   landscape orientation and previously placed a landscape certificate at
   the top of a portrait sheet, leaving a large white area. */
@page{
  size:A4 portrait;
  margin:0;
}
@media print{
  html,
  body.certificate-body{
    width:210mm !important;
    height:297mm !important;
    min-height:297mm !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    background:#0b0a09 !important;
    -webkit-print-color-adjust:exact !important;
    print-color-adjust:exact !important;
  }
  .certificate-toolbar{
    display:none !important;
  }
  .certificate-sheet{
    width:210mm !important;
    height:297mm !important;
    min-height:297mm !important;
    margin:0 !important;
    padding:0 !important;
    box-shadow:none !important;
    background:#0b0a09 !important;
  }
  .certificate-frame{
    box-sizing:border-box !important;
    width:210mm !important;
    height:297mm !important;
    min-height:297mm !important;
    aspect-ratio:auto !important;
    margin:0 !important;
    padding:24mm 18mm 20mm !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    overflow:hidden !important;
    background:radial-gradient(circle at 50% 0,rgba(247,147,26,.08),transparent 35%),#0b0a09 !important;
    -webkit-print-color-adjust:exact !important;
    print-color-adjust:exact !important;
  }
  .certificate-frame .certificate-title{
    font-size:18mm !important;
    line-height:.9 !important;
    letter-spacing:-.8mm !important;
    margin:5mm 0 8mm !important;
  }
  .certificate-brand{
    font-size:5.5mm !important;
  }
  .certificate-brand img{
    width:11mm !important;
  }
  .certificate-kicker{
    margin-top:9mm !important;
    font-size:3mm !important;
  }
  .certificate-name{
    font-size:13mm !important;
    margin:3mm 0 5mm !important;
  }
  .certificate-copy{
    max-width:165mm !important;
    font-size:4.5mm !important;
  }
  .certificate-rule{
    margin:8mm auto !important;
  }
  .certificate-meta{
    width:165mm !important;
    max-width:165mm !important;
    gap:3mm !important;
  }
  .certificate-meta>div{
    padding:5mm 3mm !important;
  }
  .certificate-meta strong{
    font-size:5mm !important;
  }
  .certificate-note{
    max-width:165mm !important;
    margin:8mm auto 4mm !important;
    font-size:3mm !important;
  }
  .certificate-signoff{
    margin:4mm auto 3mm !important;
  }
  .certificate-line{
    margin-top:4mm !important;
  }
}


/* v24 certificate desktop alignment + BitcoinRun presentation signature */
@media screen and (min-width:701px){
  .certificate-sheet{width:min(760px,calc(100% - 32px)) !important;margin:10px auto 50px !important;padding:12px !important;}
  .certificate-frame{aspect-ratio:210/297 !important;min-height:0 !important;padding:46px 46px 40px !important;display:flex !important;flex-direction:column !important;justify-content:center !important;text-align:center !important;}
  .certificate-frame .certificate-title{font-size:clamp(42px,5vw,62px) !important;letter-spacing:-2px !important;margin:14px auto 24px !important;}
  .certificate-name{max-width:100%;margin:10px auto 16px !important;text-align:center !important;overflow-wrap:anywhere;}
  .certificate-copy,.certificate-note{margin-left:auto !important;margin-right:auto !important;text-align:center !important;}
  .certificate-meta{width:100%;max-width:650px !important;}
}
.certificate-signoff{justify-content:center !important;text-align:center !important;}
.certificate-signoff .certificate-signature-block{min-width:220px !important;text-align:center !important;border-top:0 !important;padding-top:0 !important;}
.certificate-signature{display:inline-block;font-family:"Segoe Script","Brush Script MT","Snell Roundhand","URW Chancery L",cursive !important;font-size:42px !important;line-height:1 !important;font-weight:400 !important;font-style:italic;letter-spacing:-1.5px;color:#fff !important;transform:rotate(-4deg);transform-origin:center;}
.certificate-signature-block small{margin-top:8px !important;}
@media(max-width:700px){.certificate-signature{font-size:32px !important}.certificate-signoff .certificate-signature-block{min-width:150px !important}}
@media print{.certificate-signature{font-size:12mm !important}.certificate-signoff .certificate-signature-block{min-width:55mm !important;text-align:center !important;border-top:0 !important}}