/* MCL Dons v2.0 */
#mcl-dons-wrapper*,#mcl-dons-wrapper *::before,#mcl-dons-wrapper *::after{box-sizing:border-box;margin:0;padding:0;}
#mcl-dons-wrapper{--vert:#004B39;--vert2:#006B50;--vert3:#003028;--gold:#DB9E30;--gold2:#f0b94a;--gold3:#003028;--blanc:#fff;--gris:#f7f6f2;--radius:18px;font-family:'DM Sans',sans-serif;color:#1a1a1a;max-width:980px;margin:0 auto;padding:44px 16px 64px;}
/* HEADER */
#mcl-dons-wrapper .mcl-header{text-align:center;margin-bottom:48px;}
#mcl-dons-wrapper .mcl-badge{display:inline-flex;align-items:center;gap:7px;background:var(--gold);color:var(--vert3);font-weight:700;font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;padding:6px 18px;border-radius:100px;margin-bottom:18px;}
#mcl-dons-wrapper .mcl-header h2{font-family:'Playfair Display',serif;font-size:clamp(1.9rem,4.5vw,2.9rem);color:var(--vert);line-height:1.2;margin-bottom:14px;font-weight:700;}
#mcl-dons-wrapper .mcl-header p{color:#555;font-size:.98rem;max-width:500px;margin:0 auto;line-height:1.75;}
#mcl-dons-wrapper .mcl-sep{width:56px;height:3px;background:linear-gradient(90deg,var(--gold),var(--gold2));border-radius:4px;margin:18px auto 0;}
/* ONGLETS */
#mcl-dons-wrapper .mcl-tabs{display:flex;gap:8px;background:var(--gris);border-radius:14px;padding:6px;max-width:420px;margin:0 auto 40px;border:1.5px solid #e8e3d8;}
#mcl-dons-wrapper .mcl-tab-btn{flex:1;padding:11px 16px;border:none;border-radius:10px;font-family:'DM Sans',sans-serif;font-weight:600;font-size:.92rem;cursor:pointer;transition:all .25s;background:transparent;color:#888;}
#mcl-dons-wrapper .mcl-tab-btn.active{background:var(--vert);color:var(--blanc);box-shadow:0 4px 14px rgba(0,75,57,.3);}
/* PANNEAUX */
#mcl-dons-wrapper .mcl-panel{display:none;}
#mcl-dons-wrapper .mcl-panel.active{display:block;}
/* INFO BAND */
#mcl-dons-wrapper .mcl-info-band{display:flex;align-items:flex-start;gap:12px;background:linear-gradient(135deg,#fffdf5,#fff8e3);border:1.5px solid var(--gold2);border-radius:12px;padding:14px 20px;max-width:620px;margin:0 auto 40px;font-size:.85rem;color:#7a5d12;line-height:1.65;}
#mcl-dons-wrapper .mcl-info-icon{font-size:1.25rem;flex-shrink:0;margin-top:1px;}
/* GRILLE */
#mcl-dons-wrapper .mcl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px;margin-bottom:44px;}
/* CARTE */
#mcl-dons-wrapper .mcl-card{background:var(--blanc);border:2px solid #e8e3d8;border-radius:var(--radius);padding:26px 20px 22px;text-align:center;cursor:pointer;text-decoration:none!important;display:block;transition:border-color .2s,transform .2s,box-shadow .2s;}
#mcl-dons-wrapper .mcl-card:hover{border-color:var(--gold);transform:translateY(-3px);box-shadow:0 10px 36px rgba(0,75,57,.13);text-decoration:none!important;}
#mcl-dons-wrapper .mcl-card-tag{font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold3);margin-bottom:10px;}
#mcl-dons-wrapper .mcl-card-amount{font-family:'Playfair Display',serif;font-size:2.5rem;color:var(--vert);line-height:1;margin-bottom:4px;}
#mcl-dons-wrapper .mcl-card-amount sup{font-size:1.15rem;vertical-align:super;}
#mcl-dons-wrapper .mcl-card-amount small{font-family:'DM Sans',sans-serif;font-size:.85rem;color:#999;font-weight:400;}
#mcl-dons-wrapper .mcl-card-sub{font-size:.81rem;color:#888;margin-bottom:18px;min-height:34px;line-height:1.55;}
#mcl-dons-wrapper .mcl-card-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:11px 14px;background:var(--gold);color:var(--vert3);font-family:'DM Sans',sans-serif;font-weight:700;font-size:.87rem;border:none;border-radius:10px;transition:background .2s;}
#mcl-dons-wrapper .mcl-card:hover .mcl-card-btn{background:var(--vert);color:var(--blanc);}
/* PAYPAL */
#mcl-dons-wrapper .mcl-paypal-wrap{text-align:center;padding:48px 20px;}
#mcl-dons-wrapper .mcl-paypal-icon{width:72px;height:72px;margin:0 auto 20px;background:#003087;border-radius:50%;display:flex;align-items:center;justify-content:center;}
#mcl-dons-wrapper .mcl-paypal-wrap h3{font-family:'Playfair Display',serif;color:var(--vert);font-size:1.5rem;margin-bottom:12px;}
#mcl-dons-wrapper .mcl-paypal-wrap>p{color:#666;font-size:.95rem;max-width:420px;margin:0 auto 28px;line-height:1.7;}
#mcl-dons-wrapper .mcl-paypal-btn{display:inline-flex;align-items:center;gap:10px;padding:15px 36px;background:#0070ba;color:#fff!important;font-family:'DM Sans',sans-serif;font-weight:700;font-size:1rem;border-radius:50px;text-decoration:none!important;transition:background .2s,transform .15s,box-shadow .2s;box-shadow:0 4px 20px rgba(0,112,186,.3);}
#mcl-dons-wrapper .mcl-paypal-btn:hover{background:#003087;transform:translateY(-2px);box-shadow:0 8px 28px rgba(0,112,186,.4);}
#mcl-dons-wrapper .mcl-paypal-note{margin-top:16px;font-size:.78rem;color:#aaa;}
/* TRUST */
#mcl-dons-wrapper .mcl-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:22px;padding-top:32px;border-top:1.5px solid #ede8df;margin-top:8px;}
#mcl-dons-wrapper .mcl-trust-item{display:flex;align-items:center;gap:8px;font-size:.81rem;color:#777;}
#mcl-dons-wrapper .mcl-trust-item svg{color:var(--vert);flex-shrink:0;}
/* RESPONSIVE */
@media(max-width:560px){#mcl-dons-wrapper .mcl-grid{grid-template-columns:1fr 1fr;gap:12px;}#mcl-dons-wrapper .mcl-card{padding:20px 12px 18px;}#mcl-dons-wrapper .mcl-card-amount{font-size:2rem;}#mcl-dons-wrapper{padding:28px 12px 50px;}#mcl-dons-wrapper .mcl-tabs{max-width:100%;}}
@media(max-width:360px){#mcl-dons-wrapper .mcl-grid{grid-template-columns:1fr;}}

/* ═══ HERO BANNER ═══ */
#mcl-dons-wrapper .mcl-hero{background:linear-gradient(160deg,#004B39 0%,#006B50 50%,#003828 100%);border-radius:24px;padding:56px 32px 48px;text-align:center;margin-bottom:48px;position:relative;overflow:hidden;}
#mcl-dons-wrapper .mcl-hero::before{content:'';position:absolute;top:-60px;right:-60px;width:220px;height:220px;background:radial-gradient(circle,rgba(219,158,48,.15) 0%,transparent 70%);border-radius:50%;pointer-events:none;}
#mcl-dons-wrapper .mcl-hero::after{content:'';position:absolute;bottom:-40px;left:-40px;width:180px;height:180px;background:radial-gradient(circle,rgba(219,158,48,.1) 0%,transparent 70%);border-radius:50%;pointer-events:none;}
#mcl-dons-wrapper .mcl-hero-medal{margin:0 auto 24px;width:80px;height:80px;position:relative;z-index:1;}
#mcl-dons-wrapper .mcl-hero-title{font-family:'Playfair Display',serif;font-size:clamp(1.8rem,5vw,3rem);font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.06em;line-height:1.15;margin-bottom:20px;position:relative;z-index:1;}
#mcl-dons-wrapper .mcl-hero-divider{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:20px;position:relative;z-index:1;}
#mcl-dons-wrapper .mcl-hero-line{display:block;width:60px;height:1.5px;background:linear-gradient(90deg,transparent,#DB9E30,transparent);}
#mcl-dons-wrapper .mcl-hero-star{color:#DB9E30;font-size:.9rem;}
#mcl-dons-wrapper .mcl-hero-sub{color:rgba(255,255,255,.9);font-size:1.05rem;max-width:560px;margin:0 auto 36px;line-height:1.75;position:relative;z-index:1;}
#mcl-dons-wrapper .mcl-gold-text{color:#DB9E30;font-weight:700;}
#mcl-dons-wrapper .mcl-hadith{background:rgba(255,255,255,.07);border:1px solid rgba(219,158,48,.3);border-radius:16px;padding:28px 32px;max-width:680px;margin:0 auto;position:relative;z-index:1;}
#mcl-dons-wrapper .mcl-hadith-icon{font-size:2rem;margin-bottom:14px;}
#mcl-dons-wrapper .mcl-hadith-text{color:rgba(255,255,255,.92);font-style:italic;font-size:.98rem;line-height:1.8;margin-bottom:14px;}
#mcl-dons-wrapper .mcl-hadith-source{color:#DB9E30;font-weight:700;font-size:.85rem;letter-spacing:.04em;}
@media(max-width:560px){#mcl-dons-wrapper .mcl-hero{padding:40px 18px 36px;border-radius:16px;}#mcl-dons-wrapper .mcl-hadith{padding:20px 18px;}#mcl-dons-wrapper .mcl-hero-title{font-size:1.7rem;}}

/* € après le chiffre : 15€ /mois */
#mcl-dons-wrapper .mcl-card-amount{display:flex;align-items:baseline;justify-content:center;gap:2px;}
#mcl-dons-wrapper .mcl-euro{font-family:'Playfair Display',serif;font-size:1.4rem;font-weight:700;color:var(--vert);line-height:1;}
#mcl-dons-wrapper .mcl-card-amount small{font-family:'DM Sans',sans-serif;font-size:.85rem;color:#999;font-weight:400;margin-left:3px;}
