/* MADRASSA — MODAL NEWSLETTER PUBLIC */
:root{--newsletter-bg:#fffdf7;--newsletter-bg-soft:#f7f0df;--newsletter-green:#0a3b2b;--newsletter-green-2:#15543e;--newsletter-gold:#b77912;--newsletter-gold-soft:#ead399;--newsletter-text:#18372d;--newsletter-muted:#65776f;--newsletter-border:rgba(10,59,43,.15);--newsletter-shadow:0 28px 80px rgba(37,52,40,.20)}
.newsletter-trigger-btn{min-height:48px;padding:.72rem 1.2rem;border-radius:999px;font-weight:800}
#newsletterModal .modal-dialog{max-width:570px;margin:1.25rem auto;transform:translateY(16px) scale(.98);opacity:0;transition:transform .28s ease,opacity .28s ease}
#newsletterModal.show .modal-dialog{transform:translateY(0) scale(1);opacity:1}
#newsletterModal .modal-content{position:relative;overflow:hidden;color:var(--newsletter-text);background:radial-gradient(circle at 10% 0,rgba(214,164,59,.15),transparent 18rem),linear-gradient(145deg,var(--newsletter-bg),var(--newsletter-bg-soft))!important;border:1px solid rgba(183,121,18,.28);border-radius:26px;box-shadow:var(--newsletter-shadow)}
#newsletterModal .modal-content::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.16;background-image:radial-gradient(circle at 0 0,transparent 0 17px,rgba(10,59,43,.22) 18px 19px),radial-gradient(circle at 100% 100%,transparent 0 19px,rgba(183,121,18,.20) 20px 21px);mask-image:linear-gradient(90deg,#000 0,transparent 34%,transparent 66%,#000 100%)}
#newsletterModal .modal-header,#newsletterModal .modal-body,#newsletterModal .modal-footer{position:relative;z-index:1}
#newsletterModal .modal-header{align-items:center;padding:1.25rem 1.4rem;background:rgba(255,255,255,.55);border-bottom:1px solid var(--newsletter-border)}
#newsletterModal .modal-body{padding:1.35rem 1.4rem 1.1rem}
#newsletterModal .modal-footer{padding:0 1.4rem 1.4rem;background:transparent;border-top:0}
#newsletterModal .modal-title{display:flex;align-items:center;gap:.65rem;margin:0;color:var(--newsletter-green);font-family:"Outfit", sans-serif;font-size:1.45rem;font-weight:700;letter-spacing:-.015em;text-transform:none}
#newsletterModal .modal-title i{display:grid;place-items:center;width:40px;height:40px;color:var(--newsletter-gold);background:rgba(183,121,18,.11);border:1px solid rgba(183,121,18,.22);border-radius:12px;font-size:1rem}
#newsletterModal .btn-close{width:36px;height:36px;margin:0;padding:0;background-size:12px;border:1px solid var(--newsletter-border);border-radius:11px;opacity:.75;transition:opacity .2s ease,transform .2s ease,background-color .2s ease}
#newsletterModal .btn-close:hover{opacity:1;transform:rotate(4deg);background-color:rgba(255,255,255,.8)}
#newsletterModal .form-label{margin-bottom:.45rem;color:var(--newsletter-green);font-size:.88rem;font-weight:800}
#newsletterModal .form-check-label,#newsletterModal .small,#newsletterModal .nl-meta{color:var(--newsletter-muted);line-height:1.55}
#newsletterModal a{color:var(--newsletter-gold);font-weight:750}#newsletterModal a:hover{color:var(--newsletter-green)}
#newsletterModal .form-control{min-height:50px;padding:.78rem .95rem;color:var(--newsletter-text);background:rgba(255,255,255,.82)!important;border:1px solid var(--newsletter-border)!important;border-radius:13px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.75);transition:border-color .22s ease,box-shadow .22s ease,background .22s ease}
#newsletterModal .form-control::placeholder{color:#9aa59f}
#newsletterModal .form-control:focus{color:var(--newsletter-text);background:#fff!important;border-color:var(--newsletter-gold)!important;box-shadow:0 0 0 4px rgba(183,121,18,.13)!important}
#newsletterModal .form-control-lg{min-height:54px}
#newsletterModal .form-check{padding:.9rem 1rem .9rem 2.35rem;background:rgba(255,255,255,.55);border:1px solid var(--newsletter-border);border-radius:13px}
#newsletterModal .form-check-input{margin-top:.25rem;border-color:rgba(10,59,43,.28);box-shadow:none}
#newsletterModal .form-check-input:checked{background-color:var(--newsletter-green);border-color:var(--newsletter-green)}
#newsletterModal .form-check-input:focus{border-color:var(--newsletter-gold);box-shadow:0 0 0 .18rem rgba(183,121,18,.13)}
#newsletterModal .nl-meta{display:flex;align-items:flex-start;gap:.55rem;padding:.85rem 1rem;background:rgba(10,59,43,.05);border:1px solid rgba(10,59,43,.10);border-radius:13px}
#newsletterModal .nl-meta i{flex:0 0 auto;margin-top:.08rem;color:var(--newsletter-gold)}
#newsletterModal .alert{margin-bottom:1rem;padding:.85rem 1rem;border-radius:13px;font-size:.92rem}
#newsletterModal .alert-success{color:#245d3d;background:rgba(44,122,75,.10);border-color:rgba(44,122,75,.22)}
#newsletterModal .alert-warning{color:#81540c;background:rgba(183,121,18,.10);border-color:rgba(183,121,18,.22)}
#newsletterModal .alert-danger{color:#8c332e;background:rgba(168,60,53,.09);border-color:rgba(168,60,53,.20)}
#newsletterModal .newsletter-submit-btn{position:relative;min-height:52px;overflow:hidden;border-radius:999px}
#newsletterModal .newsletter-submit-btn::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.24) 45%,transparent 70%);transform:translateX(-130%);transition:transform .55s ease}
#newsletterModal .newsletter-submit-btn:hover::after{transform:translateX(130%)}
#newsletterModal .btn-glow{display:none}
.modal-backdrop.show{opacity:.48;background:#06271d;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.rtl-page #newsletterModal .form-label,.rtl-page #newsletterModal .form-check-label,.rtl-page #newsletterModal .nl-meta{text-align:right}
.rtl-page #newsletterModal .form-check{padding-right:2.35rem;padding-left:1rem}
@media(max-width:576px){#newsletterModal .modal-dialog{margin:.65rem}#newsletterModal .modal-content{border-radius:20px}#newsletterModal .modal-header,#newsletterModal .modal-body{padding-inline:1rem}#newsletterModal .modal-footer{padding-inline:1rem;padding-bottom:1rem}#newsletterModal .modal-title{font-size:1.2rem}#newsletterModal .modal-title i{width:36px;height:36px}}
@media(prefers-reduced-motion:reduce){#newsletterModal .modal-dialog,#newsletterModal .newsletter-submit-btn::after{transition-duration:.01ms!important}}