/* Charity & Fundraising DJ city pages — scoped to avoid affecting other services. */
.charity-city .cl-section{padding:clamp(3.25rem,5vw,5rem) 0;background:#fff;color:#11162a}
.charity-city .cl-section--soft{background:#f5f5f8;border-block:1px solid #e5e4ee}
.charity-city .cl-section--soft .section-title,.charity-city .cl-section .section-title{color:#11162a}
.charity-city .cl-section .section-copy{color:#505769;line-height:1.73}
.charity-city .cl-eyebrow{display:block;color:#281794;font-size:.75rem;letter-spacing:.13em;font-weight:900;text-transform:uppercase;margin:0 0 .7rem}
.charity-city .cl-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(1.6rem,4vw,4rem);align-items:center}
.charity-city .cl-grid--reverse{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.charity-city .cl-copy p:last-child{margin-bottom:0}
.charity-city .cl-panel{padding:clamp(1.5rem,3vw,2.35rem);border:1px solid #e1dfe9;border-radius:1.3rem;background:#fff;box-shadow:0 14px 35px rgba(13,16,45,.06)}
.charity-city .cl-panel h3{margin:.25rem 0 .75rem;color:#11162a;font-size:clamp(1.2rem,2.4vw,1.65rem)}
.charity-city .cl-panel p,.charity-city .cl-panel li{color:#505769;line-height:1.7}
.charity-city .cl-dark{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(137deg,#08091e 0%,#160e59 62%,#281794 100%);border:1px solid rgba(216,157,38,.25);color:#fff;box-shadow:0 20px 45px rgba(8,9,30,.16)}
.charity-city .cl-dark::after{position:absolute;z-index:-1;content:'';width:16rem;height:16rem;right:-5rem;top:-5rem;border-radius:50%;background:rgba(89,30,217,.3)}
.charity-city .cl-dark .cl-eyebrow{color:#ffe29a!important}
.charity-city .cl-dark h2,.charity-city .cl-dark h3,.charity-city .cl-dark strong{color:#fff!important}
.charity-city .cl-dark p,.charity-city .cl-dark .section-copy,.charity-city .cl-dark li{color:#e4e5f1!important}
.charity-city .cl-pill-row{display:flex;flex-wrap:wrap;gap:.55rem;margin:1.25rem 0 0}
.charity-city .cl-pill{display:inline-flex;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.09);color:#fff!important;border-radius:99px;font-weight:700;font-size:.85rem;padding:.55rem .75rem}
.charity-city .cl-heading{max-width:790px;margin-bottom:1.8rem}
.charity-city .cl-heading .section-copy{max-width:760px}
.charity-city .cl-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.charity-city .cl-card{padding:1.55rem;border-radius:1.15rem;border:1px solid #dfe1e9;background:#fff;box-shadow:0 10px 30px rgba(8,9,30,.04)}
.charity-city .cl-card-number{display:block;color:#281794;font-size:.74rem;font-weight:900;letter-spacing:.12em;margin-bottom:.85rem}
.charity-city .cl-card h3{margin:0 0 .65rem;color:#11162a;font-size:1.1rem}
.charity-city .cl-card p{margin:0;color:#545b6d;line-height:1.68}
.charity-city .cl-notes{display:grid;gap:.75rem;margin:0;padding:0;list-style:none}
.charity-city .cl-notes li{padding:1rem 1.1rem;background:#f5f5f9;border:1px solid #e7e4f0;border-radius:.85rem;color:#505769;line-height:1.6}
.charity-city .cl-notes strong{display:block;color:#11162a;margin-bottom:.2rem}
.charity-city .cl-steps{display:grid;gap:.85rem}
.charity-city .cl-step{display:grid;grid-template-columns:2.3rem 1fr;gap:1rem;align-items:start;padding:1.05rem 1.1rem;background:#fff;border:1px solid #e1dfe9;border-radius:.9rem}
.charity-city .cl-step-mark{display:grid;place-items:center;background:#281794;color:#fff!important;width:2.2rem;height:2.2rem;border-radius:50%;font-weight:900}
.charity-city .cl-step strong{color:#11162a;display:block;margin-bottom:.15rem}
.charity-city .cl-step p{color:#545b6d;margin:0;line-height:1.6}
.charity-city .cl-band{padding:clamp(1.7rem,4vw,3rem);border-radius:1.35rem}
.charity-city .cl-band-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(1.5rem,4vw,3.5rem);align-items:center}
.charity-city .cl-band .section-title{color:#fff!important}
.charity-city .cl-band .section-copy{color:#e4e5f1!important}
.charity-city .cl-band .cl-notes li{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15);color:#e4e5f1!important}
.charity-city .cl-band .cl-notes strong{color:#fff!important}
.charity-city .cl-links{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}
.charity-city .cl-link{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#fff;border:1px solid #d6d1e3;border-radius:.85rem;color:#281794!important;font-weight:800;text-decoration:none}
.charity-city .cl-link:hover{border-color:#591ed9;background:#f4f1ff;color:#160e59!important}
.charity-city .cl-faq{border:1px solid #dedee8;border-radius:1.1rem;background:#fff;padding:.6rem 1.35rem;max-width:940px}
.charity-city .cl-faq details{padding:1.1rem .1rem;border-top:1px solid #e5e4ed}
.charity-city .cl-faq details:first-child{border-top:0}
.charity-city .cl-faq summary{cursor:pointer;font-weight:800;color:#11162a}
.charity-city .cl-faq p{color:#545b6d;line-height:1.7;margin:.65rem 0 0}
.charity-city .cl-cta{padding:clamp(2rem,4vw,3rem);border-radius:1.3rem}
.charity-city .cl-cta h2{color:#fff!important}
.charity-city .cl-cta p{color:#e4e5f1!important;max-width:850px;line-height:1.7}
.charity-city .cl-cta .btn{margin-top:.4rem}
@media(max-width:991.98px){.charity-city .cl-grid,.charity-city .cl-grid--reverse,.charity-city .cl-band-grid{grid-template-columns:1fr}.charity-city .cl-cards{grid-template-columns:1fr 1fr}}
@media(max-width:767.98px){.charity-city .cl-section{padding:2.85rem 0}.charity-city .cl-cards{grid-template-columns:1fr}.charity-city .cl-panel,.charity-city .cl-card{padding:1.3rem}.charity-city .cl-links .cl-link{width:100%}.charity-city .cl-cta .btn{width:100%;text-align:center}.charity-city .cl-faq{padding:.4rem 1rem}}


/* Second pass: alternating full-width sections: white / deep indigo / white / deep indigo.
   Explicitly scope text colours to the dark SECTION so light cards remain readable. */
.charity-city .cl-section--dark{
  background:linear-gradient(125deg,#0a0c25 0%,#141039 54%,#23165a 100%);
  color:#f8f8ff;
  border:0;
}
.charity-city .cl-section--dark .section-title{color:#fff!important}
.charity-city .cl-section--dark .section-copy{color:#e7e7f1!important}
.charity-city .cl-section--dark .cl-eyebrow{color:#ffe29a!important}
/* White cards and venue panels stand out against the indigo section. */
.charity-city .cl-section--dark .cl-card,
.charity-city .cl-section--dark .cl-panel:not(.cl-dark){background:#fff;border-color:#e8e4f0;color:#11162a}
.charity-city .cl-section--dark .cl-card h3,
.charity-city .cl-section--dark .cl-panel:not(.cl-dark) h3{color:#11162a!important}
.charity-city .cl-section--dark .cl-card p,
.charity-city .cl-section--dark .cl-panel:not(.cl-dark) p,
.charity-city .cl-section--dark .cl-panel:not(.cl-dark) li{color:#505769!important}
.charity-city .cl-section--dark .cl-panel:not(.cl-dark) strong{color:#11162a!important}
.charity-city .cl-section--dark .cl-panel:not(.cl-dark) .cl-link{color:#281794!important}
/* The final CTA is its own lighter indigo card, with buttons remaining legible. */
.charity-city .cl-section--dark .cl-cta.cl-dark{
  background:linear-gradient(125deg,#211568,#35238e 100%);
  border:1px solid rgba(255,226,154,.42);
  box-shadow:0 18px 50px rgba(0,0,0,.22);
}

/* V3 theme: force full-width alternating section backgrounds, independent of other global styles. */
section.cl-section {background-color:#fff!important;background-image:none!important;color:#11162a}
section.cl-section.cl-section--dark {background-color:#141039!important;background-image:linear-gradient(125deg,#0a0c25 0%,#141039 54%,#23165a 100%)!important;color:#f8f8ff!important}
section.cl-section.cl-section--dark .section-title {color:#fff!important}
section.cl-section.cl-section--dark .section-copy {color:#e7e7f1!important}
section.cl-section.cl-section--dark .cl-eyebrow {color:#ffe29a!important}
section.cl-section.cl-section--dark .cl-card, section.cl-section.cl-section--dark .cl-panel:not(.cl-dark){background:#fff!important;color:#11162a!important}
section.cl-section.cl-section--dark .cl-card h3,section.cl-section.cl-section--dark .cl-panel:not(.cl-dark) h3{color:#11162a!important}
section.cl-section.cl-section--dark .cl-card p,section.cl-section.cl-section--dark .cl-panel:not(.cl-dark) p,section.cl-section.cl-section--dark .cl-panel:not(.cl-dark) li{color:#505769!important}