/* Give Once / Give Monthly toggle and notes */
.tlt-dn-seg{display:grid;grid-template-columns:1fr 1fr;margin:0 0 18px;border:1.5px solid rgba(201,166,70,.7);border-radius:99px;overflow:hidden;background:#fff}
.tlt-dn-seg button{border:0;background:transparent;padding:11px 8px;font:600 .95rem Inter,sans-serif;color:#0A1D30;cursor:pointer}
.tlt-dn-seg button.on{background:#0A1D30;color:#E3C877}
.tlt-dn-box p.tlt-dn-p{color:#000}
.tlt-dn-box p.tlt-dn-note{font-size:calc(.8rem + 1px);line-height:1.5;color:#7A5F28;font-weight:700;margin:-6px 0 14px;text-align:center}
.tlt-dn-box p.tlt-dn-thanks{color:#7A5F28}
/* Donate Now button + pop-up (The Love Trumpet mission support). Pop-up markup is added by assets/js/donate-now.js */
.tlt-dn-btn{display:inline-flex;align-items:center;gap:10px;padding:12px 26px;border-radius:99px;border:1.5px solid #C9A646;background:#fff;color:#0A1D30;font:600 .92rem Inter,system-ui,sans-serif;letter-spacing:.04em;line-height:1.2;cursor:pointer;text-decoration:none;transition:background .3s,color .3s,transform .3s,box-shadow .3s}
.tlt-dn-btn svg{width:17px;height:17px;fill:#C9A646;flex:none;transition:transform .4s,fill .3s}
.tlt-dn-btn:hover,.tlt-dn-btn:focus-visible{background:#C9A646;color:#0A1D30;transform:translateY(-2px);box-shadow:0 10px 24px rgba(201,166,70,.35)}
.tlt-dn-btn:hover svg,.tlt-dn-btn:focus-visible svg{fill:#0A1D30;transform:scale(1.15)}
.tlt-dn-place{text-align:center;margin:44px 0 0}
/* footer: right-aligned to the column edge; the negative left margin stops the button widening the column */
.footer-col .tlt-dn-btn{float:right;margin:6px 0 0 -90px;padding:10px 20px;font-size:.85rem}
@media(max-width:700px){.footer-col .tlt-dn-btn{float:none;margin:6px 0 0}}
.footer-top{position:relative}
.footer-col .tlt-dn-btn.tlt-dn-abs{position:absolute;float:none;margin:0}
.tlt-dn{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:18px;background:rgba(7,21,36,.62);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s}
.tlt-dn.open{opacity:1;visibility:visible}
.tlt-dn-box{position:relative;width:100%;max-width:520px;max-height:calc(100vh - 36px);overflow:auto;background:#FDFCF9;border-radius:22px;padding:42px 28px 30px;text-align:center;box-shadow:0 40px 90px rgba(0,0,0,.4);border:1px solid rgba(201,166,70,.45);transform:translateY(24px) scale(.97);transition:transform .45s cubic-bezier(.2,.7,.2,1);font-family:Inter,system-ui,sans-serif}
.tlt-dn.open .tlt-dn-box{transform:none}
.tlt-dn-box:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,#8a6420,#E3C877,#8a6420)}
.tlt-dn-x{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;border:0;background:transparent;color:#6a7078;font-size:22px;line-height:1;cursor:pointer}
.tlt-dn-x:hover{background:rgba(10,29,48,.06);color:#0A1D30}
.tlt-dn-heart{width:58px;height:58px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#FFF1BE,#E3C877 45%,#C9A646);box-shadow:0 0 24px rgba(255,220,140,.7);position:relative}
.tlt-dn-heart svg{width:24px;height:24px;fill:#0A1D30}
.tlt-dn-heart:after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid rgba(201,166,70,.8);animation:tltdnring 2.4s ease-out infinite}
@keyframes tltdnring{0%{transform:scale(1);opacity:.9}100%{transform:scale(1.7);opacity:0}}
.tlt-dn-box h3{font:500 1.9rem/1.15 'Cormorant Garamond',Georgia,serif;color:#0A1D30;margin:0 0 10px}
.tlt-dn-box h3 em{font-style:italic;color:#9a7426}
.tlt-dn-box p{font-size:calc(.95rem + 1px);line-height:1.65;color:#4b525a;margin:0 0 22px}
.tlt-dn-amts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 14px}.tlt-dn-amts.m{grid-template-columns:repeat(4,1fr);gap:8px}
.tlt-dn-amts button{padding:13px 0;border-radius:12px;border:1.5px solid rgba(201,166,70,.55);background:#fff;color:#0A1D30;font:600 1rem Inter,sans-serif;cursor:pointer;transition:background .25s,color .25s,border-color .25s,transform .25s}
.tlt-dn-amts button:hover{border-color:#C9A646;transform:translateY(-2px)}
.tlt-dn-amts button.sel{background:#0A1D30;color:#E3C877;border-color:#0A1D30}
.tlt-dn-other{display:none;align-items:center;border:1.5px solid #C9A646;border-radius:12px;background:#fff;padding:0 14px;margin:0 0 14px}
.tlt-dn-other.show{display:flex}
.tlt-dn-other span{font:600 1.05rem Inter;color:#7A5F28}
.tlt-dn-other input{flex:1;border:0;outline:0;background:transparent;padding:13px 8px;font:500 1.05rem Inter;color:#0A1D30;min-width:0}
.tlt-dn-go{width:100%;padding:15px 20px;border-radius:99px;border:0;background:#C9A646;color:#0A1D30;font:700 .98rem Inter,sans-serif;cursor:pointer;box-shadow:0 10px 24px rgba(201,166,70,.38);transition:transform .3s,opacity .3s}
.tlt-dn-go:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
.tlt-dn-go:not(:disabled):hover{transform:translateY(-2px)}
.tlt-dn-safe{display:block;font-size:calc(.76rem + 1px);color:#8a8f96;margin-top:12px;letter-spacing:.02em}
.tlt-dn-msg{display:none;font-size:.86rem;line-height:1.55;color:#7A5F28;background:rgba(201,166,70,.12);border-radius:10px;padding:10px 12px;margin-top:12px}
@media(max-width:480px){.tlt-dn-box{padding:38px 20px 24px}.tlt-dn-box h3{font-size:1.4rem;white-space:nowrap}.tlt-dn-note:not(.tlt-dn-thanks){min-height:4.6em;display:flex;align-items:center;justify-content:center;margin-top:0}}
@media(max-width:380px){.tlt-dn-box h3{font-size:1.18rem}}
@media(prefers-reduced-motion:reduce){.tlt-dn,.tlt-dn-box,.tlt-dn-btn{transition:none}.tlt-dn-heart:after{animation:none}}