/* MandoLessons Tab Gate — namespaced (.mtg-), themed to the live site:
   PT Sans · green #a0ce4e (actions) · red #d20e0e (support) · blue #2493cb (links) */
.mtg-bg{position:fixed;inset:0;background:rgba(33,41,52,.6);z-index:99990;display:none;
  align-items:center;justify-content:center;padding:20px}
.mtg-bg.mtg-open{display:flex}
.mtg-modal{position:relative;background:#fff;border-radius:8px;width:100%;max-width:430px;
  padding:28px 26px 24px;text-align:center;box-shadow:0 18px 50px rgba(0,0,0,.3);
  font-family:'PT Sans',Arial,Helvetica,sans-serif;color:#333333}
.mtg-modal h3{margin:0 0 8px;font-size:24px;line-height:1.15;color:#333333;font-family:'PT Sans',Arial,sans-serif;font-weight:700}
.mtg-modal p{margin:0 0 8px;font-size:15px;line-height:1.5;color:#4a4a4a}
.mtg-form{margin-top:14px}
.mtg-email{width:100%;box-sizing:border-box;font-size:16px;padding:12px 14px;border:1px solid #d0d0d0;
  border-radius:6px;background:#fff;color:#333333;font-family:inherit}
.mtg-email:focus{outline:none;border-color:#2493cb}
.mtg-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.mtg-btn{display:block;width:100%;box-sizing:border-box;margin-top:10px;padding:13px 18px;
  border:0;border-radius:25px;background:#a0ce4e;color:#fff;font-size:16px;font-weight:700;
  cursor:pointer;text-decoration:none;text-align:center;font-family:'PT Sans',Arial,sans-serif}
.mtg-btn:hover{background:#8ab93c;color:#fff;text-decoration:none}
.mtg-fine{font-size:12.5px;color:#767676;margin-top:12px;line-height:1.5}
.mtg-x{position:absolute;top:8px;right:12px;border:0;background:none;font-size:26px;line-height:1;
  color:#9a9a9a;cursor:pointer;padding:4px}
.mtg-x:hover{color:#333333}
.mtg-check{width:52px;height:52px;border-radius:50%;background:#a0ce4e;color:#fff;font-size:26px;
  line-height:52px;margin:0 auto 12px}
.mtg-later{display:block;margin:10px auto 0;border:0;background:none;color:#767676;font-size:13.5px;
  cursor:pointer;text-decoration:underline;font-family:inherit}
.mtg-later:hover{color:#333333}
@media(max-width:480px){.mtg-modal{padding:22px 18px 18px}.mtg-modal h3{font-size:21px}}

/* ---- v2: sent-step, resend countdown, inline errors ---- */
.mtg-err{color:#d20e0e;font-size:13.5px;margin:8px 0 0;text-align:left}
.mtg-btn[disabled]{opacity:.55;cursor:default}
.mtg-btn[disabled]:hover{background:#a0ce4e}
.mtg-resend{background:#2493cb}
.mtg-resend:hover{background:#1b7fb4}
.mtg-resend[disabled]:hover{background:#2493cb}
.mtg-sentto{word-break:break-all}

/* ---- v2.1: support buttons (site's donate red) ---- */
.mtg-support-line{margin-top:14px;border-top:1px solid #e5e4e3;padding-top:12px}
a.mtg-donate2{display:block;text-decoration:none;line-height:1.2;background:#d20e0e}
a.mtg-donate2:hover{background:#b10e0e}
a.mtg-support{background:#d20e0e}
a.mtg-support:hover{background:#b10e0e}

/* ---- v3: unified tip chips + nudge ---- */
.mtg-modal [hidden]{display:none !important}
.mtg-tiplabel{font-size:13px;color:#767676;margin:12px 0 6px}
.mtg-chips{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-bottom:6px}
.mtg-chip{border:1px solid #c9c9c9;background:#f6f6f6;color:#333;border-radius:25px;
  padding:8px 13px;font-size:14.5px;font-weight:700;cursor:pointer;font-family:inherit}
.mtg-chip:hover{border-color:#a0ce4e}
.mtg-chip-on{background:#a0ce4e;border-color:#a0ce4e;color:#fff}
.mtg-customwrap{display:flex;align-items:center;gap:6px;justify-content:center;margin:8px 0 2px}
.mtg-customwrap span{font-weight:700}
.mtg-custom{width:110px;font-size:15px;padding:8px 10px;border:1px solid #c9c9c9;border-radius:6px;font-family:inherit}
.mtg-custom:focus{outline:none;border-color:#2493cb}
.mtg-paywrap,.mtg-paywrap2{margin:10px 0 4px;text-align:left}
.mtg-err2{color:#d20e0e;font-size:13.5px;margin:8px 0 0}
.mtg-nudge-open{font-size:13.5px;color:#767676}
.mtg-nudge-open a{color:#2493cb}
.mtg-nudge .mtg-check{background:#2493cb}
.mtg-nudge-pay{background:#d20e0e}
.mtg-nudge-pay:hover{background:#b10e0e}
.mtg-nudge-pay[disabled]:hover{background:#d20e0e}

/* ---- v3.0.1: Baron polish — bigger type/fields, breathing room, visible inputs, no overflow ---- */
.mtg-modal{max-width:470px;max-height:92vh;overflow-y:auto;-webkit-overflow-scrolling:touch;
  padding:32px 30px 26px}
.mtg-modal h3{font-size:26px;margin-bottom:12px}
.mtg-modal p{font-size:16px;line-height:1.55;margin-bottom:12px}
.mtg-form{margin-top:18px}
.mtg-email,.mtg-custom{font-size:17px;border:1.5px solid #8f8f8f;background:#fff}
.mtg-email{padding:14px 15px}
.mtg-email::placeholder,.mtg-custom::placeholder{color:#8a8a8a}
.mtg-tiplabel{font-size:14.5px;margin:18px 0 10px}
.mtg-chips{gap:8px;margin-bottom:10px}
.mtg-chip{font-size:15.5px;padding:10px 16px}
.mtg-customwrap{margin:12px 0 6px;gap:8px}
.mtg-custom{width:160px;padding:12px 13px}
.mtg-customwrap span{font-size:18px}
.mtg-paywrap,.mtg-paywrap2{margin:16px 0 8px}
.mtg-btn{font-size:17px;padding:15px 18px;margin-top:16px}
.mtg-fine{font-size:13.5px;margin-top:16px}
.mtg-err,.mtg-err2{font-size:14.5px;margin-top:10px}
.mtg-later{font-size:14.5px;margin-top:14px}
.mtg-check{margin-bottom:16px}
@media(max-width:480px){.mtg-modal{padding:24px 18px 20px;max-height:94vh}.mtg-modal h3{font-size:22px}}

/* ---- v3.0.2: max out vertically; generous air below the email field ---- */
.mtg-modal{max-height:calc(100vh - 36px)}
.mtg-tiplabel{margin:22px 0 12px}
.mtg-chips{gap:9px;margin-bottom:14px}
.mtg-customwrap{margin:16px 0 10px}
.mtg-paywrap,.mtg-paywrap2{margin:20px 0 12px}
.mtg-btn{margin-top:22px}
.mtg-fine{margin-top:20px;line-height:1.6}
.mtg-err,.mtg-err2{margin-top:12px}
@media(max-width:480px){.mtg-modal{max-height:calc(100vh - 20px)}}

/* ---- v3.0.2b: spacing rules must outrank `.mtg-modal p` base margins ---- */
.mtg-modal .mtg-tiplabel{margin:22px 0 12px}
.mtg-modal .mtg-fine{margin-top:20px}
.mtg-modal .mtg-err,.mtg-modal .mtg-err2{margin-top:12px}
.mtg-modal .mtg-nudge-open{margin-bottom:14px}
.mtg-modal .mtg-support-line{margin-top:18px;padding-top:14px}

/* ---- v3.0.3: same specificity hardening as the donate widget (Avada overrides) ---- */
.mtg-modal input.mtg-email,
.mtg-modal input.mtg-custom{
  font-size:17px !important;
  line-height:1.4 !important;
  height:auto !important;
  border:1.5px solid #8f8f8f !important;
  border-radius:6px !important;
  background:#fff !important;
  color:#333 !important;
  box-shadow:none !important;
}
.mtg-modal input.mtg-email{padding:14px 15px !important}
.mtg-modal input.mtg-custom{padding:12px 13px !important;width:160px !important}
.mtg-modal input.mtg-email:focus,
.mtg-modal input.mtg-custom:focus{border-color:#2493cb !important;outline:none !important}
.mtg-modal input.mtg-email::placeholder,
.mtg-modal input.mtg-custom::placeholder{color:#8a8a8a !important;font-size:16px !important}
.mtg-modal button.mtg-chip{font-size:15.5px !important;padding:10px 16px !important;line-height:1.2 !important;height:auto !important}
.mtg-modal .mtg-btn{font-size:17px !important;padding:15px 18px !important;line-height:1.2 !important;height:auto !important}

/* ---- v3.0.4: controlled copy wrapping ---- */
.mtg-modal .mtg-copyline{display:block}
.mtg-modal .mtg-copyline + .mtg-copyline{margin-top:12px}
@media(max-width:480px){.mtg-br{display:none}}

/* ---- v3.0.7: Payment Element containers are self-styled; add the Stripe trust line ---- */
.mtg-secure{display:flex;align-items:center;justify-content:center;gap:6px;
  font-size:12.5px;color:#767676;margin:10px 0 0}
.mtg-secure svg{width:13px;height:13px;flex:0 0 auto;color:#9aa5ae}

/* ---- v3.1.0: privacy link, spam note, resend ----
   Avada paints a BACKGROUND on links inside the modal (blue text on blue box =
   invisible), so plain links have to be neutralised explicitly. Buttons opt out
   via .mtg-btn. ---- */
.mtg-modal a:not(.mtg-btn){
  background:none !important;background-color:transparent !important;
  box-shadow:none !important;padding:0 !important;border:0 !important;
  font-size:inherit !important;line-height:inherit !important;
  color:#2493cb !important;text-decoration:underline !important}
.mtg-modal a:not(.mtg-btn):hover{color:#1b7fb4 !important}
.mtg-privacy{margin:10px 0 0;font-size:12.5px}
.mtg-modal .mtg-privacy a{color:#8a8a8a !important}
.mtg-modal .mtg-privacy a:hover{color:#2493cb !important}
.mtg-spam{margin:14px 0 0 !important;font-size:13.5px;color:#767676;line-height:1.5}
.mtg-resend-msg{margin:8px 0 0 !important;font-size:13.5px;color:#54770f;font-weight:700}

/* ---- v3.1.1: Baron — the ask leads the tip section, in bold ---- */
.mtg-modal .mtg-lead{font-size:15px;line-height:1.5;color:#333333;font-weight:700;margin:18px 0 0}
@media(max-width:480px){.mtg-modal .mtg-lead{font-size:14.5px}}
.mtg-modal .mtg-tiplabel{margin:10px 0 12px}

/* ---- v3.2.1: PayPal / Patreon fallback when Stripe can't be reached ---- */
.mtg-modal .mtg-alt-row{font-size:14.5px;color:#4a4a4a;margin:14px 0 0;line-height:1.5}
.mtg-modal .mtg-s3-alt{margin-top:6px}