/* MandoLessons Support widget — .mnd- namespaced, themed to the live site:
   PT Sans · green #a0ce4e (selection) · red #d20e0e (support CTA) · blue #2493cb (links) */
.mnd-box{max-width:460px;margin:0 auto;background:#fff;border:1px solid #e5e4e3;border-radius:8px;
  padding:26px 24px;font-family:'PT Sans',Arial,Helvetica,sans-serif;color:#333333;text-align:center}
.mnd-title{margin:0 0 14px;font-size:24px;line-height:1.15;color:#333333;font-family:'PT Sans',Arial,sans-serif;font-weight:700}
.mnd-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:6px}
.mnd-chip{border:1px solid #c9c9c9;background:#f6f6f6;color:#333333;border-radius:25px;
  padding:10px 16px;font-size:16px;font-weight:700;cursor:pointer;font-family:inherit}
.mnd-chip:hover{border-color:#a0ce4e}
.mnd-chip.mnd-on{background:#a0ce4e;border-color:#a0ce4e;color:#fff}
.mnd-custom{display:flex;align-items:center;gap:6px;justify-content:center;margin:10px 0 4px}
.mnd-cur{font-weight:700;font-size:18px}
.mnd-custom-in{width:130px;font-size:16px;padding:9px 10px;border:1px solid #c9c9c9;border-radius:6px;font-family:inherit}
.mnd-custom-in:focus{outline:none;border-color:#2493cb}
.mnd-free p{margin:14px 0 4px;font-size:15.5px;color:#54770f;font-weight:700}
.mnd-pay{margin-top:12px}
.mnd-email{width:100%;box-sizing:border-box;font-size:15px;padding:10px 12px;border:1px solid #c9c9c9;
  border-radius:6px;margin-bottom:10px;font-family:inherit}
.mnd-email:focus{outline:none;border-color:#2493cb}
.mnd-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.mnd-element{margin:6px 0 4px;text-align:left}
.mnd-copy{font-size:13.5px;line-height:1.5;color:#4a4a4a;margin:12px 0 10px}
.mnd-btn{display:block;width:100%;box-sizing:border-box;border:0;border-radius:25px;background:#d20e0e;
  color:#fff;font-size:16.5px;font-weight:700;padding:13px 18px;cursor:pointer;font-family:'PT Sans',Arial,sans-serif}
.mnd-btn:hover{background:#b10e0e}
.mnd-btn[disabled]{opacity:.6;cursor:default}
.mnd-err{color:#d20e0e;font-size:13.5px;margin:10px 0 0}
.mnd-testpill{display:inline-block;background:#fff8e1;color:#8a6d1a;border:1px solid #ecd98a;
  border-radius:999px;font-size:11.5px;font-weight:700;padding:3px 10px;margin:10px auto 0}
.mnd-thanks-big{font-size:26px;font-weight:700;margin:8px 0 6px;color:#54770f}
.mnd-thanks p{margin:0 0 6px;font-size:15.5px;color:#4a4a4a}
.mnd-alts{display:flex;flex-wrap:wrap;gap:8px 14px;justify-content:center;margin-top:18px;
  padding-top:14px;border-top:1px solid #e5e4e3;font-size:14px}
.mnd-alt{color:#2493cb;text-decoration:underline}
.mnd-alt:hover{color:#1b7fb4}
.mnd-alt-note{color:#767676}
@media(max-width:480px){.mnd-box{padding:20px 14px}}
/* inside the Avada fusion modal the box can breathe full-width */
.fusion-modal .mnd-box{max-width:none;border:0;box-shadow:none;background:transparent}

/* ---- v1.1: Baron feedback round ---- */
.mnd-box [hidden]{display:none !important}   /* fixes: custom field lingering over preset clicks */
.mnd-alt-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px;
  padding-top:16px;border-top:1px solid #e5e4e3}
@media(max-width:480px){.mnd-alt-cards{grid-template-columns:1fr}}
.mnd-alt-card{display:block;border:1px solid #d9d9d9;border-radius:8px;padding:14px 14px 12px;
  text-decoration:none;background:#fafafa;text-align:center}
.mnd-alt-card:hover{border-color:#2493cb;background:#fff;text-decoration:none}
.mnd-alt-card b{display:block;color:#2493cb;font-size:15.5px;margin-bottom:4px}
.mnd-alt-card span{display:block;color:#4a4a4a;font-size:12.5px;line-height:1.45}
.mnd-monthly{font-size:12.5px;color:#767676;margin:10px 0 0}
.mnd-monthly a{color:#2493cb;text-decoration:underline}

/* ---- v1.1.1: match the gate's readability pass (retirees in mind) ---- */
.mnd-email,.mnd-custom-in{font-size:17px;border:1.5px solid #8f8f8f}
.mnd-email{padding:12px 14px}
.mnd-custom-in{padding:11px 12px;width:150px}
.mnd-email::placeholder,.mnd-custom-in::placeholder{color:#8a8a8a}
.mnd-chip{font-size:16.5px;padding:11px 17px}
.mnd-chips{gap:9px;margin-bottom:10px}
.mnd-btn{font-size:17px;padding:14px 18px}
.mnd-copy{font-size:14.5px;margin:14px 0 12px}
.mnd-title{margin-bottom:16px}
.mnd-box{max-height:92vh;overflow-y:auto;-webkit-overflow-scrolling:touch}

/* ---- v1.2: narrower popup feel, three-line copy, bigger logo'd alternates ---- */
.fusion-modal.donate .modal-dialog{max-width:520px;margin-left:auto;margin-right:auto}
.fusion-modal .mnd-box{max-width:430px;margin:0 auto;padding-left:6px;padding-right:6px}
.mnd-copy{margin:18px 0 0}
.mnd-copy span{display:block;margin-bottom:7px;line-height:1.5}
.mnd-btn{margin-top:18px}
.mnd-alt-head{font-size:14px;color:#767676;margin:20px 0 10px;padding-top:16px;border-top:1px solid #e5e4e3}
.mnd-alt-cards{margin-top:0;padding-top:0;border-top:0;gap:14px}
.mnd-alt-card{padding:18px 16px 15px;border-radius:10px}
.mnd-alt-card b{font-size:17px;margin-bottom:5px}
.mnd-alt-card span{font-size:14px;line-height:1.5}
.mnd-alt-logo{width:30px;height:30px;display:block;margin:0 auto 8px;color:#8ca0b3}
.mnd-alt-card:hover .mnd-alt-logo{color:#2493cb}

/* ---- v1.2.1: comfortable framing inside the Avada donate modal ---- */
.mnd-box, .mnd-box *{box-sizing:border-box}
.fusion-modal.donate .modal-content{border-radius:10px;overflow:hidden}
.fusion-modal.donate .modal-body{padding:28px 26px 30px !important;
  max-height:calc(100vh - 140px);overflow-y:auto;-webkit-overflow-scrolling:touch}
.fusion-modal .mnd-box{max-width:430px;margin:0 auto;overflow:visible;max-height:none}
.fusion-modal.donate .modal-header{padding:0;border:0;min-height:0}
.fusion-modal.donate .modal-header .close{position:absolute;right:14px;top:10px;z-index:2}
@media(max-width:560px){
  .fusion-modal.donate .modal-dialog{max-width:calc(100vw - 24px);margin:12px auto}
  .fusion-modal.donate .modal-body{padding:22px 16px 24px !important}
}
.mnd-testpill{margin-bottom:4px}

/* ---- v1.2.2: WIN THE SPECIFICITY WAR vs Avada's global input styles.
   On the live theme our inputs computed to 13px / 1px #d2d2d2 — the exact cause of
   iOS focus-zoom and Baron's "fields are hard to see". ---- */
.mnd-box input.mnd-email,
.mnd-box input.mnd-custom-in{
  font-size:17px !important;
  line-height:1.4 !important;
  height:auto !important;
  padding:12px 14px !important;
  border:1.5px solid #8f8f8f !important;
  border-radius:6px !important;
  background:#fff !important;
  color:#333 !important;
  box-shadow:none !important;
}
.mnd-box input.mnd-email:focus,
.mnd-box input.mnd-custom-in:focus{border-color:#2493cb !important;outline:none !important}
.mnd-box input.mnd-email::placeholder,
.mnd-box input.mnd-custom-in::placeholder{color:#8a8a8a !important;font-size:16px !important}
.mnd-box input.mnd-custom-in{width:150px !important}
.mnd-box button.mnd-chip{font-size:16.5px !important;padding:11px 17px !important;line-height:1.2 !important;height:auto !important}
.mnd-box button.mnd-btn{font-size:17px !important;padding:14px 18px !important;line-height:1.2 !important;height:auto !important}

/* ---- v1.2.3: controlled copy wrapping (blank line between blocks) ---- */
.mnd-box .mnd-copy span{display:block;margin-bottom:12px;line-height:1.5}
.mnd-box .mnd-copy span:last-child{margin-bottom:0}
@media(max-width:480px){.mnd-br{display:none}}

/* ---- v1.2.6: Baron layout round — sentence-as-title, copy above the email field,
   email directly above the red button ---- */
.mnd-box h3.mnd-title{font-size:21px !important;line-height:1.35 !important;margin:0 0 16px !important;
  font-family:'PT Sans',Arial,sans-serif !important;font-weight:700 !important;color:#333 !important}
.mnd-box .mnd-copy{margin:14px 0 4px}
.mnd-box input.mnd-email{margin:12px 0 0 !important}
.mnd-box .mnd-btn{margin-top:14px}
.mnd-box .mnd-element{margin:12px 0 0;text-align:left}
.mnd-box .mnd-element:empty{margin:0}

/* ---- v1.3.0: trust line (standard practice — say who processes the payment) ---- */
.mnd-secure{display:flex;align-items:center;justify-content:center;gap:6px;
  font-size:12.5px;color:#767676;margin:10px 0 0}
.mnd-secure svg{width:13px;height:13px;flex:0 0 auto;color:#9aa5ae}